/* Banner */
#banner{
  background-size: 100% 100%;
  background-repeat: no-repeat !important;
padding: 40px 0;
  background-attachment: scroll;
  overflow-x: hidden;
  margin: 0 40px;
  border-radius: 20px;
}
#banner .row{
    padding: 175px 0;
}
.banner-heading{
  font-family: 'Nata';
  font-size: 230px;
  font-weight: 700;
  line-height:230px;
  color: #fff;
}
.banner-para {
  font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 27px;
}

.banner-svg-one{
  position: absolute;
    left: 6%;
    top: -25px;
}
.banner-svg-two{
  position: absolute;
right: 40px;
bottom: 0px;
}



/* -------------Honor & Awards--------- */
.honors-main h3,.awards-main h3{
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #F1ED19;
}
.honors-points::before{
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 4px;
  background: #FFFFFF;
}

.iso-svg.hon-svg-main{
  z-index: -1;
left: 40px;
top: 8%;
}
#awards-sec .container svg{
  -webkit-backface-visibility: hidden;
backface-visibility: hidden;
  -webkit-animation: bounce 1s ease-in-out 0s infinite alternate;
  animation: bouncess 3s ease-in-out 0s infinite alternate;
}
.iso-cross svg{
  animation: unset !important;
}
.iso-vector {
  top: 16%;
  right: 29px;
  z-index: -1;
}
.iso-zig {
  right: 0;
  bottom: 40%;
  z-index: -1;
}
.award-main-img{
  max-width: 90%;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.iso-cross {
  left: 31%;
top: 18%;
}
.iso-triangle{
  position: absolute;
bottom: 0;
left: 10px;
}
@-webkit-keyframes bouncess {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-40px);
}

}

/* ---------------Partners----------------- */
#partner{
  margin-bottom:80px ;
}
.partners-text{
  font-family: Nata;
  font-size: 80px;
  font-weight: 700;
  line-height: 80px;
  text-align: left;
  color: #fff;
  animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.partners-text-one{
  color: #F4F000;
}
.partners-text-one::after{
  content: ":";
  position: absolute;
  top: unset;
  /* left: 0; */
  right: -12px;
  bottom: -3px;
  font-size: 75px;
  padding-right: 0px;

}
/* Lets Work */
.work-heading{
  font-family: Nata;
font-size: 90px;
font-weight: 700;
line-height: 70px;
}
.work-sub-heading{
  font-family: Poppins;
font-size: 18px;
font-weight: 600;
line-height: 18px;
color: #F1ED19;
}
.lets-work-mask img{
  /* width: 100%;
  height: 100%;
  max-width: 90%; */
  width: 350px;
  height: 353px;
  object-fit: cover;
}
.work-svg{
  position: absolute;
right: 0;
left: 0;
text-align: center;
bottom: -25px;
}
.work-svg img{
  width: 252px;
  height:119px;
  transition: transform 1s;
}
.work-svg img:hover{
      transform: scale(1.2)
}

/* Projecct */
.project-title{
  position: absolute;
  top: 0;
  bottom: 0;
  height: max-content;
  margin: auto 0;
  right: -15%;
  width: 390px;
  z-index: 2;
  display: flex;
justify-content: center;
}
.project-title a{
  -webkit-text-stroke: #F4F000;
-webkit-text-stroke-width: 1px  !important;
-webkit-text-fill-color: transparent;
font-family: Nata;
font-size: 105px;
font-weight: 700;
line-height: 105px;
display: inline-block;
margin: 0 auto;
width: min-content;
text-align: left;
/* color: #F4F000; */
}
.clipped-rtl {
  background: linear-gradient(
    to right,
    transparent 10%,
    transparent 50%,
    #F4F000 60%
  );
  background-clip: text !important;
  -webkit-background-clip: text !important;;
  background-size: 200% auto !important;;
  animation: rtl 2.5s linear infinite !important;;
}

.clipped-ltr {
  background: linear-gradient(
    to right,
    #F4F000 40%,
    #F4F000 50%,
    transparent 60%
  );
  background-repeat: no-repeat  ;
  background-clip: text !important;;
  -webkit-background-clip: text !important;;
  background-size: 0% auto !important;;
  animation: ltr 2.5s linear infinite !important;;
}

@keyframes rtl {
  to {
    background-position: 100% center;
  }
}

@keyframes ltr {
  to {
    background-size: 200% auto;
  }
}
.project-year{
  position: absolute;
bottom: 50px;
left: 50px;
font-family: Poppins;
font-size: 14px;
font-weight: 600;
line-height: 14px;
text-align: left;
background: #F1ED19;
color: #000;
padding: 15px 34px;
border-radius: 29px;
width: max-content;
}
#projects .sec-small-img-one{
  position: absolute;
right: -5%;
top: 5%;
width: 180px;
z-index: 3;

}
#projects .sec-small-img-two {
  bottom: -10%;
  left: -5%;
  position: absolute;
  width: 180px;
  z-index: 3;

}
.sec-small-img-two:hover,.sec-small-img-one:hover {
  transform: scale(1.2);
}
