.top-main-section-div{
    background-image: url('../Images/landing-hero.png');
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    padding: 88px 0 44px;
}

.hero-logo img{
    width: auto;
    height: 80px;
}



.hero-form-right .hero-info-form{
  position: relative;
}

.hero-form-right .hero-info-form .logo-wrapper{
      position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    top: -34px;
}


.hero-form-right .hero-info-form .logo-wrapper img{
      background: #fff;
    border-radius: 50%;
    padding: 8px;
}

.hero-form-right .hero-info-form .form-card h2{
  margin-top: 20px;
}




.form-card {
  width: 380px;
  padding: 30px;
  border-radius: 16px;
  background: linear-gradient(180deg, #162e47, #17254f);
  box-shadow: 0 0 30px rgba(0,0,0,0.6);
}

.form-card h2 {
  text-align: center;
  color: white;
  margin-bottom: 25px;
}

.name-fild{
    display: flex;
    gap: 10px;
}



.field {
  position: relative;
  width: 100%;
  margin-bottom: 7px;
}

.field input,
.field textarea,
.field select {
  width: 100%;
  padding: 10px 12px;
  background: #0f172a;
  border: none;
  border-radius: 8px;
  color: white;
  outline: none;
}

.field label {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 14px;
  pointer-events: none;
  margin-bottom: 0px;
  transition: 0.3s ease;
  /* background: #0f172a; */
  padding: 0 6px;
}

/* FLOAT EFFECT */
.field input:focus + label,
.field input:valid + label,
.field textarea:focus + label,
.field textarea:valid + label,
.field select:focus + label,
.field select:valid + label {
  top: 0px;
  font-size: 12px;
  color: #ff5c5c;
}

button {
  width: 100%;
  padding: 14px;
  border: none;
  border-radius: 10px;
  background: #7b1e2b;
  color: white;
  letter-spacing: 4px;
  cursor: pointer;
  margin-top: 10px;
}



.hero-form-value{
padding-top: 70px;
}

.hero-form-value-content{
display: flex;
justify-content: space-between;
}

.hero-form-left{
max-width: 693px;
width: 100%;
}

.hero-form-left h1{
        font-size: 39px;
    font-family: var(--heading-value);
    font-weight: 800;
    color: #fff;
    line-height: 55px;
}


.hero-p-text{
max-width: 560px;
margin-top: 20px;
}

.hero-p-text p{
color: #c2c8d6;
    font-size: 21px;
    font-weight: 500;
    line-height: 36px;
    /* max-width: 560px; */
    width: 100%;
}

.p-text-bold{
   font-family: var(--heading-value);
   color: #fff; 
   font-weight: 800;
}


.image-wrapper{
padding-top: 80px;
}

.image-wrapper-content{
    display: flex;
    gap: 26px;
}

.image-wrapper-img img{
    width: 100%;
    height: 114px;
    max-width: 106px;
}

.director-text-left img{
    mix-blend-mode: soft-light;
}

.director-text-right .director-text-info{
display: block;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 10px;
    color: var(--white-color);
}

.director-wrap-content{
    display: flex;
    align-items: start;
    justify-content: center;
    margin-right: 180px;
}

.director-wrap-text{
    display: flex;
    gap: 11px;
}

.director-text-right{
    max-width: 183px;
}

.director-img{
    margin-top: -14%;
}

.director-img img{
    width: auto;
    height: 340px;
}


.director-name{
color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 600;
}

.director-role{
      display: block;
    font-size: 12px;
    padding-top: 3px;
    font-style: italic;
    color: #c2c8d6;
}

.director-wrap-section{
  margin-bottom: 7px;
}

 .awards-div{
   background: #020b2c;
   border: 2px solid #6a799c;
   border-radius: 89.5px;
   margin-bottom: -130px;
   padding: 35.33px 20px;
   position: relative;
  }


  .bootom-title{
        font-size: 20px;
    text-align: center;
    color: #c2c8d6;
    font-weight: 400;
  }

  .boldWord{
    color: #fff;
    font-weight: 800;
  }

  .bottom-img-wrap{
        display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
  }

  .bottom-img img{
        width: 100%;
    height: 70px;
    object-fit: contain;
  }

  .bottom-img{
    max-width: 237px;
    width: 100%;
  }



  .real-clients{
    background-color: #fff;
    padding-bottom: 71px;
    padding-top: 157px;
  }

  .real-clients-top-heading h2{
        color: #0d1d44;
    font-family: Montserrat, sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 125%;
    margin: 0 auto;
    max-width: 1036px;
    text-align: center;
    width: 100%;
  }

  .real-client-span{
    font-weight: 800;
  }


  .instagram-carousel .owl-prev:focus{
    outline: none;
  }


  .instagram-carousel .owl-next:focus{
    outline: none;
  }




.client-slider-value {
  position: relative;
  margin-top: 4em;
  height: 77px;
}


.client-slider-content .owl-nav {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none; /* 🔥 important */
}

.client-slider-content .owl-nav button {
    pointer-events: auto;
    background: #000 !important;
    color: #fff !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
}


.client-slider-content .owl-nav button span{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    translate: 5% -4%;
    overflow: hidden;
    height: 40px;
    width: 40px;
    position: relative;
    top: -1px;
    left: -1px;
}




.client-slider-content .item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 20px;
    /* background: #ccc; */
    border-radius: 20px 20px 0px 0px;
}

.client-slider-content .item img {
    max-width: 182px;
    object-fit: contain;
    width: auto;
    height: 60px;
}





.client-info-wrapper{
  border-top: 2px solid red;
}




/* Logo item */
.client-slider-content .item {
  cursor: pointer;
  padding: 10px;
  border-radius: 10px;
  transition: 0.3s;
  opacity: 0.6;
}

.client-slider-content .item.active {
  background: #f2f6ff;
  opacity: 1;
  position: relative;
  border-radius: 20px 20px 0px 0px;
}

/* Niche content */
.client-info {
  display: none;
  padding: 30px;
  background: #f2f6ff;
}

.client-info.active {
  display: block;
}


.everflex-main-div{
  display: flex;
  gap: 15px;
}

.everflex-main-div .everflex-left{
  width: 50%;
}

.everflex-main-div .everflex-right{
  width: 50%;
}


.everflex-top-heading h3{
  font-weight: 700;
}

.everflex-top-heading p{
  font-weight: 600;
    font-size: 18px;
    font-style: italic;
    font-family: var(--heading-value);
    color: #6a799c;
    line-height: 150%;
}


.master-div-content h4{
      font-size: 17px;
    font-family: var(--heading-value);
    font-weight: bold;
}

.thatmatter{
  color: red;
}


.that-mater-value{
  display: flex;
  margin-top: 2em;
}


.that-mater-text h2{
    font-weight: 700;
    margin-bottom: 3px;
    font-size: 22px;
    color: red;
}


.that-mater-text p{
      color: #444855;
    line-height: 140%;
}


.everflex-content{
  color: #444855;
}

.everflex-content{
  color: #444855;
    font-weight: 400;
}

.coma-text-content{
  display: flex;
  gap: 15px;
}

.coma-text-right .coma-top-heading{
      font-size: 17px;
    color: #000;
}

.coma-text-right .bottom-text{
  font-size: 17px;
    line-height: 26px;
    color: #000;
}

.coma-text-right .coo-text{
    font-size: 17px;
    font-style: italic;
    margin-top: 10px;
    color: #444855;
}


.brand-img-left img{
  width: 100%;
}

.brand-img-right img{
  width: 100%;
}

.brand-img-content{
  display: flex;
  gap: 15px;
  padding-top: 3em;
}

.see-more-button{
  margin-top: 2em;
}

.see-more-button-content{
  text-align: center;
}

.see-more-button-content a{
      padding: 10px 20px;
    max-width: 555px;
    margin: 0 auto;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 2px solid red;
    border-radius: 10px;
    color: red;
    font-size: 19px;
    font-weight: 600;
    text-decoration: none;
}


.see-more-button-content a:hover{
  background: red;
  color: #fff;
  transition-duration: 0.2s;
}

.video-wrapper{
      background: #1b2d58;
    border-radius: 33px;
    margin-bottom: -150px;
    padding-bottom: 7px;
    padding-right: 7px;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}


.video-wrapper-content{
  -webkit-box-align: center;
  -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background: #6a799c url(/img/cloud.svg) no-repeat 100% 0 / 34%;
    background-position: 114% -48px;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    max-width: 1140px;
    position: relative;
    width: 100%;
  }

.video-wrapper-left{
  -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    margin-top: -60px;
    position: relative;
    width: 100%;
    z-index: 2;
    justify-content: center;
}


.director-image{
      aspect-ratio: 469.9 / 476.36;
    height: 476px;
    max-width: 469px;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    width: 100%;
    z-index: 2;
}


.circle-img{
      top: 0;
    left: 10%;
    height: 460px;
    max-width: 460px;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    z-index: 1;
}


.video-section-content{
  padding-top: 40px;
}


.video-wrapper-right{
  max-width: 508px;
  padding-right: 47px;
  width: 100%;
}

.video-wrapper-text h2{
  font-size: 40px;
  color: #fff;
}

.video-wrapper-text .boldword{
      font-weight: 800;
    font-size: var(--heading-value);
    color: #fff;
}


.p-text{
      color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}


.user-name{
      color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
}

.user-role{
  color: #fff;
  display: block;
  font-size: 18px;
  font-style: italic;
  font-weight: 500;
}


.play-video{
  position: absolute;
  cursor: pointer;
  z-index: 10;
}

.play-video img{
  cursor: pointer;
}

.our-service-section{
  background: #edf5ff;
  border-radius: 90px 90px 0 0;
  padding-bottom: 120px;
  padding-top: 240px;
  position: relative;
  z-index: 5;
}


.our-service-heading h2{
  font-size: 36px;
      font-weight: 500;
    line-height: 137.5%;
    max-width: 474px;
    width: 100%;
}

.our-service-heading h2 span{
  font-weight: 800;
  font-family: var(--heading-value);
}

.our-service-heading{
      display: flex;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
}

.our-service-heading-wrapper{
  display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 16px;
}

.service-heading-border{
  border: 6px solid red;
  max-width: 147px;
}

.our-service-p{
  color: #4d5261;
    font-size: 18px;
    font-weight: 400;
    line-height: 155.556%;
    max-width: 630px;
    width: 100%;
}


.ourServiceList-content img{
  height: 73px;
  max-width: 73px;
  width: 100%;
}


.ourServiceList-left{
      color: #0d1d44;
    font-size: 32px;
    font-weight: 600;
    line-height: 125%;
    max-width: 350px;
    width: 100%
}


.ourServiceList-right{
  color: #4d5261;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  width: 100%;
}


.ourServiceList-content{
  -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 46px;
}

.ourServiceList-decs{
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  border-bottom: 1px solid #6a799c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  padding-bottom: 45px;
  width: 100%;
}

.ourServiceList{
      -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 28px;
    margin-top: 108px;
}


.ourServiceList-left p{
 margin: 0;
}

.ourServiceList-right p{
  margin: 0;
}


.business-list .ourServiceList-decs{
  border: none;
}


.testimonial-section{
    background-color: #fff;
    background-image: url('../Images/ourCommunityBg.png');
    background-position: top 70px left;
    background-repeat: no-repeat;
    background-size: 398px;
    overflow: hidden;
    padding: 88px 0 0px;
}


.testimonial-section-top-heading{
  color: #0d1d44;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
    font-weight: 500;
    line-height: 125%;
    margin: 0 auto;
    max-width: 572px;
    text-align: center;
    width: 100%;
}


.testimonial-section-top-heading span{
  font-weight: 800;
}


.testimonial-title-bottom-line{
  background-color: #ec2328;
    height: 7px;
    margin: 50px auto 0;
    width: 147px;
}



.testimonial-card{
  max-width: 233px;
}


.card-max-size{
  max-width: 600px;
  background-image: url('../Images/franciso-diego.webp');
  background-position: center;
  background-size: cover;
}






.testimonial-card{
    border-radius: 15px;
    height: 450px;
    overflow: hidden;
    position: relative;
    -webkit-transition: max-width .3s ease;
    transition: max-width .3s ease;
    width: 100%;
    padding: 42px 23px 30px 16px;  
  }
  
  
  
  .testimonial-card:nth-child(2n){
    background: linear-gradient(191deg, #ef4335 -10.48%, #1c3e91 55.6%, #90affa 106.14%);
    border-radius: 15px;
    height: 450px;
    overflow: hidden;
    position: relative;
    -webkit-transition: max-width .3s ease;
    transition: max-width .3s ease;
    width: 100%;
}


.testimonial-card:nth-child(3n){
      background: linear-gradient(193deg, #000a29 -10.24%, #1c3e91 53.82%, #d50ef5 137.59%);
    border-radius: 15px;
    height: 450px;
    overflow: hidden;
    position: relative;
    -webkit-transition: max-width .3s ease;
    transition: max-width .3s ease;
    width: 100%;
}


.card-max-size{
  padding: 42px 23px 30px 16px;
} 


.testimonial-card-details span{
  margin-bottom: 2.3em;
    display: block;
    color: #fff;
    font-size: 10px;
    font-family: var(--heading-value);
    letter-spacing: 3px;
    font-weight: 700;
}

.card-video-logo{
    width: 100%;
    background: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    max-width: 147px;
    text-align: center;
}

.card-video-logo img{
  width: auto;
  height: 38px;
}


.card-heading-content{
  padding-top: 1em;
}

.cardCeo{
  font-weight: bold;
  color: #fff;
}

.companyName{
  font-size: 17px;
  color: #fff;
}

.card-text{
      color: #fff;
    font-size: 17px;
    line-height: 120%;
    padding-top: 1em;
}



.video-playIcon{
      position: absolute;
    bottom: 28px;
    right: 18px;
    cursor: pointer;
}


.swipe-scroll-div{
  width: 100vw;
}


.swipe-card{
      -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #e4ebf5;
    border-radius: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px;
    height: auto;
    justify-content: space-between;
    /* max-width: 350px; */
    padding: 48px 15px 18px;
    width: 100%;
}





.swipe-logo svg{
      width: 40px;
    height: 40px;
    overflow: visible;
}


.swipe-box-logo img{
  width: auto !important;
  height: 40px;
}

.swipe-box-logo{
padding-top: 2em;
padding-bottom: 2em;
}


.swipe-box-details{
      background: #fff;
    border-radius: 10px;
    padding: 2em 10px;
        display: flex;
    flex-direction: column;
    gap: 30px;
}

.swipe-desc{
  /* font-size: 18px; */
  margin: 0;
      -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #4d5261;
    display: -webkit-box;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.444%;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}


.testimonial-bottom img{
  width: auto !important;
  height: 22px;
}


.testimonial-middle{
      font-family: var(--heading-value);
    font-weight: bold;
    font-size: 18px;
}



.testimonial-bottom{
      display: flex;
    gap: 10px;
}

.rating-star{
      display: flex;
    align-items: center;
    gap: 10px;
}

.rating{
  margin: 0;
  font-weight: 900;
}

.star-group{
  color: #e5b828;
}



.swipe-scroll-info .owl-nav{
  display: flex;
    width: 100px;
    align-items: center;
    gap: 17px;
}


.swipe-scroll-info .owl-nav button{
margin-top: 2em;
}


.swipe-scroll-info .owl-nav button span{
width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e42c2c;
    font-size: 35px;
    border-radius: 50%;
    color: #e42c2c;
}


.swipe-scroll-info .owl-nav button:focus-visible{
	outline: none;
}

button:focus{
	outline: none;
}


.swipe-scroll-info .owl-dots{
  display: none;
}

.our-team-section{
  padding-top: 70px;
  padding-bottom: 108px;
}


.our-team-right img{
      height: auto;
    max-width: 422px;
    object-fit: contain;
}

.our-team-left h2{
      color: #0d1d44;
    font-family: Montserrat, sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 125%;
}

.our-team-left h2 span{
  font-weight: 800;
  font-family: var(--heading-value);
}


.bootomLine{
    max-width: 147px;
    /* margin-top: 70px; */
    height: 7px;
    background: red;
    position: absolute;
    bottom: 0;
    z-index: 10;
    width: 100%;
}


.our-team-section-main-div{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}


.team-say-text{
  padding-top: 30px;
}

.team-say-text{
  color: #6a799c;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 155.556%;
  margin-bottom: 0;
  max-width: 978px;
  width: 100%; 
}

.our-team-images img{
  max-width: 380px;
  height: auto;
  object-fit: contain;
}


.our-team-images{
  display: flex;
  margin-top: 40px;
}



.featured-logo-section-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    background-color: #edf5ff;
    border-radius: 60px 60px 0 0;
    padding: 50px 37px 42px;
}


.featured-border{
  background: red;
    height: 8px;
    max-width: 90px;
    margin: 0 auto;
    width: 100%;
}




.featured-logo-section-content h2{
      color: #000a29;
    font-family: Montserrat, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 116.667%;
    margin-bottom: 0;
    text-align: center;
}


.featured-logo-section-content h2 span{
  font-weight: 800;
}


.featured-logo-slider img{
  height: 70px;
  width: 187px;
}

.featured-logo-slider{
  text-align: center;
}


.why-choose{
  padding: 80px 0 150px;
      background: linear-gradient(180deg, #0d1d44, #05103b 104.12%);
    /* padding: 40px 0 150px; */
    position: relative;
    overflow: hidden;
}

.whay-choose-bg{
      height: 472px;
    max-width: 472px;
    mix-blend-mode: luminosity;
    opacity: .46;
    position: absolute;
    right: 10%;
    top: 0;
    width: 100%;
}


.why-choose-heading{
      -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 333px;
    width: 100%;
    display: flex;
    gap: 24px;
    flex-direction: column;
}

.why-choose-heading h2{
  color: #fff;
    font-size: 40px;
    font-weight: 500;
    line-height: 125%;
    text-align: center;
}

.why-choose-heading h2 span{
  font-weight: 800;
}

.why-heading-border{
      max-width: 129px;
    width: 100%;
    background: red;
    height: 9px;
    margin: 0 auto;
}


.why-choose-card{
      background: linear-gradient(90deg, #fff 42.17%, hsla(0, 0%, 100%, 0) 81.4%);
    border-radius: 27.48px;
    height: 100%;
    max-width: 360px;
    position: relative;
    -webkit-transition: background .5s ease;
    transition: background .5s ease;
    width: 100%;
}

.why-choose-card img{
bottom: 0;
height: 100%;
left: 0;
-o-object-fit: contain;
object-fit: contain;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    width: 100%;
}


.why-choose-inner-box{
      -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 34px;
    padding: 40px 30px;
    position: relative;
    width: 100%;
}

.why-choose-list-img{
      height: 91px;
    position: relative;
    width: 91px;
    z-index: 10;
}

.why-choose-list-img img{
  height: 91px;
  max-width: 91px;
  width: 100%;
}


.why-choose-list-desc{
  -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}


.why-choose-list-title{
      color: #0d1d44;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 136.364%;
    margin-bottom: 0;
    max-width: 185px;
    width: 100%;
}



    .why-choose-card:hover .why-choose-inner-box .why-choose-list-desc .why-choose-list-inner-desc {
        max-height: 500px;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
    }



.why-choose-list-inner-desc{
      color: #4d5261;
    font-size: 18px;
    font-style: normal;
      font-weight: 400;
    line-height: 155.556%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: opacity .4s ease, visibility .4s ease, max-height .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, visibility .4s ease, max-height .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, visibility .4s ease, max-height .4s ease, transform .4s ease;
    transition: opacity .4s ease, visibility .4s ease, max-height .4s ease, transform .4s ease, -webkit-transform .4s ease;
    visibility: hidden;
}




.why-choose-card:hover{
  background: linear-gradient(90deg, #fff 100%, #fff 0);
}


.why-choose-card{
      background: linear-gradient(90deg, #fff 42.17%, hsla(0, 0%, 100%, 0) 81.4%);
    border-radius: 27.48px;
    height: 100%;
    max-width: 360px;
    position: relative;
    -webkit-transition: background .5s ease;
    transition: background .5s ease;
    width: 100%;
}




.why-choose-card .bgImage {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    width: 100%;

}

    .why-choose-card:hover .bgImage {
        opacity: 0;
    }



.desktop-view{
  margin-top: 244px;
}



.desktop-view-main-div{
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
  overflow: visible !important;
  position: relative;
  width: 100%;
}


.ready-transform-section{
  background-image: url('../Images/ready-transform-image-bfa276652664f66901377e4da2f29492.webp');
      background-position: 50%;
    background-size: cover;
    padding: calc(10px + 5vw) 0;
}

.ready-transform-content{
  -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}


.ready-transform-content h2{
    font-size: 67px;
    line-height: 88px;
    color: #fff;
}

.ready-transform-content h2 span{
      font-weight: 800;
    font-family: var(--heading-value);
    font-size: 60px;
}


.ready-transform-content .text{
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    max-width: 85%;
    width: 100%;
    font-size: 24px;
    line-height: 32px;
    margin: 24px auto 44px;
}

.ready-transform-content .text .boldSpots{
  font-weight: 800;
}


.ready-transform-form{
      margin: 0 auto;
    max-width: 596px;
    width: 100%;
}

.ready-transform-form-content{
      -webkit-backdrop-filter: blur(1.4px);
    backdrop-filter: blur(1.4px);
    background: linear-gradient(105deg, rgba(31, 28, 28, .44) 1.43%, rgba(8, 8, 8, .84) 97.59%) !important;
    padding: 25px 56px 47px !important;
    border-radius: 20px;
}


.ready-transform-form-content .hero-info-form .form-card{
      width: auto;
    padding: 0px;
    border-radius: 16px;
       background: inherit;
    box-shadow: none;
}

.ready-transform-form-content .hero-info-form .form-card .field{
  margin-bottom: 20px;
}

.ready-transform-form-content .hero-info-form .form-card .field input, .field textarea, .field select {
    width: 100%;
    padding: 10px 12px;
    background: #0f172a;
    border: none;
    border-radius: 8px;
    color: white;
    outline: none;
    background-color: rgba(0, 0, 0, .62);
    border-radius: 5.602px;
    padding: 14px 0;
    width: 100%;
}



.ready-transform-form .form-card h2{
  font-weight: 800;
}



.footer-section{
  background-image: url('../Images/footer-bg.webp');
      background-position: top;
    background-size: 100% 100%;
    color: #fff;
    padding: 144px 0 80px;
}


.footer-content{
  text-align: center;
}

.footer-item-grid{
      display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 41px;
}


.aboutus-footer .footer-col:first-child {
    gap: 32px;
}

.aboutus-footer .footer-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 13px;
    text-align: left;
}


.aboutus-footer .footer-col:not(:first-child) .heading {
    margin-bottom: 19px;
}

.aboutus-footer .footer-col .heading {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.aboutus-footer .footer-link a {
    color: #fff;
    font-size: 14px;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}

.aboutus-footer .footer-link a:hover{
  color: #ff787b!important;
}

.aboutus-footer .address-item:hover {
   color: #ff787b!important;
}

.aboutus-footer .address-item {
    color: #fff;
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none;
}

.aboutus-footer .address-item .address {
    font-weight: 400;
    margin-top: 5px;
}

.aboutus-footer .address-item .address, .aboutus-footer .address-item .city {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 0;
}


.aboutus-footer .contact-info .contact-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.aboutus-footer .contact-info .contact-item .icon {
    height: 16px;
    margin-right: 10px;
    width: 16px;
}

.aboutus-footer .contact-info .contact-item a {
    color: #fff;
    font-size: 14px;
    -webkit-text-decoration: none;
    text-decoration: none;
}

.aboutus-footer .social-section {
    margin-top: 29px;
}

.aboutus-footer .social-section .social-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}

.aboutus-footer .social-section .social-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    justify-content: center;
    width: 16px;
}

.aboutus-footer .social-section .social-link img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}

.aboutus-footer .copyright {
    color: #b3b3b3;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    margin-top: 13px;
}

.aboutus-footer .footer-logo {
    text-align: center;
}

.aboutus-footer .footer-logo img {
    height: 216px;
    margin: 80px 0 0;
    max-width: 1140px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}


/* container-padding-remove */

@media (min-width: 1200px){
  .real-clients-main-div .container{
    margin: 0 auto;
    max-width: 1180px;
    padding: 0 20px;
    width: 100%;

  }

  .video-section-content .container{
       margin: 0 auto;
    max-width: 1180px;
    padding: 0 20px;
    width: 100%; 
  }

  .our-service-section .container{
          margin: 0 auto;
    max-width: 1180px;
    padding: 0 20px;
    width: 100%;  
  }

.testimonial-section .container{
           margin: 0 auto;
    max-width: 1180px;
    padding: 0 20px;
    width: 100%;
}

.testimonial-section-content{
  display: flex;
    gap: 35px;
    margin-top: 54px;
    margin-bottom: 54px;
}

}



.header-div{
	display: flex;
	align-items: center;
	padding: 20px 50px;
	 transition: 0.3s ease;
	 box-shadow: 0px 0px 10px #ccc;
}

.logo_div{
	flex: 1 0 auto;
}

.logo_div img{
	width: auto;
	height: 50px;
}

.nav_div{
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 30px;
}

.nav_div ul{
	display: flex;
	margin: 0;
	gap: 23px;
	list-style: none;
}


.active-header{
	background-color: #000;
	color: #fff;
	position: fixed;
	    top: 0;
    left: 0;
    right: 0;
	box-shadow: none;
	z-index: 99;
}

.nav_div ul li{
    text-transform: uppercase;
    cursor: pointer;
    font-size: 14px;
}


.contactBtn button{
	margin: 0;
    background: red;
    border-radius: 50px;
    letter-spacing: 2px; 
}

.Aboutleftside h1{
	color: #0d1d44;
    font-size: 180px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 120%;
    margin-bottom: 0;
    overflow: hidden;
}

.AboutHeading{
	    display: flex;
    flex-direction: column;
    flex-wrap: wrap-reverse;
    gap: 143px;
	padding-bottom: 100px;
	padding-top: 22px;
}

.AboutRightside{
	max-width: 75%;
	text-align: right;
}

.AboutRightside p{
	font-size: 36px;
	margin: 0;
	    color: #0d1d44;
}


.aboutpagediv{
	    background-image: url(https://imaginovation.net/img/banner-pattern.svg);
    background-position: bottom;
    background-size: 26%;
    background-repeat: no-repeat;
    background-position-y: 100%;
    background-position-x: 0%;
}

.heading_text{
text-align: center;
    background-color: red;
    margin-right: 10px;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
}



.scroll_text-color{
	background-image: url(https://imaginovation.net/static/024c9669610f577e41bf8c292e906bc8/ac3eb/our-purpose-bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-top: 130px;
	padding-bottom: 100px;
}

.About-section-left{
	max-width: 50%;
}

.About-section-right{
	max-width: 50%;
}



.about-section {
    display: flex;
    align-items: start;
	gap: 80px;
	justify-content: space-between;
}

.About-section-left{
	max-width: 33%;
}


.colorText {
    font-size: 40px;
    color: #777;            /* starting grey */
    opacity: 0;
    transform: translateY(50px);
    transition: all 1s ease;
}

/* Active class */
.showvalue .colorText {
    opacity: 1;
    transform: translateY(0);
    color: white;
}

.colorText{
	    color: #fff;
    font-size: 37px;
    line-height: 50px;
}

.make-it-happen{
	padding-top: 80px;
	padding-bottom: 80px;
}


.make-sub-top-heading h4{
	    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
	text-transform: uppercase;
	color: #938888;
}

.make-About-title h2{
	    color: #0d1d44;
    font-size: 92px;
    font-weight: 500;
    letter-spacing: 5px;
    line-height: 135%;
    margin: 0 auto;
    max-width: 910px; 
    overflow: hidden;
    position: relative;
    text-align: center;
}


.make-About-title h2::before{
    background-image: url(https://imaginovation.net/img/oval.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 195px;
    left: 0;
    position: absolute;
    top: 35%;
    width: 100%;
}

.make-card-info{
	    width: 400px;
    height: auto;
    border: 1px solid #6c6565;
    border-radius: 20px;
	text-align: center;
	padding: 20px;
}

.make-card-info .make-p{
	    font-size: 16px;
    color: #6f6f6f;
    font-weight: 400;
}

.make-card-content{
	display: flex;
    justify-content: space-between;
    gap: 40px;
}

.make-card-details h3{
	color: #0d1d44;
    font-family: Montserrat, sans-serif;
    font-size: 33px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 130%;
    margin-bottom: 16px;
    margin-top: 32px;
    text-align: center;
    text-transform: uppercase;
}


.make-card-value{
	padding-top: 4em;
}


.make-1{
	margin-top: 70px;
}

.make-2{
	margin-bottom: 70px;
}

.make-3{
	margin-top: 70px;
}

.we_sub-build h4{
	text-transform: uppercase;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
	color: #938888;
}


.we_circle-main-div{
	display: flex;
	justify-content: center;
	margin: 80px auto;
}


.we-circle-details{
	text-align: center;
}

.we-circle-details h4{
	    line-height: 37px;
    margin: 0;
}


.we-circle-details h4 span{
	font-size: 27px;
    text-transform: uppercase;
    font-weight: 700;
}



.we_circle-div1{
	    width: 300px;
    height: 300px;
    border: 2px dashed rgba(20,33,61,.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	flex: 0 0 auto;
    position: relative;
    z-index: 10;
	background-color: #fff;
}


.we_circle-div2{
	    width: 300px;
    height: 300px;
    border: 2px dashed rgba(20,33,61,.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	flex: 0 0 auto;
    position: relative;
    z-index: 10;
    margin-left: -60px;
    background-color: #fff;
}

.we_circle-div3{
	    width: 300px;
    height: 300px;
    border: 2px dashed rgba(20,33,61,.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	flex: 0 0 auto;
    position: relative;
    z-index: 10;
    margin-left: -60px;
    background-color: #fff;
}


.we_circle-div4{
	    width: 300px;
    height: 300px;
    border: 2px dashed rgba(20,33,61,.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	flex: 0 0 auto;
    position: relative;
    z-index: 10;
    margin-left: -60px;
    background-color: #fff;
}


.we_circle{
	position: relative;
	display: flex;
	justify-content: center;
}



.circleValue .we_circle-div1{
	background-color: rgb(13, 29, 68);
	color: #fff;
	transition: 0.5s;
}

.circleValue .we_circle-div2{
	background-color: rgb(13, 29, 68);
	color: #fff;
	transition: 0.5s;
}

.circleValue .we_circle-div3{
	background-color: rgb(13, 29, 68);
	color: #fff;
	transition: 0.5s;
}

.circleValue .we_circle-div4{
	background-color: rgb(13, 29, 68);
	color: #fff;
	transition: 0.5s;
}



.build-bottom-text{
	margin: 0 auto;
    max-width: 1025px;
    text-align: center;
    width: 100%;
}

.build-bottom-text p{
	    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom: 0;
    text-align: center;
}


.build-bottom-text p span{
	font-weight: bold;
}




.numV{
	    position: absolute;
    top: 25px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    align-items: center;
    left: 42%;
    width: 44px;
    height: 44px;
    background: #ccc;
	color: rgb(13, 29, 68);
    border-radius: 50%;
    font-size: 16px;
    font-weight: 700;
}


.we_offer-div{
		background-image: url(https://imaginovation.net/static/9f5a2bcf2d51a877aa1cdf0f9f7066e5/c6ca4/we-offer-bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
}


.we_offer-main-div{
	padding-top: 100px;
	padding-bottom: 40px;
}


.we-sub-text h4{
    color: #fff;
    margin: 0;
    display: flex;
    gap: 10px;
	text-transform: uppercase;
    font-size: 20px;
}

.every-heading h1{
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 64px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 120%;
    margin: 16px 0 32px;
    overflow: hidden;
}

.every-bottom-p p{
	color: #ccc;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 26px;
    max-width: 700px;
    width: 100%;
}

.offer_cards-content{
display: grid;
grid-template-columns: repeat(2, 1fr);
}

.offer-card-info1{
	    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: hsla(0, 0%, 100%, .05);
    border-radius: 7.35px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 550px;
    justify-content: space-between;
    padding: 24px;
    position: relative;    
    transition: all .3s ease;
	text-decoration: none !important;
}

.offer-card-info1:hover .launch-icon{
filter: invert(36%) sepia(85%) saturate(7076%) hue-rotate(343deg) brightness(97%) contrast(93%);
}


.offer-card-info1{
	display: block;
	overflow: hidden;
}


.offer-card-info1:hover .offer-icon::after{
	opacity: 1;
}


.offer-icon::after{
	content: "";
	position: absolute;
	background-image: url(https://imaginovation.net/img/red-vector.svg);
	background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 345px;
    left: -80px;
    opacity: 0;
    top: -80px;
    width: 345px;
}



.offer-cards-div1{
	width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
}




.offer-icon{
	position: absolute;
	top: 21px;
	left: 34px;
}

.offer-card-info1 img{
	width: auto;
	height: 50px;
}



.offer-card-info2{
	    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: hsla(0, 0%, 100%, .05);
    border-radius: 7.35px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 550px;
    justify-content: space-between;
    padding: 24px;
    position: relative;
    transition: all .3s ease;
	text-decoration: none !important;
}


.offer-cards-div2{
    width: 100%;
    height: 100%;
    display: flex;  
    align-items: end;	
}

.offer-cards-details h1{
	color: #fff;
}

.offer-cards-details p{
	color: #fff;
}


.offer-card-info1:hover{
	background: transparent;
	transition: all .3s ease;
	background-color: #fff;
	color: rgb(13, 29, 68);
}

.offer-card-info1:hover h1{
color: rgb(13, 29, 68);
}

.offer-card-info1:hover p{
	color: #757575;
}

.offer-link{
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.offer-card-info1:hover .offer-link{
	color: red;
}





.offer-cards{
	padding-top: 3em;
	padding-bottom: 100px;
}


.offer-card1{
	    position: relative;
    z-index: 10;
}

.offer-card2{
	margin-left: -15px;
    margin-top: 5em;
}

.aboutUs_work{
	padding-top: 100px;
	padding-bottom: 100px;
}

.about-work-sub h4{
	margin: 0;
    color: #8a8a8a;
    text-transform: uppercase;
    font-size: 20px;
}

.work-with-text{
	font-size: 30px;
        line-height: 1.3;
		    color: #000;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    margin: 22px 0 0;
    overflow: hidden;
    text-align: left;
}

.work-card{
	    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 7px;
	padding-top: 2em;
}

.work-card-info h1{
	font-size: 25px;
    font-weight: 600;
}

.work-card-info h4{
color: #6a799c;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
    margin: 0;
    text-transform: uppercase;
    vertical-align: bottom;
}

.work-card-info{
	    /* width: 200px; */
    background: #eef2fc;
    /* margin: 10px; */
    /* height: 320px; */
    /* max-height: 45vh; */
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 36px;
    margin: 0;
    margin: 10px; 
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 26px;
	border-radius: 10px;
}

.work-bottom-text{
	    max-width: 50%;
    padding-top: 5em;
}

.work-bottom-text p{
	font-size: 33px;
}