html {
  scroll-behavior: smooth;
}

body {
  padding: 0;
}



@font-face {
  font-family: 'Sofia Pro';
  src: url('https://nu-find.com/bundles/global/fonts/SofiaPro-Regular.woff2') format('woff2'),
    url('https://nu-find.com/bundles/global/fonts/SofiaPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url('https://nu-find.com/bundles/global/fonts/SofiaPro-Light.woff2') format('woff2'),
    url('https://nu-find.com/bundles/global/fonts/SofiaPro-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url('https://nu-find.com/bundles/global/fonts/SofiaPro-Bold.woff2') format('woff2'),
    url('https://nu-find.com/bundles/global/fonts/SofiaPro-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotcha';
  src: url('/bundles/website/assets/fonts/GotchaRegular.woff2') format('woff2'),
    url('/bundles/website/assets/fonts/GotchaRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


body {
  background-color: #fff;
  padding: 60px 0 0;
}

@media (min-width: 1200px) {
  .container {
    max-width: 965px;
  }
}

.new-home-header .navbar {
  padding: .6rem 35px;
}

.new-home-header .navbar-brand img {
  max-width: 166px;
  height: 25px;
}

header.header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99;
  background-color: #fff;
  border-color: #fff;
  border: 0 none;
  left: 0;
}

/*New home page 2025 design css*/

.navbar-nav .nav-link {
  color: #2c3e50 !important;
  /* dark grey text */
  margin-right: 15px;
  font: normal normal 300 20px/25px Merriweather;
  letter-spacing: 0px;
  color: #264543;
}

.navbar-nav .nav-link:hover {
  color: #9BD8AB !important;
}

.btn-login {
  background-color: #e74c63;
  color: white;
  border-radius: 20px;
  padding: 5px 15px;
  font-weight: bold;
  text-align: center;
  font: normal normal bold 15px/17px Sofia Pro;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
}

.btn-login:hover {
  background-color: #9BD8AB !important;
  color: #fff;
}

.hero-banner-wrapper {
  position: relative;
}

.banner-caption {
  position: absolute;
  top: 33%;
  left: 0;
  right: 0;
  text-align: center;
}

.hero {
  text-align: center;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.hero-image:after {
  position: absolute;
  content: "";
  background: rgba(54, 75, 61, 0.55) 0% 0% no-repeat padding-box;
  mix-blend-mode: multiply;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero h1 {
  text-align: center;
  font: normal normal bold 78px/85px Sofia Pro;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase
}

.hero h2 {
  text-align: center;
  font: normal normal 300 80px/85px Merriweather;
  letter-spacing: 0px;
  color: #FFFFFF;
}

.hero .btn-assess {
  height: 30px;
  background: #9BD8AB 0% 0% no-repeat padding-box;
  border-radius: 15px;
  text-align: center;
  letter-spacing: 0px;
  font: normal normal 300 15px/17px Sofia Pro;
  letter-spacing: 0px;
  color: #383734;
  text-transform: uppercase;
  margin-top: 50px;
}

.btn-assess strong {
  font-weight: 700;
}

.hero .btn-assess:hover {
  background-color: #e74c63;
  color: #fff;
}


.about-section {
  background-color: #f6f9f1;
  padding: 60px 0;
}

.about-section .container {
  position: relative;
}

.row-about {
  display: flex;
}

.col-md-cst.about-map-cart {
  width: 50%;
}

.about-map-cart img {
  position: absolute;
  top: -120px;
  left: 0;
}

.about-card {
  background: rgba(255, 255, 255, 0.75) 0% 0%;
  border-radius: 20px;
  padding: 60px;
  box-shadow: inset 0px 2px 2px rgba(255, 255, 255, 0.5), 0px 5px 5px rgba(172, 207, 177, 1);
  width: 100%;
  max-width: 530px;
  height: 626px;
  position: relative;
  top: -120px;

}

.about-info-section {
  margin-top: -60px;
}

.about-title {
  text-align: left;
  font: normal normal bold 20px/23px Sofia Pro;
  letter-spacing: 0px;
  color: #7DC38E;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.about-card .about-title {
  margin-top: 60px;
}

.about-card h2 {
  text-align: left;
  font: normal normal 300 40px/50px Merriweather;
  letter-spacing: 0px;
  color: #264543;
  margin-bottom: 15px;
}

.about-card p {
  text-align: left;
  font: normal normal 300 20px/23px Sofia Pro;
  letter-spacing: 0px;
  color: #264543;
}

.cert-logos img {
  max-height: 40px;
  margin-right: 15px;
}

.map-image {
  max-width: 100%;
}


.about-info-section ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.about-info-section ul li {
  width: 218px;
  height: 138px;
  margin-right: 16px;
  background: #9BD8AB 0% 0% no-repeat padding-box;
  box-shadow: inset 0px 2px 2px #FFFFFF80, 0px 5px 5px #ACCFB1;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: default;
  transform-origin: right center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.about-info-section ul li:hover {
  background-color: #264543;
  transform: rotate(5deg);

}

.about-info-section ul li:hover .box-text strong,
.about-info-section ul li:hover .box-text span {
  color: #9BD8AB;
}

.about-info-section ul li:last-child {
  margin-right: 0;
}

.about-info-section ul li .box-text strong {
  text-align: center;
  font: normal normal bold 25px/32px Sofia Pro;
  letter-spacing: 0px;
  color: #364B3D;
  text-transform: uppercase;
}

.about-info-section ul li .box-text span {
  /* UI Properties */
  text-align: center;
  font: normal normal 300 25px/32px Merriweather;
  letter-spacing: 0px;
  color: #364B3D;
}

.glob-network-logos:before,
.glob-network-logos:after {
  content: "";
  background: transparent linear-gradient(90deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
  width: 20px;
  left: 0;
  top: 0;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0.9;
}

.glob-network-logos:after {
  background: transparent linear-gradient(90deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
  left: auto;
  right: 0;
  transform: rotate(180deg);
}

.srv-title {
  text-align: left;
  font: normal normal bold 20px/23px Sofia Pro;
  letter-spacing: 0px;
  color: #7DC38E;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
}

.srv-main-title {
  text-align: left;
  font: normal normal 300 80px/90px Merriweather;
  letter-spacing: 0px;
  color: #264543;
  margin-bottom: 40px;
}

.btn-pink {
  background: #DB3F64 0% 0% no-repeat padding-box;
  border-radius: 15px;
  text-align: center;
  font: normal normal 300 15px/17px Sofia Pro;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
}

.btn-pink:hover {
  background-color: #9BD8AB !important;
  color: #fff;
}

.xy-padd {
  padding: 60px 0;
}

.caro-image-cap .sm-cap-title {
  text-align: left;
  font: normal normal bold 20px/23px Sofia Pro;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
}

.caro-image-cap h2 {
  text-align: left;
  font: normal normal 300 80px/90px Merriweather;
  letter-spacing: 0px;
  color: #FFFFFF;
  margin-bottom: 20px;
}

.caro-image-cap .short-cap-desc {
  text-align: left;
  font: normal normal 300 20px/23px Sofia Pro;
  letter-spacing: 0px;
  color: #FFFFFF;
  margin-bottom: 45px;
}

.carousel-image {
  position: relative;
}

.caro-image-cap {
  position: absolute;
  top: 29%;
  max-width: 540px;
  right: 140px;
}

.home-carousel-style1.owl-carousel .owl-dots .owl-dot {
  background: rgba(255, 255, 255, 0.5);
  border: 0px solid #fff;
  margin: 0 8px;
  padding: 0px;
  border-radius: 0;
  width: 140px;
  height: 3px;
  position: relative;
}

.home-carousel-style1.owl-carousel .owl-dots .owl-dot.active {
  background-color: #fff;
  height: 4px;
}

.home-carousel-style1.owl-carousel .owl-dots .owl-dot:after {
  position: absolute;
  background: transparent;
  height: 4px;
  left: 0;
  width: 0;
  content: "";
  top: 0;
  transition: 300ms ease;
}

.home-carousel-style1.owl-carousel .owl-dots .owl-dot:hover:after {
  background: #fff;
  width: 100%;
}

.light-greenish {
  background-color: #F4F8ED;
}

.p-short-desc {
  text-align: left;
  font: normal normal 300 20px/23px Sofia Pro;
  letter-spacing: 0px;
  color: #364B3D;
}

.caption-style-2 .caro-image-cap {
  position: absolute;
  top: 29%;
  max-width: 100%;
  left: 140px;
}

.why-india ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.why-india h3 {
  text-align: left;
  font: normal normal 300 20px/25px Merriweather;
  letter-spacing: 0px;
  color: #264543;
  margin-bottom: 10px;
}

.why-india ul li {
  height: 40px;
  background: #F4F8ED 0% 0% no-repeat padding-box;
  border-radius: 20px;
  text-align: left;
  font: normal normal normal 20px/23px Sofia Pro;
  letter-spacing: 0px;
  color: #264543;
  padding: 8px 16px;
  margin: 5px 0;
}

.why-india.our-edge ul li {
  background: #F7E8DE 0% 0% no-repeat padding-box;
}


.home-brand-section {
  background: #F4F8ED 0% 0% no-repeat padding-box;
}

.brand-carousel-2 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}

.brand-carousel-2 li img {
  max-height: 81px;
}

.brand-carousel-2 .owl-stage,
.glob-network-carousel .owl-stage {
  display: flex;
  align-items: center;
  justify-content: center;
}


.home-get-free-quote-section {
  padding: 140px 0;
}

.contact-title {
  text-align: left;
  font: normal normal bold 20px/23px Sofia Pro;
  letter-spacing: 0px;
  color: #264543;
  text-transform: uppercase;
  display: block;
  margin-bottom: 15px;
}

.get-free-quote-title {
  text-align: left;
  font: normal normal 300 80px/90px Merriweather;
  letter-spacing: 0px;
  color: #264543;
  margin-bottom: 20px;
}

.medium-light-green {
  background: #9BD8AB 0% 0% no-repeat padding-box;
}

.quote-media-link {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.quote-media-link li {
  width: 218px;
  height: 218px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.quote-media-link li:hover {
  transform: matrix(1, 0.07, -0.07, 1, 0, 0);
  background: #7DC38E 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #15331D80;
}

.quote-media-link li:last-child {
  margin-right: 0;
}

.quote-media-link li:hover img {
  filter: brightness(100);
}

.quote-media-link li h3 {
  text-align: center;
  font: normal normal 300 20px/25px Merriweather;
  letter-spacing: 0px;
  color: #364B3D;
  margin-bottom: 0;
  margin-top: 20px;
}

.quote-media-link li:hover h3 {
  color: #fff;
}

.home-footer {
  background-color: #2B2A27;
}

footer .row>.col,
footer .row>[class*=col-] {
  padding: 0 15px;
}

.home-footer .btn-supplier {
  position: absolute;
  bottom: 0;
}

.home-footer .btn-supplier:hover {
  background-color: #e74c63;
  color: #fff;
}

.social-icons {
  margin-top: 40px;
}

.social-icons a {
  margin-right: 10px;
}

.btn-supplier {
  background-color: #9BD8AB;
  border-radius: 25px;

  text-align: center;
  font: normal normal 400 15px/17px Sofia Pro;
  letter-spacing: 0px;
  color: #2B2A27;
  text-transform: uppercase;
  padding: 15px 45px;
}

 

.footer-right-text p {
  text-align: left;
  font: normal normal 300 20px/23px Sofia Pro;
  letter-spacing: 0px;
  color: #FFFFFF;
  margin-bottom: 20px;
}

.footer-right-text p a {
  color: #fff;
  text-decoration: underline;
}

.social-icons a:hover {
  opacity: 0.7;
}

.cate-row {
  display: flex;
}

.cate-row .col-ml {
  width: 47%;
  padding-right: 78px;
  display: flex;
  justify-content: end;
}

.cate-row .col-mr {
  width: 100%;
}

.category-card.first-title-card{
  background: #f4f8ed 0% 0% no-repeat padding-box;
  box-shadow: unset;
  overflow: visible;
  padding-left: 40px;
}

 

.home-category-carousel-2025.owl-carousel .owl-stage-outer {
  padding: 10px 0;
}

.category-card {
  width: 398px;
  height: 524px;
  /* UI Properties */
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 5px 5px #ACCFB1;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}

.cate-banner {
  height: 100%;
  width: 100%;
}

a.cate-banner-link {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  text-align: center;
  font: normal normal normal 15px/17px Sofia Pro;
  letter-spacing: 0px;
  color: #E4E7D6;
  text-transform: uppercase;
  background: #264543 0% 0% no-repeat padding-box;
  border-radius: 15px;
  max-width: 234px;
  margin: 0 auto;
  padding: 7px 0;
  text-decoration: none;
}

a.cate-banner-link:hover {
  background-color: #DB3F64 !important;
  color: #fff;
}

.row.office-section {
  padding: 50px 0;
}

.office-card h3 {
  font: normal normal 300 20px/25px Merriweather;
  letter-spacing: 0px;
  color: #264543;
  margin-bottom: 18px;
}

.office-map {
  background: #F4F8ED 0% 0% no-repeat padding-box;
  border-radius: 24px;
  width: 452px;
  height: 254px;
}

.indi-office .office-map img,
.portu-office .office-map img {
  position: absolute;
left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
}

.portu-office .office-map img {
  left: 0;
  top: 60px;
}


.reviews-main-box {
  display: flex;
}

.review-left-col {
  width: 47%;
  padding-right: 78px;
  display: flex;
  justify-content: end;
}

.home-testimonial-wrapper {
  width: 100%;

}

.home-testimo-carousel.owl-carousel .owl-stage-outer {
  padding-left: 30px;
  padding-bottom: 10px;
}

.testimonial-card {
  width: 452px;
  height: 314px;
  background: #F4F8ED 0% 0% no-repeat padding-box;
  box-shadow: 0px 5px 5px #ACCFB1;
  border-radius: 24px;
  padding: 60px;
  position: relative;
}
.testimonial-card.testimo-title-card {
    background: transparent;
    box-shadow: unset;
    overflow: visible;
    height: auto;
    padding: 0 20px 0 60px;
}
.testimonial-card.testimo-title-card:after,.testimonial-card.testimo-title-card::before{
  display: none;
}
.testimonial-card::before,
.testimonial-card::after {
  content: " ";
  position: absolute;
  top: 16px;
  left: -33px;
  height: 80px;
  width: 80px;
  color: #9BD8AB;
  background-image: url(https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/double-quote-icon.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  transform: rotate(-180deg);
}

.testimonial-card::after {
  content: " ";
  bottom: 16px;
  right: -32px;
  font-size: 32px;
  color: #9BD8AB;
  left: auto;
  transform: rotate(0);
  top: auto;
}

.testimonial-stars {
  color: #364B3D;
  font-size: 32px;
  margin-bottom: 5px;
}

.testimonial-title {
  text-align: left;
  font: normal normal 600 25px/23px Merriweather;
  letter-spacing: 0px;
  color: #364B3D;
  margin-bottom: 10px;
}

.testimonial-text {
  text-align: left;
  font: normal normal 300 20px/23px Sofia Pro;
  letter-spacing: 0px;
  color: #364B3D;
  margin-bottom: 33px;
}

.testimonial-client {
  text-align: left;
  font: normal normal bold 15px/17px Sofia Pro;
  letter-spacing: 0px;
  color: #2B2A27;
  text-transform: uppercase;
}

.sr-card-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.service-card {
  width: 450px;
  height: 294px;
  background: #F4F8ED 0% 0% no-repeat padding-box;
  box-shadow: inset 0px 2px 2px #FFFFFF80, 0px -10px 20px #ACCFB180;
  padding: 38px 15px 38px 15px;
  border-radius: 24px;
  position: relative;
  transition: all 500ms ease-in-out;
  left: 0;
  top: 0;
}

.service-card-title h3 {
  text-align: left;
  font: normal normal bold 25px/25px Sofia Pro;
  letter-spacing: 0px;
  color: #9BD8AB;
}

.service-card-icon {
  padding-right: 45px;
      position: relative;
    top: -40px;
    left: 15px;
}

.service-card-title ul {
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.service-card-title ul li {
  text-align: left;
  font: normal normal 300 20px/25px Sofia Pro;
  letter-spacing: 0px;
  color: #383734;
}

.service-card:hover .service-card-icon {
  filter: brightness(0.4);
}

.service-card:hover {
  background: #9BD8AB 0% 0% no-repeat padding-box;
  box-shadow: inset 0px 2px 2px #FFFFFF80, 15px 9px 20px #ACCFB180;
}

.service-card:hover ul {
  opacity: 1;
}

.service-card:hover .service-card-title h3 {
  color: #383734;
}

.service-card.srv-card-2 {
  position: absolute;
  top: 155px;
  left: 17px;
}

.service-card.srv-card-3 {
  top: 20px;
}

.service-card.srv-card-4 {
  position: relative;
  top: -122px;
}

.service-card.srv-card-2:hover {
  top: 110px;
  transform: rotate(5deg);
  left: 40px;

}

.service-card.srv-card-1:hover {
  top: -60px;
  transform: rotate(5deg);
  left: 25px;
}

.service-card.srv-card-3:hover {
  top: -30px;
  transform: rotate(5deg);
  left: 25px;
}

.service-card.srv-card-4:hover {
  top: -150px;
  transform: rotate(5deg);
  left: 25px;
}

.home-future-section .serv-lf-text {
  padding-left: 20px;
}

hr {
  border-top: 2px solid #264543;
}

.mobile-v {
  display: none !important;
}

/*........................New home page responsive css.......................*/

@media only screen and (min-width: 1750px){
  .container{
    max-width: 1118px;
  }
  .about-info-section ul li{
    width: 100%;
  }
  .service-card{
    width: 100%;
    max-width: 526px;
  }
  .service-card{
    height: 349px;
  }
  .service-card.srv-card-3 {
    top: -40px;
  }
  .service-card.srv-card-4{
    top:-242px;
  }
   .service-card.srv-card-3:hover{
    top:-90px;
  }
  .service-card.srv-card-4:hover{
    top:-230px;
  }
  .service-box-main {
    max-height: 870px;
  }
  .home-future-section .serv-lf-text {
    padding-left: 35px;
}
.srv-main-title{
      margin-bottom: 20px;
}
.office-map{
  width: 536px;
}
.home-carousel-style1.owl-carousel .owl-dots .owl-dot{
      width: 168px;
}
.quote-media-link li{
  width: 260px;
}
.testimonial-card{
  width: 504px;
}
.owl-carousel .owl-dots{
  bottom: 115px;
}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero h1,
  .hero h2 , .srv-main-title, .caro-image-cap h2 , .get-free-quote-title{
    font-size: 50px;
    line-height: 55px;
  }
  .about-info-section ul li .box-text strong , .about-info-section ul li .box-text span{
  font-size: 20px;
  line-height: 25px;
}

  .hero {
    justify-content: start;
    height: 100%;
  }
   .about-card h2 {
    font-size: 26px;
    line-height: 34px;
  }

  .about-card p,
  .about-title {
    font-size: 15px;
    line-height: 20px;
  }
  .banner-caption{
    top: 16%;
  }
  .hero .btn-assess{
    margin-top: 20px;
  }
  .about-card{
    max-width: 340px;
    height: 485px;
    top: -95px;
    padding: 32px;
  }
  .about-card .about-title {
    margin-top: 30px;
  }
  .about-map-cart img{
    top: -100px;
  }
  .about-info-section ul li{
    height: 108px;
  }


  .service-box-main{
  position: relative;
  height: 740px;
}
 
.service-card.srv-card-1, .service-card.srv-card-2 , .service-card.srv-card-3, .service-card.srv-card-4 {
  position: relative;
  top:0;
  left: 0;
  width: 330px;
}
.service-card-title {
    transition: all 350ms ease;
}
.service-card.srv-card-4:hover .service-card-title, .service-card.srv-card-3:hover .service-card-title , .service-card.srv-card-2:hover .service-card-title , .service-card.srv-card-1:hover .service-card-title{
    margin-top: -15px;
}
.service-card.srv-card-3:hover + .service-card.srv-card-4 ,  .service-card.srv-card-2:hover + .service-card.srv-card-3, .service-card.srv-card-1:hover + .service-card.srv-card-2 {
    margin-top: -90px;
}

.service-card.srv-card-2 , .service-card.srv-card-3, .service-card.srv-card-4{
    margin-top: -170px;
}
.service-card.srv-card-1:hover , .service-card.srv-card-2:hover , .service-card.srv-card-3:hover,  .service-card.srv-card-4:hover {
    top: 0;
    transform: rotate(0deg);
    left: 0;
}
.service-card-title h3{
  font-size: 20px;
}
.sr-card-header{
      align-items: start;
}
.service-card-icon {
    padding-right: 25px;
    width: 80px;
}
.service-card-title ul li{
  font-size: 16px;
}

.office-map{
  width: 100%;
}
.indi-office .office-map img {
  top:22px;
}
.caro-image-cap {
    top: 16%;
    right: 25px;
}
.owl-carousel .owl-dots {
    bottom: 45px !important;
}
.caption-style-2 .caro-image-cap{
   top: 16%;
  left: 36px;
}
.quote-media-link li{
  height: 158px;
}
.home-get-free-quote-section {
    padding: 80px 0;
}
.why-india.our-edge {
    margin-top: 20px;
}
footer .btn-supplier{
      padding: 15px 16px;
}
}
@media only screen and (max-width: 1440px){
  .carousel-single-item.owl-carousel .owl-dots{
    bottom: 60px;
  }
  body{
    padding: 0 !important;
  }
}
@media only screen and (max-width: 1280px){
.hero{
  height: 70vh;
}
.banner-caption{
  top:23%;
}
.srv-main-title br{
  display: none;
}
}

@media only screen and (min-width: 992px) {
.slide-desktop-v {
  display: flex;
}
.slide-mobile-v{
  display: none;
}
}

@media only screen and (max-width: 991px) {
  .slide-desktop-v {
  display: none;
}
.slide-mobile-v{
  display: flex;
}
  .right-side-nav ul li {
    display: none;
  }

  .right-side-nav ul li.login-btn-li {
    display: block;
  }

  body {
    padding: 0 !important;
    padding-top: 60px !important;
  }
  .cate-row, .reviews-main-box{
    flex-wrap: wrap;
  }
.cate-row .col-ml {
    width: 100%;
    justify-content: start;
    padding: 0 36px;
    flex-wrap: wrap;
}
.cate-row .col-mr {
    width: 100%;
    padding-left: 0;
}
.srv-main-title br{
  display: none;
}
.hero {
    height: 100%;
}
.service-card-icon{
      top: -13px;
    left: 9px;
}
.cate-row .col-ml {
    width: 100%;
    display: flex;
           justify-content: left;
        padding: 0 36px 0 140px;
        margin-bottom: 30px;
}
.review-left-col{
  padding-left: 150px;
  width: 100%;
  justify-content: left;
}

}
@media only screen and (max-width: 820px){
 
.cate-row .col-ml , .review-left-col{
  padding-left: 60px;
}
  
}
@media only screen and (max-width: 768px){
 
.cate-row .col-ml , .review-left-col{
  padding-left: 32px;
}
  
}

@media only screen and (max-width: 767px) {
  .desktop-v {
    display: none !important;
  }

  .mobile-v {
    display: block !important;
  }

  .hero-banner-wrapper img , .hero-banner-wrapper{
    width: 100%;
  }
  

  .hero h1,
  .hero h2 , .srv-main-title, .caro-image-cap h2 , .get-free-quote-title{
    font-size: 50px;
    line-height: 55px;
  }

  .hero {
    justify-content: start;
    height: 100%;
  }

  .banner-caption {
    top: 21%;
  }

  .hero .btn-assess {
    margin-top: 30px;
  }

  .row-about {
    flex-wrap: wrap;
  }

  .about-section .col-md-cst {
    order: 1;
    padding: 0 36px;
    width: 100%;
  }

  .about-section .col-md-cst.about-map-cart {
    width: 100%;
    order: 2;
    padding: 0 10px;
  }

  .about-card {
    padding: 30px;
    max-width: 100%;
    height: 100%;
    top: -100px;
    background: rgba(255, 255, 255, 0.66) 0% 0%;
    box-shadow: inset 2px 2px 2px #FFFFFF29;
    border-radius: 24px;
    width: 100%;
  }

  .about-card .about-title {
    margin-top: 36px;
  }

  .about-card h2 {
    font-size: 26px;
    line-height: 34px;
  }

  .about-card p,
  .about-title {
    font-size: 15px;
    line-height: 20px;
  }

 .about-map-cart img {
               position: relative !important;
        top: -90px !important;
        left: auto !important;
        right: 0;
        margin: 20px 0;
        width: 100% !important;
}
  .about-section .container{
    padding: 0;
  }

 
.about-info-section ul li{
      width: 156px;
    height: 92px;
    box-shadow: unset;
}
.about-info-section ul li .box-text strong , .about-info-section ul li .box-text span{
  font-size: 20px;
  line-height: 25px;
}
.about-info-carousel .owl-stage {
  padding: 10px 0;
}
.about-info-section {
    margin-top: -100px;
    padding-left: 36px;
}

.home-service-section .serv-lf-text {
    margin-bottom: 50px;
}
.sr-card-header{
      align-items: flex-start;
}
.service-card{
  width: 100%;
}
.service-card.srv-card-2{
  left: 0;
}

.cate-row , .reviews-main-box , .quote-media-link{
  flex-wrap: wrap;
}


.caro-image-cap, .caro-image-cap .short-cap-desc ,
 .caro-image-cap .sm-cap-title , .srv-title, .p-short-desc, .testimonial-text,.contact-title, .footer-right-text p{
  font-size: 15px;
  line-height: 17px;
}
.office-map{
  width: 100%;
          position: relative;
}
.caro-image-cap , .caption-style-2 .caro-image-cap {
    top: auto;
    max-width: 380px;
    right: 0;
    padding: 0 36px;
    left: 0;
    bottom: 100px;
}
.caro-image-cap .sm-cap-title{
  margin-bottom: 10px;
}
.caro-image-cap h2{
  margin-bottom: 10px;
}
.caro-image-cap .short-cap-desc{
  margin-bottom: 20px;
}
.owl-carousel .owl-dots {
    bottom: 55px !important;
}
.home-carousel-style1.owl-carousel .owl-dots .owl-dot{
  width: 46px;
}
.srv-main-title{
  margin-bottom: 20px;
}
.home-team-section .container, .home-future-section .container , .home-reviews-section .container , .home-get-free-quote-section .container, .home-footer .container, .home-service-section .container{
    padding: 0 36px;
}
.xy-padd {
    padding: 36px 0;
}
.indi-office .office-map img {
    height: 378px;
    right: -60px;
    top: -70px;
    min-width: 50px;
}
.home-team-section{
  overflow: hidden;
}
.portu-office .office-map img {
    left: 0;
    top: 19px;
    position: relative;
}
.portu-office .office-map{
text-align: center;
}
.office-card.portu-office {
    margin-top: 50px;
}
.office-card.indi-office .office-map:before, .office-card.portu-office .office-map:After {
    background: #f4f8ed;
    left: -70px;
    content: "";
    position: absolute;
    height: 100%;
    width: 50%;
}
.office-card.portu-office .office-map:After{
  left: auto;
  right: -140px;
}
.team-image-wrapper {
    margin-bottom: 21px;
}
.row.office-section {
    padding: 50px 0 0;
}
.home-future-section .serv-lf-text {
    padding-left: 0;
}
.review-left-col {
    width: 100%;
    padding-right: 0;
    max-width: 310px;
    padding-left: 36px;
}
.home-testimonial-wrapper {
    width: 100%;
}
.testimonial-card{
      padding: 36px;
          width: 239px;
    height: 263px;
}
.testimonial-title, .testimonial-stars , .service-card-title h3 {
  font-size: 20px;
  line-height: 20px;
}
.testimonial-client{
  font-size: 12px;
  line-height: 14px;
}
.testimonial-card::before, .testimonial-card::after {
    top: -4px;
    left: -51px;
    background-size: 70%;
}
.testimonial-card::after {
    content: " ";
    bottom: -4px;
    right: -50px;
    font-size: 32px;
    color: #9BD8AB;
    left: auto;
    transform: rotate(0);
    top: auto;
}
.testimonial-text{
  margin-bottom: 15px;
}
.why-india ul li {
  font-size: 15px;
  line-height: 17px;
}
.why-india.our-edge {
    margin-top: 30px;
}
.quote-media-link li{
  height: 156px;
  width: 48%;
  margin: 0;
}
.quote-media-link{
  gap: 10px;
}
.footer-logo {
    margin-bottom: 15px;
}
.home-footer .btn-supplier {
      padding: 15px 10px;
      width: 100%;
      margin-top: 35px !important;
}
.social-icons {
    text-align: center;
}
.service-box-main{
  position: relative;
  height: 670px;
}

.service-card.srv-card-1, .service-card.srv-card-2 , .service-card.srv-card-3, .service-card.srv-card-4 {
  position: relative;
  top:0;
  height: 240px;
}
.service-card-title {
    transition: all 350ms ease;
}
.service-card.srv-card-4:hover .service-card-title, .service-card.srv-card-3:hover .service-card-title , .service-card.srv-card-2:hover .service-card-title , .service-card.srv-card-1:hover .service-card-title{
    margin-top: -30px;
}
.service-card.srv-card-3:hover + .service-card.srv-card-4 ,  .service-card.srv-card-2:hover + .service-card.srv-card-3, .service-card.srv-card-1:hover + .service-card.srv-card-2 {
    margin-top: -90px;
}

.service-card.srv-card-2 , .service-card.srv-card-3, .service-card.srv-card-4{
    margin-top: -120px;
}
.service-card-icon {
    top: -6px;
    left: 0px;
}
.service-card-icon {
    padding-right: 15px;
    width: 48px;
}
.service-card-icon img {
    width: 42px;
}
.service-card-title ul li{
  font-size: 15px;
  line-height: 20px;
}
.service-card.srv-card-1:hover , .service-card.srv-card-2:hover , .service-card.srv-card-3:hover,  .service-card.srv-card-4:hover {
    top: 0;
    transform: rotate(0deg);
    left: 0;
}

.service-card:hover .service-card-title h3 {
    padding-top: 10px;
}
.category-card{
  width: 239px;
    height: 327px;
}
a.cate-banner-link{
  max-width: 194px;
}
.home-category-section .serv-lf-text {
    margin-bottom: 20px;
}
footer .row >.col, footer .row >[class*=col-] {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
#signup .modal-content{
      padding: 5px !important;
}
#signup .modal-body {
    height: 90vh;
    overflow: auto;
    padding-bottom: 130px;
}
}