@font-face {

    font-family: 'Lexend-Medium';

    src: url('Lexend-Medium.woff2') format('woff2'),

        url('Lexend-Medium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Lexend-Light';

    src: url('Lexend-Light.woff2') format('woff2'),

        url('Lexend-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Lexend-Bold';

    src: url('Lexend-Bold.woff2') format('woff2'),

        url('Lexend-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}





body { font-family: 'Lexend-Light', "Open Sans";

  color: #000000;

}



a {

  color: #000;

  text-decoration: none!important;

}



a:hover {

  color: #1A2375;

  text-decoration: none;

}



h1,

h2,

h3,

h4, .dotted-title {

  font-family: 'Lexend-Bold';

}

.h1, h1 {

    font-size: 4rem;

}

.h2, h2 {

    font-size: 3rem;

}

.h3, h3, .dotted-title {

    font-size: 2.5rem;

}

.h4, h4 {

    font-size: 2rem;

}

.h5, h5 {

    font-size: 1.4rem;

}

.h6, h6 {

    font-size: 1.1rem;

}

.titles h5{font-size: 1rem; letter-spacing: 5px; text-transform: uppercase;}



.banner{min-height: 200px;  background-size: cover!important; background-repeat:no-repeat!important;}



.standard-content .standard-main-content .post-entry.standard-post-entry.classic-post-entry .col-md-8, .post-entry .inner-post-entry .col-md-8{width: 100%!important}



.text-primary{color:#0158a2!important}

.bg-primary{background: #1a61a8!important;}

.border-primary{border-color: #1a61a8!important}



.bx.bxl-twitter-x{line-height: 0;}



.btn-primary, .bg-primary{background: #0558a1!important}



.owl-carousel-header .owl-item{display: block!important;}

/*--------------------------------------------------------------

# Preloader

--------------------------------------------------------------*/

#preloader {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 9999;

  overflow: hidden;

  background: #32C156;

}



#preloader:before {

  content: "";

  position: fixed;

  top: calc(50% - 30px);

  left: calc(50% - 30px);

  border: 6px solid #32C156;

  border-top-color: #fff;

  border-bottom-color: #fff;

  border-radius: 50%;

  width: 60px;

  height: 60px;

  -webkit-animation: animate-preloader 1s linear infinite;

  animation: animate-preloader 1s linear infinite;

}



@-webkit-keyframes animate-preloader {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



@keyframes animate-preloader {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



/*--------------------------------------------------------------

# Back to top button

--------------------------------------------------------------*/

.back-to-top {

  position: fixed;

  visibility: hidden;

  opacity: 0;

  right: 15px;

  bottom: 15px;

  z-index: 996;

  background: #218F3D;

  width: 40px;

  height: 40px;

  border-radius: 50px;

  transition: all 0.4s;

}



.back-to-top i {

  font-size: 24px;

  color: #fff;

  line-height: 0;

}



.back-to-top:hover {

  background: #848484;

  color: #fff;

}



.back-to-top.active {

  visibility: visible;

  opacity: 1;

}



/*--------------------------------------------------------------

# Header

--------------------------------------------------------------*/

#header {

  transition: all 0.5s;

  z-index: 997;

  padding: 15px 0;

}



#header.header-scrolled,

#header.header-inner-pages {

  background:rgb(255 255 255 / 100%);

}



#header .logo {

  font-size: 30px;

  margin: 0;

  padding: 0;

  line-height: 1;

  font-weight: 500;

  letter-spacing: 2px;

  text-transform: uppercase;

}



#header .logo a {

  color: #fff;

}



#header .logo img {

  /*max-height: 40px;*/

}



/*--------------------------------------------------------------

# Navigation Menu

--------------------------------------------------------------*/

/**

* Desktop Navigation 

*/

.navbar {

  padding: 0;

}



.navbar ul {

  margin: 0;

  padding: 0;

  display: flex;

  list-style: none;

  align-items: center;

	

}



.navbar li {

  position: static;

}



.navbar a,

.navbar a:focus {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 20px 0 20px 30px;

  font-size: 15px;

  font-weight: 500;

  color: #0d5ba8;

  white-space: nowrap;

  transition: 0.3s;

}

.navbar a.active{font-weight: bold;}



.navbar a i,

.navbar a:focus i {

  font-size: 12px;

  line-height: 0;

  margin-left: 5px;

}



.navbar a:hover,

.navbar .active,

.navbar .active:focus,

.navbar li:hover>a {

  color: #075ba2;

}



.navbar .getstarted,

.navbar .getstarted:focus {

  padding: 8px 20px;

  margin-left: 30px;

  border-radius: 50px;

  color: #fff;

  font-size: 14px;

  border: 2px solid #218F3D;

  font-weight: 600;

}



.navbar .getstarted:hover,

.navbar .getstarted:focus:hover {

  color: #fff;

  background: #31a9e1;

}



.navbar .dropdown ul {

  display: block;

  position: absolute;

  left: 14px;

  top: calc(100% + 30px);

  margin: 0;

  padding: 10px 0;

  z-index: 99;

  /*opacity: 0;

  visibility: hidden;

	display: none;*/

  background: #fff;

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

  /*transition: 0.3s;*/

  border-radius: 4px;

}



.navbar .dropdown ul li {

  min-width: 200px;

}



.navbar .dropdown ul a {

  padding: 10px 20px;

  font-size: 14px;

  text-transform: none;

  font-weight: 500;

  color: #0c3c53;

}



.navbar .dropdown ul a i {

  font-size: 12px;

}



.navbar .dropdown>ul {

  opacity: 1;

  top: 100%;

  visibility: hidden;

}



.navbar .dropdown:hover>ul {

  opacity: 1;

  top: 100%;

  visibility: visible;

}



.navbar .dropdown .dropdown ul {

  top: 0;

  left: calc(100% - 30px);

  visibility: hidden;

}



.navbar .dropdown .dropdown:hover>ul {

  opacity: 1;

  top: 0;

  left: 100%;

  visibility: visible;

}

@media (min-width: 1000px) {

	.navbar{position: static;}

	.navbar .dropdown:hover>ul {

    opacity: 1;

    top: 70px;

    visibility: visible;

    left: 5%;

    right: 5%;

}

}





@media (max-width: 1366px) {

  .navbar .dropdown .dropdown ul {

    left: -90%;

  }



  .navbar .dropdown .dropdown:hover>ul {

    left: -100%;

  }

	

}



/**

* Mobile Navigation 

*/

.mobile-nav-toggle {

  color: #44454A;

  font-size: 28px;

  cursor: pointer;

  display: none;

  line-height: 0;

  transition: 0.5s;

}



.mobile-nav-toggle.bi-x {

  color: #fff;

}



@media (max-width: 991px) {

  .mobile-nav-toggle {

    display: block;

  }



  .navbar ul {

    display: none;

  }

	.navbar ul li.dropdown .row .col{width: 100%!important; flex: auto !important;}

}



.navbar-mobile {

  position: fixed;

  overflow: hidden;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  background:#285b8eb8;

  transition: 0.3s;

  z-index: 999;

}



.navbar-mobile .mobile-nav-toggle {

  position: absolute;

  top: 15px;

  right: 15px;

}



.navbar-mobile ul {

  display: block;

  position: absolute;

  top: 55px;

  right: 15px;

  bottom: 15px;

  left: 15px;

  padding: 10px 0;

  border-radius: 10px;

  background-color: #fff;

  overflow-y: auto;

  transition: 0.3s;

}



.navbar-mobile a,

.navbar-mobile a:focus {

  padding: 10px 20px;

  font-size: 15px;

}





.navbar-mobile .getstarted,

.navbar-mobile .getstarted:focus {

  margin: 15px;

  color: #32C156;

}



.navbar-mobile .dropdown ul {

  position: static;

  display: none;

  margin: 10px 20px;

  padding: 10px 0;

  z-index: 99;

  opacity: 1;

  visibility: visible;

  background: #fff;

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

}



.navbar-mobile .dropdown ul li {

  min-width: 200px;

}



.navbar-mobile .dropdown ul a {

  padding: 10px 20px;

}



.navbar-mobile .dropdown ul a i {

  font-size: 12px;

}



.navbar-mobile .dropdown ul a:hover,

.navbar-mobile .dropdown ul .active:hover,

.navbar-mobile .dropdown ul li:hover>a {

  color: #218F3D;

}



.navbar-mobile .dropdown>.dropdown-active {

  display: block;

}

/*--------------------------------------------------------------

# Page Section

--------------------------------------------------------------*/

.faqsbanner{background: url("../img/faqs-banner.jpg");}

.aboutbanner{background: url("../img/about-banner.jpg");}

.contactbanner{background: url("../img/contact-banner.jpg");}



.headerlst{background: url("../img/header-lft.jpg") no-repeat bottom right;}

.headerlst span{position: absolute; top:50%; transform: translateY(-50%)}



.hombnr2 span{bottom: 30px; left:10%; right: 10%; font-size: 1rem;}



.gallery-content .col-md-4 img {

  height: 60vh;

  width: 100%;

  border-radius: 10px;

  border: 1px solid;

  box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset,

    rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,

    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;

}



/*--------------------------------------------------------------

# Breadcrumbs

--------------------------------------------------------------*/

.breadcrumbs {

  padding: 15px 0;

  background: #f3f5fa;

  min-height: 40px;

  margin-top: 72px;

}



@media (max-width: 992px) {

  .breadcrumbs {

    margin-top: 68px;

  }

}



.breadcrumbs h2 {

  font-size: 28px;

  font-weight: 600;

  color: #32C156;

}



.breadcrumbs ol {

  display: flex;

  flex-wrap: wrap;

  list-style: none;

  padding: 0 0 10px 0;

  margin: 0;

  font-size: 14px;

}



.breadcrumbs ol li+li {

  padding-left: 10px;

}



.breadcrumbs ol li+li::before {

  display: inline-block;

  padding-right: 10px;

  color: #4668a2;

  content: "/";

}



/*--------------------------------------------------------------

# Custom Code

--------------------------------------------------------------*/

.aniyears.h2{font-size: 9rem}

.aniyears.h5{font-size: 2rem;

    line-height: 2.3rem;

    margin-top: 40px;}

.aniyears.h5 strong{font-size: 7.7rem; font-weight: normal;}



.Key-Strength ul, .key-differentiators ul{margin: 0; padding: 0;}

.Key-Strength ul li{border-bottom: solid 2px #888;}

.Key-Strength ul li.active{border-bottom: solid 2px #000;}

.Key-Strength ul li, .key-differentiators-main ul li{list-style: none; padding: 15px 0; color: #888;}





.key-differentiators-main ul li{ opacity: 0.4;}



.Key-Strength ul li.active, .key-differentiators-main ul li.active{opacity: 1; color: #000;}

.key-differentiators-main-inner, .key-differentiators-main-inner .tab-pane{top:0; left:0; right:0; bottom: 0;    display: flex;

    align-items: center;}

.key-differentiators-main-inner .tab-pane{}

.key-differentiators-main{height: 100vh}

.key-differentiators-main .nav{bottom: 0; left: 50%; transform: translateX(-50%)}







.foundations-div h5 .aniyears{font-size: 3.4rem;}

	.foundations-div-gr{background: rgb(33,99,151);

background: linear-gradient(180deg, rgb(2 45 83) 16%, rgb(11 135 185) 100%);}

.foundations-div-gr-lgt {

    background: rgb(178 220 255);

    background: linear-gradient(180deg, rgb(175 218 255) 16%, rgb(233 249 255) 100%);

}



.owl-carousel-client .item{box-shadow:inset 0px 0px 0px 2px #164296, 6px 6px 10px 0px #cccccc85;

    width: 100%;

    margin-left: 2px; margin-bottom: 20px;}

.owl-btns svg{width:50px;}

.owl-btns svg, .pe-pointer{cursor: pointer;}



.lftsvg svg{rotate: 180deg;}





.sbs-tabs li{width: 100%}

.sbs-tabs .nav-link, .sbs-tabs .nav-link.active{color:#000!important;opacity:1;}

.sbs-tabs .nav-link.active{opacity:1;}

.sbs-tabs .nav-link{opacity: 0.4;margin: auto;}





.white-tabs .nav.nav-pills{text-align: center;    display: block;}

.white-tabs .nav.nav-pills .nav-item{display: inline-block;}

.white-tabs .nav-link, .dark-tabs .nav-link {font-size: 1.1rem; }

 .dark-tabs .nav-link {font-size: 1.3rem; color: #000!important;}

.nav-pills .nav-link.active{background: none; font-weight: bold;}

.owl-carousel-tabs .item{height: 400px; background: #AA2D2F; display: flex; align-items: center; justify-content: center; width: 440px; border-radius: 15px; padding: 15%;}



.formlft small{font-size: 3vw;}

.formlft big{font-size: 4vw;}

.border-dashed{border-style: dashed!important;}





.dotted-title{position: relative; padding-bottom: 15px;}
.banner-h1 h1 > .dotted-title, .banner-h1 h1 {
  font-size: clamp(22px, 3vw, 40px) !important;
}

.dotted-title:after{    padding-bottom: 0px;

    position: absolute;

    right: 0;

    bottom: 0px;

    background: url(../img/color-dots.png) no-repeat right bottom;

    background-size: contain;

    width: 80px;

    height: 15px;

    content: '';}





.wind-en {

    background: url(../img/about-building.jpg) center no-repeat;

    background-size: cover;

}



.white-tabs button.nav-link {border: 3px solid #fff; color: #fff;}

.white-tabs .nav-link.active {background: #FFFFFF; color: #000;}





.white-black-tabs button.nav-link {border: 3px solid #044f92;color: #000;}

.white-black-tabs .nav-link.active {background: #0558a1;color: #fff;}



.cir-miss b, .cir-vision b, .journey #thumbs .owl-item.current h6 b, .journey #thumbs .owl-item h6 b, .banner-h1 h1, .banner-description, .map-footprint .m-points i{top:50%;left: 50%;transform:translateY(-50%) translateX(-50%);color: #fff;text-transform: uppercase; position: absolute}

.cir-miss b, .cir-vision b, .journey #thumbs .owl-item.current h6 b, .banner-h1 h1, .banner-description{font-size: 1.4rem;}



.media{ background: url(../img/media-bg.jpg) top center no-repeat;

    background-size: cover;}

.media .owl-stage{margin: auto;}

.media #thumbs .owl-item h6 b{font-weight: normal;}

.media #thumbs .owl-item.current h6 b{font-weight: bold;}

.media #big .col-12 .shadow:before{content: '';

    height: 5px;

    width: 56px;

    display: inline-block;

    background: #54548D;

    position: absolute;

    top: 15px;

    left: 15px;}

#big .owl-stage, #big .owl-item{display: block!important;}



.quo-mark{background:url(../img/quota-mark.png) no-repeat 2% 20%;}



.sustainability-bg{background: url(../img/sustainability-bg.jpg) center no-repeat;

    background-size: cover;}





.journey #thumbs .owl-stage{margin: auto;}

.journey #thumbs .owl-item .item{    align-content: center;}

.journey #thumbs .owl-item.current h6, .journey #thumbs .owl-item h6{

    display: inline-block;

    border-radius: 500px;

background: #fff; position: relative;}



.journey #thumbs .owl-item.current h6{width: 100px;

    height: 100px;

background: #fff; color: #000;}

.journey #thumbs .owl-item h6{width: 70px;

    height: 70px;     background: #0a82b4;

 color: #fff; box-shadow: 0 0 1px 1px #fff;font-size: 1rem;}



.journey #thumbs .owl-item.current h6 b{color: #000!important;}

.journey #thumbs .owl-stage:before{    display: block;

    content: '';

    border-bottom: 2px dashed #787c7f;

    position: absolute;

    left: 8%;

    right: 8%;

    top: 44%;

    transform: translateY(-50%);}









.shadow-rb{box-shadow: 9px 9px 0px -2px #000;

}

.owl-carousel-journey .owl-item{padding:40px 0}

/*.owl-carousel-journey .owl-item.center{transform: scale(3);}

.item1.center + .owl-item.center,

.item1.center ~ .owl-item.center{transform: scale(2);}*/

.cir-miss, .cir-vision{

    width: 220px;

    height: 220px;

    display: inline-block;

    border-radius: 500px;

    transform: scale(1.5);

    }



.banner-description{font-size: 3rem; font-weight:bold}



.banner-h1 h1{z-index: 11; font-size: 4rem;display: inline-block; padding: 20px; text-align: center;    text-shadow: 0 0 32px #000000b5; width: 100%}

.banner-h1 h1 span.text-dark{text-shadow: 0 0 32px #ffffffb5;}

.cir-miss{

    background: rgb(7,84,158);

background: linear-gradient(90deg, rgba(7,84,158,1) 0%, rgba(5,67,125,1) 100%);

    margin-left: 20px;

    margin-right: 70px;

	box-shadow: -16px 0px 0px 0px #fff;

    }







.cir-miss-main .quote{background:url(../img/quota-mark.png) no-repeat 95% 0%;    padding: 20px 97px 20px 30px;}



.cir-vision{

    background: rgb(154,60,204);

background: linear-gradient(90deg, rgba(154,60,204,1) 0%, rgba(186,98,233,1) 100%);

    margin-right: 20px;

    margin-left: 70px;

	box-shadow: 16px 0px 0px 0px #fff;

    }



.cir-vision-main .quote{background:url(../img/quota-mark.png) no-repeat 6% 0%; padding: 20px 30px 20px 97px;}



.project-points-main .row:nth-child(even) .col-md-12{flex-direction: row-reverse;}

.project-points .h1{font-size: 4.5rem; font-weight: normal;}

.project-points .col-4:first-child .h1{color:#AE00CF; border-bottom-color:#AE00CF!important }

.project-points .col-4:nth-child(2) .h1{color:#17A400; border-bottom-color:#17A400!important }

.project-points .col-4:nth-child(3) .h1{color:#00bacf; border-bottom-color:#00bacf!important }

.project-points .col-4:nth-child(4) .h1{color:#ffc107; border-bottom-color:#ffc107!important }

.project-points .col-4:nth-child(5) .h1{color:#8998ed; border-bottom-color:#8998ed!important }

.project-points .col-4:nth-child(6) .h1{color:#d3bd00; border-bottom-color:#d3bd00!important }

.project-points .col-4:last-child .h1{color:#CF3E00; border-bottom-color:#CF3E00!important }







.searchinput svg{top: 50%; transform: translateY(-50%); left: 15px;}

.searchinput input{padding: 10px 10px 10px 60px;}

.searchinput button{padding: 10px;}



.awardsimg-bg {

    background: rgb(255, 255, 255);

    background: radial-gradient(circle, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0) 67%);

}



.owl-carousel-header .owl-dots{z-index: 1;

    position: absolute;

    bottom: 0px;

    left: 0%; right: 0%; text-align: center; background: linear-gradient(0deg, rgba(0,0,0,0.4513402773218662) 0%, rgba(30,36,46,0) 88%, rgba(35,42,54,0) 100%);    padding: 80px 0 15px 0px;}

.owl-theme .owl-dots .owl-dot span {

    width: 15px!important;

    height: 15px!important;

    background: #ffffff00!important;

    border: solid 2px #fff;

}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #ffffff!important;}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {

    margin: -2px!important;

}

.owl-theme .owl-dots .owl-dot span {margin: 5px 0px!important;}





.bg-v-key-1{background:url(../img/Key-Differentiators---Big-Image-1.jpg) no-repeat; background-size:cover;}

.bg-v-key-2{background:url(../img/Key-Differentiators---Big-Image-2-2.jpg) no-repeat; background-size:cover;}

.bg-v-key-3{background:url(../img/Key-Differentiators---Big-Image-2.jpg) no-repeat; background-size:cover;}

.bg-v-key-4{background:url(../img/Key-Differentiators---Big-Image-4.jpg) no-repeat; background-size:cover;}

.bg-v-key-5{background:url(../img/Key-Differentiators---Big-Image-5.jpg) no-repeat; background-size:cover;}

.bg-v-key-6{background:url(../img/Key-Differentiators---Big-Image-6.jpg) no-repeat; background-size:cover;}

.bg-v-key-7{background:url(../img/Key-Differentiators---Big-Image-7.jpg) no-repeat; background-size:cover;}

.bg-v-key-1, .bg-v-key-2, .bg-v-key-3, .bg-v-key-4, .bg-v-key-5, .bg-v-key-6, .bg-v-key-7{background-position: center;}







.owl-carousel-tabs .item.blogbgh{background:url(../img/blogbg-hom.jpg) no-repeat; background-size:cover;}



.accordion-content {

    display: none;

}



.accordion-content.active {

    display: block;

}

.accordion-header{position: relative; width: 100%; text-align: left;}

		.accordion-header:before{content: '+'; font-size: 20px; margin-right: 5px;}

		.accordion-header.active:before{content: '-';}

		.plusarrowright .accordion-header:before{position: absolute; margin-top: -4px; right: 0;}



		.accordion-item-map button{padding: 0; background: none; border: none;}

.accordion-item-map button.accordion-header{font-size: 1.3rem;}



.carrer-bg{background:url(../img/careers-bg.jpg) no-repeat top; background-size:cover;}









.owl-carousel-home-about .owl-dots .owl-dot.active span, .owl-carousel-maps .owl-dots .owl-dot.active span, .owl-carousel-timeline .owl-dots .owl-dot:hover span {

    background:#0d5ba8 !important;

}

.owl-carousel-home-about .owl-dots .owl-dot span, .owl-carousel-maps .owl-dots .owl-dot span{

    border: solid 2px #0d5ba8;

}



.owl-carousel-maps .owl-dots .owl-dot.active span {

    background:#2F2F2F !important;

}

.owl-carousel-maps .owl-dots .owl-dot span{

    border: solid 2px #2F2F2F;

}







.sm-dark.social-links a {

    background: #000;

    color: #fff;}



.form-rfq-c input, .form-rfq-c select, .form-rfq-c textarea {

    background: #f1f1f1;

    border: 1px solid #e1e1e1;

    color: #000000;

	width: 100%;

	padding: 5px;

}

.form-rfq-c p {margin-top: 10px;

    margin-bottom: 0rem;}



.map-footprint{position:relative;}

.map-footprint .m-points{position: absolute;width: 33px;height: 33px;background:#fada01;display: inline-block;border-radius: 100px;}

.map-footprint .m-points i{

    font-style: normal;

    width: 18px;

    height: 19px;

    padding-top: 0.7px;

    font-size: 12px;

    text-align: center;

    background: #fff;

    color: #000;

    border-radius: 100px;

	font-weight: bold;

    }

.map-footprint .m-points:hover:before{

    line-height: 12px;

    background: #929292;

    color: #fff;

    display: block;

    padding: 7px;

    text-wrap: nowrap;

    position: absolute;

    left: 34px;

    top: 16px;

    z-index: 11;

    border-radius: 0 20px 20px;

    font-size: 0.8rem;

    box-shadow: 6px 3px 3px 1px #000;}

.map-footprint .m-points.m-points-1{

    top: 27%;

    left: 28%;

	background: conic-gradient(

        #fada01 0% 25%, /* First color, representing one value */

        /*#fada01 30% 50%,*/ /* Second color, representing another value */

        #fc0332 25% 100% /* Third color, representing another value */

    );

}

.m-points-1:hover:before{content: 'Delhi-NCR';}

.m-points-2:hover:before{content: 'Lucknow';}

.m-points-3:hover:before{content: 'Kolkata';}

.m-points-4:hover:before{content: 'Ahmedabad';}

.m-points-5:hover:before{content: 'Mumbai';}

.m-points-12:hover:before{content: 'Pune';}

.m-points-7:hover:before{content: 'Bengaluru';}

.m-points-11:hover:before{content: 'Chennai';}

.map-footprint .m-points.m-points-2{

    top: 35%;

    left: 41%;

}

.map-footprint .m-points.m-points-3{

    top: 47%;

    left: 66%;

}

.map-footprint .m-points.m-points-4{

    top: 47%;

    left: 11%;

}

.map-footprint .m-points.m-points-5{

    top: 61%;

    left: 13%;

}

.map-footprint .m-points.m-points-12{

        top: 63%;
    left: 20%;
	/* background: #10ac00; */
  background: conic-gradient(#fada01 0% 33%, /* First color, representing one value */ #10ac00 33% 100% /* Second color, representing another value */ /*#fc0332 25% 100%*/ /* Third color, representing another value */);

}

.map-footprint .m-points.m-points-7{

    top: 75%;

    left: 28%;

}

.map-footprint .m-points.m-points-8{

    top: 73%;

    left: 38%;

}

.map-footprint .m-points.m-points-9{

    top: 73%;

    left: 38%;

}

.map-footprint .m-points.m-points-11{

    top: 77%;

    left: 38%;

	background: conic-gradient(

         #fada01 0% 33%,  /* First color, representing one value */

         #10ac00 33% 100%/* Second color, representing another value */

        /*#fc0332 25% 100%*/ /* Third color, representing another value */

    );

}



.owl-carousel-maps .badge{left: 10px; top: 10px;}



.owl-carousel-bStructure{width: 440px!important;

    transform: rotate(90deg);}

.owl-carousel-bStructure .item{transform: rotate(270deg);}



/**Styling scrollable elements*/



.js-scroll {

  opacity: 0;

  transition: opacity 500ms;

}



.js-scroll.scrolled {

  opacity: 1;

}



.scrolled.fade-in {

  animation: fade-in 1s ease-in-out both;

}



.scrolled.fade-in-top {

  animation: fade-in-top 1s ease-in-out both;

}

.scrolled.fade-in-bottom {

  animation: fade-in-bottom 1s ease-in-out both;

}

.scrolled.slide-left {

  animation: slide-in-left 1s ease-in-out both;

}



.scrolled.slide-right {

  animation: slide-in-right 1s ease-in-out both;

}



/* ----------------------------------------------

 * Generated by Animista on 2021-2-11 23:32:31

 * Licensed under FreeBSD License.

 * See http://animista.net/license for more info. 

 * w: http://animista.net, t: @cssanimista

 * ---------------------------------------------- */



@keyframes slide-in-left {

  0% {

    -webkit-transform: translateX(-100px);

    transform: translateX(-100px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

    opacity: 1;

  }

}



@keyframes slide-in-right {

  0% {

    -webkit-transform: translateX(100px);

    transform: translateX(100px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

    opacity: 1;

  }

}

@keyframes fade-in-top {

  0% {

    -webkit-transform: translateY(-90px);

    transform: translateY(-90px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 1;

  }

}

@keyframes fade-in-bottom {

  0% {

    -webkit-transform: translateY(50px);

    transform: translateY(50px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 1;

  }

}



@keyframes fade-in {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}





/*--------------------------------------------------------------

# Footer

--------------------------------------------------------------*/

#footer {

  font-size: 14px;

}



#footer .footer-newsletter {

  padding: 50px 0;

  background: #f3f5fa;

  text-align: center;

  font-size: 15px;

  color: #444444;

}



#footer .footer-newsletter h4 {

  font-size: 24px;

  margin: 0 0 20px 0;

  padding: 0;

  line-height: 1;

  font-weight: 600;

  color: #32C156;

}



#footer .footer-newsletter form {

  margin-top: 30px;

  background: #fff;

  padding: 6px 10px;

  position: relative;

  border-radius: 50px;

  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06);

  text-align: left;

}



#footer .footer-newsletter form input[type=email] {

  border: 0;

  padding: 4px 8px;

  width: calc(100% - 100px);

}



#footer .footer-newsletter form input[type=submit] {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  border: 0;

  background: none;

  font-size: 16px;

  padding: 0 20px;

  background: #218F3D;

  color: #fff;

  transition: 0.3s;

  border-radius: 50px;

  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);

}



#footer .footer-newsletter form input[type=submit]:hover {

  background: #218F3D;

}



#footer .footer-top {

  padding: 60px 0 0px 0;

}



#footer .footer-top .footer-contact {

  margin-bottom: 30px;

}



#footer .footer-top .footer-contact h3 {

  font-size: 28px;

  margin: 0 0 10px 0;

  padding: 2px 0 2px 0;

  line-height: 1;

  text-transform: uppercase;

  font-weight: 600;

  color: #32C156;

}







#footer .footer-top h4 {

  font-size: 20px;

  font-weight: bold;

  position: relative;

}



#footer .footer-top .footer-links {

  margin-bottom: 30px;

}



#footer .footer-top .footer-links ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



#footer .footer-top .footer-links ul i {

  padding-right: 2px;

  color: #218F3D;

  font-size: 18px;

  line-height: 1;

}



#footer .footer-top .footer-links ul li {

  padding: 10px 0;

      width: 50%;

    float: left;

}



#footer .footer-top .footer-links ul a {

  color: #fff;

  transition: 0.3s;

  display: inline-block;

  line-height: 1;

}





.social-links a {

  font-size: 18px;

  display: inline-block;

  background: #fff;

  color: #000;

  line-height: 1;

  padding: 9px 0;

  margin-right: 4px;

  border-radius: 50%;

  text-align: center;

  width: 36px;

  height: 36px;

  transition: 0.3s;

	border: 1px solid #000;

}



.small-sm .social-links a{

	padding: 4px 0!important;

    width: 26px;

    height: 26px;}

.small-sm .social-links a {

	font-size: 18px;}





#footer .footer-top .social-links a:hover {

  background: #218F3D;

  text-decoration: none;

}



#footer .footer-bottom {

  padding-top: 30px;

  padding-bottom: 30px;

}



#footer .copyright {

  float: left;

}



#footer .credits {

  float: right;

  font-size: 13px;

}



#footer .credits a {

  transition: 0.3s;

}

.owl-carousel-Structure .item{    width: 100%;
    padding: 0!important;
    margin: 0;}

.bg-secondary{background: #F4F4F4!important}

.rounded-4{border-radius: 20px;}

.formlftbg{background: url("../../assets/img/formlft-bg.png") #32C156 right bottom no-repeat;}

.text-success{color:#218F3D!important}

.bg-success{background:#218F3D!important}



::-moz-selection { /* Code for Firefox */

  color: #007718;

  background: #72FF85;

}



::selection {
    color: #316fab;
    background: #ebf5ff;
}


.owl-stage, .owl-item{display: flex;}



.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{background: #246535;

    padding: 0px 12px 7px!important;

    color: #ccc;

    font-weight: bold;

    font-size: 32px;

    line-height: 28px;

    border: none;

margin: 3px;}

.owl-theme .owl-nav{text-align: left!important}

.owl-carousel button.owl-dot{background: none; border:none;}



input:focus-visible, textarea:focus-visible {outline: 0px;}

.formtop {color: #000;font-size: 15px;

}

.formtop input, .formtop select, .formtop textarea {

	width: 100%;

    margin:0 0 20px 0;

    border: none;

	border-radius: 5px;

    padding: 7px 10px;

    font-size: 18px;

}

.formtop input::-webkit-input-placeholder, .formtop textarea::-webkit-input-placeholder{ color:#CDCDCD}

.formtop select option{}

.formtop select option:hover{ background: #0081AF}

.formtop input[type="submit"]{background: white; color:#000; font-weight: bold}

.formtop input:focus {

}

.formtop input[type="submit"] {

	background: #DD2C20;

    border: none;

    color: white!important;

    font-weight: bold;

    padding: 10px 0;

    font-size: 19px;

}

.formtop a {position: absolute;

    right: 11px;

    padding: 3px 6px 1px;

    font-size: 15px;}

.formtop button, a.fbutton {}



.formhead{background: url("../../assets/img/form-head-bg.jpg") #042A0A no-repeat; background-size: cover;}

.formhead input::-webkit-input-placeholder, .formhead textarea::-webkit-input-placeholder{ color:#39393973;}

.formhead .text-success {

    color: #185e2a!important;

}

input[id="ppcheck"]{transform: scale(1.2);
    margin-right: 5px;}



input.error, select.error{border-bottom: 2px solid #d60000;}

label.error {

    color: #ff4646;

    font-size: 10px;

    position: absolute;

    left:0.9rem;

    top: -2px;

}

.accordion-button::after {

      background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 12H17' stroke='%2344454A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 17L12 7' stroke='%2344454A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='11.5' cy='11.5' r='10.75' stroke='%2344454A' stroke-width='1.5'/%3E%3C/svg%3E");

    }

    .accordion-button:not(.collapsed)::after {

      background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 12H17' stroke='%2344454A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='11.5' cy='11.5' r='10.75' stroke='%2344454A' stroke-width='1.5'/%3E%3C/svg%3E");

    }

.accordion-button{

	color:#000!important;

    background-color: #e7f1ff00!important;

    box-shadow: #dee2e600!important;

	    padding:20px  0;

	    font-size: 1.2rem;

}

.accordion-button:not(.collapsed) {

    color: var(--bs-accordion-active-color);

    background-color: var(--bs-accordion-active-bg);

    box-shadow: none!important;

}

button:focus {

     outline: 0;

    /*border: none!important;*/

    box-shadow: none!important;

}

.accordion-item {

    color: var(--bs-accordion-color);

    background-color: var(--bs-accordion-bg);

	border:none;

    border-bottom: var(--bs-accordion-border-width) solid #218F3D;

}







@media (max-width: 768px) {

  #footer .footer-bottom {

    padding-top: 20px;

    padding-bottom: 20px;

  }



  #footer .copyright,

  #footer .credits {

    text-align: center;

    float: none;

  }



  #footer .credits {

    padding-top: 4px;

  }

	.headerlst span {

    position: relative;

    top:auto;

    transform: translateY(0);

}

	.headerlst {

padding-bottom: 160px;}

	.h2, h2 {

    font-size: 2rem;

}

	.h3, h3 {

    font-size: 1.5rem;

}

	.h5, h5 {

    font-size: 1.1rem;

}

	.formlftbg {

    

    background-blend-mode: soft-light;

}

	.key-diff-mob{    z-index: 11;

    position: absolute;

    top: 41px;

    width: 80%;}

	

	.cir-miss, .cir-vision{

        width: 120px;

    height: 120px;

    margin-bottom: 29px;

		    margin: auto;

    display: block;

		    margin-top: -57px;

    margin-bottom: 40px;

    }

.cir-miss b, .cir-vision b{top:50%;left: 50%;transform:translateY(-50%) translateX(-50%);color: #fff;font-size: 1rem;text-transform: uppercase;}

	.cir-miss, .cir-vision {

    box-shadow: 0px 0px 0px 1px #fff;

}

	.cir-miss-main{margin: auto;}

	.cir-vision-main .d-flex{flex-direction: column-reverse;}

.banner-h1 h1, .banner-description{font-size: 2rem; width: 95%;}

/*	.key-differentiators-main, .foundations-div {

    height: auto;

}*/

	.js-scroll-mob {

		opacity: 1;}

	.sbs-tabs li {

    width:auto;

}

	.foundations-div{height: auto; }



	

	.cir-miss-main .quote {

    padding: 20px 57px 20px 30px;

}

	.cir-vision-main .quote{padding: 20px 20px 30px 57px;}

	.Key-Strength ul li .paracapi-desc{display: none;}

.Key-Strength ul li.active .paracapi-desc{display: block;}

	.h3, h3, .dotted-title {

    font-size: 2rem;

}

}