:root{
    --blue: #60b8c6;
    --dark-blue: #001489;
    --deep-dark-blue: #08254f;
    scrollbar-width: none !important;
}

.iti__flag-container {top: unset !important;}
.iti__selected-flag {height: 30px !important;}

/* reset css */
*,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none;}
img{max-width: 100%;}
ul,li{list-style: none;margin: 0;}
a{text-decoration: none !important;display: inline-block;color: #383838;font-size: 16px;cursor: pointer;}
select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;cursor: pointer;font-size: 16px;}
select:focus,input:focus,textarea:focus,button:focus{border: none;outline: none;}
input::placeholder, textarea::placeholder {opacity: 1;color: #626262;}  
textarea{resize: none;}
p {color: #3a3a3a;font-size: 18px;margin: 15px 0;text-align: justify;line-height: 1.6;}
.textl{text-align: left;}
.textc{text-align: center;}
.textr{text-align: right;}
/* reset css */

/* fonts */
@font-face {
    font-family: 'SF-Pro-Display';
    src: url("../fonts/sf-pro-display/sf-pro-display-regular.OTF") format("opentype");
    font-style: normal; 
    font-display: swap;
}
@font-face {
    font-family: 'SF-Pro-Display-Bold';
    src: url("../fonts/sf-pro-display/sf-pro-display-bold.OTF") format("opentype");
    font-style: bold; 
    font-display: swap;
}
@font-face {
    font-family: 'SF-Pro-Display-Medium';
    src: url("../fonts/sf-pro-display/sf-pro-display-medium.OTF") format("opentype");
    font-style: normal; 
    font-display: swap;
}
h1, h2, h3, h4, h5, h6, p, a, body {font-family: 'SF-Pro-Display';}
h1.index-h1 {font-size: 50px;}
h1 {font-size: 34px;} 
h2 {font-size: 32px;color: var(--deep-dark-blue);font-weight: 100;} 
h3 {font-size: 30px;font-weight: 100;} 
h4 {font-size: 20px;} 
h5 {font-size: 18px;} 
h6 {font-size: 16px;} 

/* fonts */

/* common css */
.wrapper{width: 100%;overflow: hidden;}
.fluid-container{width: 100%;max-width: 1280px;margin: 0 auto;padding: 0 20px;}
/* common css */

.common-heading {display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 10px;}
.common-heading h3 {position: relative;display: inline-block;color: var(--blue);font-size: 36px;  font-weight: 900;}
.common-heading h3::before {content: '';position: absolute;background: url(../images/icons/hand.png) no-repeat center center/contain;width: 100%;max-width: 40px;height: 50px;bottom: 0;right: -40px;filter: invert(16%) sepia(0%) saturate(70%) hue-rotate(213deg) brightness(113%) contrast(84%);}
.common-heading h3::after {content: '';position: absolute;background: url(../images/icons/hand.png) no-repeat center center/contain;width: 100%;max-width: 40px;height: 50px;left: -40px;bottom: 0;transform: scaleX(-1);filter: invert(16%) sepia(0%) saturate(70%) hue-rotate(213deg) brightness(113%) contrast(84%);}

.common-heading h2 {color: var(--deep-dark-blue);position: relative;display: inline-block;font-size: 46px;font-weight: 600;text-align: center;}
.common-heading h2::before {content: '';position: absolute;border-bottom: 2px dashed var(--deep-dark-blue);width: 80%;left: 0;right: 0;bottom: -5px;margin: auto;}

.common-btn {display: flex;justify-content: flex-start;align-items: center;position: relative;}
.common-btn a, .common-btn button {background: var(--blue);color: #fff;padding: 10px 20px;border-bottom: 1px solid #fff;box-shadow: rgba(0, 0, 0, 0.34) 0px 3px 8px;overflow: hidden;position: relative;}
.common-btn a::before, .common-btn button::before {content: '';position: absolute;height: 100%;width: 100%;background: var(--dark-blue);left: 0;bottom: -37px;transition: 1s ease;  z-index: -1;}
.common-btn a:hover::before, .common-btn button:hover::before {bottom: 0;transition: 1s ease; }
.common-btn a:hover, .common-btn button:hover {color: #fff;z-index: 2;}
.footer-form .common-btn a::before, .footer-form .common-btn button::before {background: #60b8c6;}
.footer-form .common-btn a:hover, .footer-form .common-btn button:hover {color: var(--dark-blue);}

/* 0. owl css */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:0}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{color:#d0630e;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;}.owl-theme .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.owl-theme .owl-dots .owl-dot.active span{background:#fff}
.owl-dots{text-align-last: center;margin-top: 32px;}
/* 0. owl css */

/*  Resp menu css  */
.main-nav-links {display: none !important;}
html.hc-nav-yscroll {overflow-y: scroll;}
.desk-resp-ham ul.toggle-desk {position: absolute;cursor: pointer;width: 30px;right: 0;bottom: 0;margin: auto;top: 0;height: 30px;z-index: 1;}
.desk-resp-ham ul.toggle-desk li {transform: translateY(-50%);list-style: none;display: block;position: absolute;left: 0;height: 1px;right: 0;margin: 0 auto;width: 30px;opacity: 1;background: #fff;transition: all .25s ease;}
.desk-resp-ham ul.toggle-desk li:nth-of-type(1) {top: 20%;visibility: hidden;}
.desk-resp-ham ul.toggle-desk li:nth-of-type(2) {top: 50%;visibility: hidden;}
.desk-resp-ham ul.toggle-desk li:nth-of-type(3) {top: 80%;visibility: hidden;}
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(1) {top: 50%;transform: translateY(-50%) rotate(45deg);visibility: visible;}
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(2) {transform: translateY(-50%) rotate(45deg);opacity: 0;visibility: visible;}
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(3) {top: 50%;transform: translateY(-50%) rotate(-45deg);visibility: visible;}

.desk-resp-ham ul.toggle-desk.active li:nth-of-type(4) {display: none;}
.desk-resp-ham ul.toggle-desk li:nth-child(4) {background: transparent;height: 30px;transform: translateY(0px);}
.desk-resp-ham ul.toggle-desk li:nth-child(4) img {filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);}
header.scrolled-header .desk-resp-ham ul.toggle-desk li:nth-child(4) {background: transparent;}
header.scrolled-header .desk-resp-ham ul.toggle-desk li:nth-child(4) img {filter: invert(69%) sepia(51%) saturate(378%) hue-rotate(140deg) brightness(89%) contrast(83%);}

.inner-desk-ham {display: flex;}
.desk-resp-ham .sidebar {position: fixed;top: 0;left: -450px;width: 270px;height: 100vh;box-sizing: border-box;text-align: center;transition: .9s;z-index: 9;overflow: scroll;overflow-x: hidden;background: var(--dark-blue);}
.desk-resp-ham .sidebar::-webkit-scrollbar {display: none;}
.desk-resp-ham .sidebar.active {left: 0;box-shadow: 1px 0 8px rgba(0, 0, 0, 0.637);}
.desk-resp-ham .sidebar.active > span, .desk-resp-ham .sidebar.active > a{width: 100%;background: #fff;display: flex;justify-content: center;align-items: center;padding: 20px 10px;position: relative;}
.desk-resp-ham .sidebar img {width: 90px;}
.desk-resp-ham .sidebar ul.menu {position: relative;text-align: center;width: 100%;display: flex;flex-direction: column;gap: 0;margin: 0;}
.desk-resp-ham .sidebar ul.menu li {list-style: none;width: 100%;cursor: pointer;}
.desk-resp-ham .sidebar ul.menu li span.act-link {color: #303030 !important;background: #ffffffd4;}
.nav-dropdown li a {padding: 10px 0 10px 30px !important;}
.nav-dropdown li a::before {content: '';position: absolute;left: 2px;width: 6px;height: 6px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(-45deg);top: 0;bottom: 0;margin: auto;left: 15px;}
.nav-dropdown li a:hover {background: #fff;color: #03548d !important;}
.nav-dropdown li a:hover::before, .desk-resp-ham .sidebar ul.menu > li a.act-link::before {border-right: 2px solid #303030 !important;border-bottom: 2px solid #303030 !important;}
.desk-resp-ham .sidebar ul.menu > li > span:hover, .desk-resp-ham .sidebar ul.menu > li a:hover, .desk-resp-ham .sidebar ul.menu > li.act-link a {background: var(--blue);color: #fff !important;}
.desk-resp-ham .sidebar ul.menu li span, .desk-resp-ham .sidebar ul.menu li a {display: flex;gap: 5px;align-items: center;border-bottom: 1px dotted #c9c9c9;position: relative;text-transform: capitalize;color: #fff;width: 100%;width: 100%;justify-content: space-between;display: flex;padding: 15px 20px 15px 20px;font-size: 18px;text-align: left;}
.desk-ham-menu li a.act-link ~ .nav-dropdown > li > a.act-link{left: 0;}
.nav-dropdown-1 { background: #718d67; border-top: 3px solid #fff;}
.nav-dropdown li.act-link a,.nav-dropdown li a:hover a,.desk-resp-ham .sidebar ul.menu>li>a.act-link a{color: #fff !important;}
.nav-dropdown li a.act-link,.nav-dropdown li a:hover,.desk-resp-ham .sidebar ul.menu>li>a.act-link a {color: #fff !important;}
.desk-resp-ham .sidebar ul.menu li a i {position: relative;bottom: -2px;font-size: 16px;}
.desk-resp-ham .sidebar ul.social-icon {position: relative;margin-top: 10%;width: 100%;height: 55px;display: flex;justify-content: center;}
.desk-resp-ham .sidebar ul.social-icon li a {text-decoration: none;display: flex;justify-content: center;gap: 0;width: 100%;height: 100%;position: relative;color: #111b30;border-radius: 50%;font-size: 25px;}
.nav-dropdown {display: flex;flex-direction: column;gap: 5px !important;background: #f9bc134f;border-top: 3px solid #303030;border-bottom: 3px solid #303030;}
.nav-dropdown li a {font-size: 15px !important;}
.desk-resp-ham .sidebar ul.social-icon li:hover a {color: #fff;}
.desk-resp-ham .sidebar ul.social-icon a .fa {line-height: 55px;}
.desk-resp-ham .sidebar ul.menu li > span.dropdown-span img {width: 100%;max-width: 15px;filter: invert(94%) sepia(1%) saturate(0%) hue-rotate(89deg) brightness(89%) contrast(86%);}
.desk-resp-ham .sidebar ul.menu li:hover > span.dropdown-span img {filter: invert(8%) sepia(0%) saturate(1827%) hue-rotate(146deg) brightness(102%) contrast(74%);}
/*  Resp menu css  */
  
/* header */
.section-new {width: 100%;background: #000;opacity: 0;pointer-events: none;transition: all .9s ease;}
.section-new.act-section {transition: all 1s ease;opacity: .6;position: fixed;pointer-events: visible;top: 0; z-index: 2;height: 100%;}
header {position: relative;transition: .5s ease;}
.wrapper.home-wrapper header {position: fixed;top: 0;left: 0;right: 0;margin: auto;z-index: 1;transition: .5s ease;}
.header-main-inner > a, .header-main-inner > a img {width: 100%;max-width: 75px;}
.header-main-inner > a {padding: 5px 0;}
.header-contact-details a, .header-contact-details span {color: #fff;}
a.header-contact-details span:nth-child(2) {font-size: 16px;}
.top-header-inner-wrapper {display: flex;justify-content: flex-end;align-items: center;gap: 60px;padding: 10px 0;}
.header-contact-details {display: flex;justify-content: flex-start;align-items: center;gap: 10px;}
.location-map {display: flex;justify-content: flex-start;align-items: center;gap: 10px;}
.location-map a {cursor: auto;}
div.header-contact-details img {width: 22px;}
.header-contact-details span {display: flex;justify-content: center;align-items: center;}
.header-contact-details span img {display: flex;justify-content: center;align-items: center;filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);width: 20px;}
.right-desktop-menu-container {width: 100%;padding: 0 30px 0 0;}
.header-main-inner {display: flex;justify-content: space-between;align-items: center;gap: 20px;position: relative;}
.links-main-wrapper {display: flex;justify-content: flex-end;align-items: center;gap: 50px;}
.links-main-wrapper li:hover a {color: var(--blue);}
.links-main-wrapper li a {color: #fff;padding: 40px 0px;font-size: 20px;transition: 1s ease;}
.links-main-wrapper li a.act-link, .links-main-wrapper li a:hover, .coe-top.act {color: var(--blue) !important;}
.top-header-main-wrapper {background: #60b8c6;}
.header-main-wrapper {padding: 10px 0;  background: linear-gradient(0deg, #fff0 0%, #000000c4 80%);}
.header-main-inner > a img:last-child {display: none;}
.consultation-btn {/* position: absolute; *//* right: 0; *//* bottom: -70px; */padding: 0 30px 0 0;width: 100%;max-width: 280px;}
.consultation-btn a {background: var(--dark-blue);color: #fff;text-transform: uppercase;padding: 10px 20px;border-radius: 5px;font-size: 14px;}
.consultation-btn a:hover {background: #60b8c6;}
/* header */

/* scrolled header */
header.scrolled-header .header-main-wrapper {position: fixed;left: 0;right: 0;top: 0;width: 100%;z-index: 9999;box-shadow: 0px 6px 9px -4px rgba(34,56,101,0.12);transition: all .3s;background: #fff;padding: 0;  border: none;}
header.scrolled-header .desk-resp-ham ul.toggle-desk li {background: #001489;}
header.scrolled-header .links-main-wrapper li a {color: #001489;padding: 30px 20px;}
header.scrolled-header .header-main-inner > a img:last-child {display: block;}
header.scrolled-header .header-main-inner > a img:first-child {display: none;}
header.scrolled-header .header-main-inner > a, header.scrolled-header .header-main-inner > a img {width: 100%;max-width: 60px;}
/* scrolled header */

/* index slider */
.index-page-slider {position: relative;height: 100vh;}

.index-page-slider .owl-carousel .slide::before {content: '';position: absolute;width: 100%;height: 100%;background: linear-gradient(0deg, #00000082 0%, #000 80%);opacity: .6;  z-index: 1;}


.index-page-slider .owl-carousel .slide::after {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;animation: zoomin 10s ease-in infinite;}
.index-page-slider .owl-carousel .slide.slide1::after {background: url(../images/banners/home-banner-1.webp) no-repeat center center/cover;}
.index-page-slider .owl-carousel .slide.slide2::after {background: url(../images/banners/home-banner-2.webp) no-repeat center center/cover;}
.index-page-slider .owl-carousel .slide.slide3::after {background: url(../images/banners/home-banner-3.webp) no-repeat center center/cover;}
.index-page-slider .owl-carousel .slide.slide4::after {background: url(../images/banners/home-banner-4.webp) no-repeat center center/cover;}
.index-page-slider .owl-carousel .slide.slide5::after {background: url(../images/banners/home-banner-5.webp) no-repeat center center/cover;}

@-webkit-keyframes zoomin {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
@keyframes zoomin {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.slide {width: 100%;height: 100vh; position: relative;background-size: cover;background-repeat: no-repeat;background-position: center center;z-index: 0;position: relative;overflow: hidden;}
/* .index-page-slider h2 {color: #fff;padding: 0 10px;z-index: 1;text-align: center;margin: 0 0;width: 80%;text-shadow: 0 0 15px rgba(0, 0, 0, .7);-webkit-text-stroke: 1px #b8b8b8;-webkit-text-fill-color: transparent;font-size: 100px;line-height: .7;opacity: .5;  font-weight: 900;font-family: 'SF Pro Display', sans-serif;} */
.index-page-slider h2 { font-size: 28px; color: #fff;  z-index: 1; text-align: center; margin: 0 0 20px 0; width: 70%; text-shadow: 0 0 15px rgba(0, 0, 0, .7);height: 120px;}
.index-page-slider .slider-txt { width: 80%; height: 100%; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; text-align: center; position: relative; padding: 0 40px 400px; margin: auto;}
.index-page-slider .owl-dots { margin: 0; position: absolute; bottom: 5%; width: 100%; display: flex; justify-content: center; align-items: center;}
.owl-carousel.is .owl-nav, .owl-carousel.is .owl-dots {display: none;}
.slider-txt p, p.alert { background: #fff; position: relative; z-index: 1; padding: 10px 20px; border-radius: 10px; color: #ec2229 !important; font-size: 40px !important; margin: 30px 0; text-align: center !important;  text-transform: uppercase;  z-index: 0;}
/* Counter */
.banner-bottom {position: absolute;bottom: 0;left: 0;right: 0;margin: auto;}
.scoreboard-wrap {display: flex;justify-content: center;align-items: center;gap: 30px;position: relative;padding: 15px 0 220px;}
.scoreboard-wrap::before {content: '';position: absolute;background: #ffffff40;width: 100%;height: 2px;left: 0;right: 0;margin: auto;top: 0;}
.banner-bottom .our-score-board {width: 100%;max-width: fit-content;margin: auto;}

.run-letter-div {display: flex;justify-content: center;align-items: center;gap: 10px;}
.run-letter-div > span {color: #fff;  font-size: 24px;}
.run-letter-div .plus {color: var(--blue);font-size: 28px;font-weight: 600;}

.scoreboard-wrap .run-letter-div:first-child .plus {width: 80px;}
.scoreboard-wrap .run-letter-div:nth-child(3) .plus {width: 50px;}
.scoreboard-wrap .run-letter-div:last-child .plus {width: 60px;}
/* Counter */

/* Banner logos */
/* .media-logos.owl-carousel {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 1000px;margin: auto;padding: 10px;background: #00000054;} */
/* .media-logos.owl-carousel span {display: flex;justify-content: center;align-items: center;position: relative;width: 100%;right: -3px;} */
/* .media-logos.owl-carousel span::before {content: '';position: absolute;background: #3b3b3b;width: 2px;height: 100%;top: 0;bottom: 0;right: 0;margin: auto;} */
/* .media-logos.owl-carousel span:last-child::before {display: none;} */
/* .media-logos.owl-carousel span img {width: 100%;max-width: 185px;height: 125px;object-fit: contain;} */
/* .media-logos.owl-carousel .owl-nav {display: none;} */


/* Banner logos */
.media-logos-main {background: linear-gradient(180deg, #fff0 0%, #000000d4 80%);}
.media-logos {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 1600px;margin: auto;padding: 10px 10px 40px;gap: 30px;}
.award-logos {position: relative;width: 100%;max-width: 300px;}
.media-logos span {display: flex;justify-content: center;align-items: center;position: relative;width: 100%;max-width: 300px;}
.media-logos span::before {content: '';position: absolute;background: #3b3b3b;width: 2px;height: 100%;top: 0;bottom: 0;right: 0;margin: auto;}
.media-logos span:last-child::before {display: none;}
.media-logos span img {width: 100%;max-width: 300px;object-fit: contain;}
.media-logos.owl-carousel .owl-item {display: flex !important;justify-content: center;}
/* Banner logos */


/* Banner video */
.banner-video { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100%; max-width: 900px;}
.banner-video a { position: absolute; right: 0; width: 60px;}
.banner-video p { background: none !important; font-size: 18px !important; width: 130px !important; left: -50px; height: 50px !important; top: -100px;}
.banner-video .testimonial-tab-left span:nth-child(2) img { filter: invert(65%) sepia(50%) saturate(341%) hue-rotate(140deg) brightness(91%) contrast(96%);}
/* Banner video */

/* index slider */

.why-buildahome-cards-main:nth-child(3) { background: url(../images/projects/3.webp) no-repeat center center/cover; height: 365px; /* Adjust height so only two cards are visible */ overflow: hidden; position: relative; display: flex; flex-direction: column; align-items: center;}
.why-buildahome-cards-main.vertical-scroll { background: url(../images/projects/3.webp) no-repeat center center/cover; height: 200px; /* Adjust height so only two cards are visible */ overflow: hidden; display: flex; flex-direction: column; align-items: center;}


.cards-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow-y: auto; scroll-behavior: smooth;scrollbar-width: thin; scrollbar-color: #60b8c6 #f1f1f130;
}

/* .cards-wrapper { display: flex; flex-direction: column; position: relative;  overflow-y: scroll;overflow-y: scroll; scrollbar-width: thin; scrollbar-color: #60b8c6 #f1f1f130;} */

.cards-wrapper::-webkit-scrollbar { width: 5px; /* Width of the vertical scrollbar */}
.cards-wrapper::-webkit-scrollbar-track { background: #60b8c6; /* Track color */ border-radius: 10px;}
.cards-wrapper::-webkit-scrollbar-thumb { background: #60b8c6; /* Thumb color */ border-radius: 10px;}
.cards-wrapper::-webkit-scrollbar-thumb:hover { background: #60b8c6; /* Thumb color on hover */}

.why-buildahome-cards-main.vertical-scroll .why-buildahome-card { width: 100%; padding: 10px; display: flex; align-items: center; gap: 10px; transition: transform 0.5s ease;}
.scroll-btn.prev, .scroll-btn.next { color: #fff; position: relative; z-index: 1;}
.scroll-btn.prev img, .scroll-btn.next img { width: 100%; max-width: 30px;  filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);}
.scroll-btn.prev img { transform: rotate(-90deg);}
.scroll-btn.next img { transform: rotate(90deg);}
.scroll-buttons { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 15px;}

/* Why buildAhome */
.why-build-a-home-inner-wrapper {padding: 100px 0 60px;}
.why-build-a-home-inner-wrapper h1 {text-align: center;color: var(--deep-dark-blue);position: relative;}
.why-build-a-home-inner-wrapper h1::before {content: '';position: absolute;border-bottom: 2px dashed var(--deep-dark-blue);width: 80%;left: 0;right: 0;bottom: -5px;margin: auto;}
.why-build-a-home-inner-wrapper h1 span {position: relative;color: var(--blue);}
.why-build-a-home-inner-wrapper h1 span::before {content: '';position: absolute;background: url(../images/icons/hand.png) no-repeat center center/contain;width: 100%;max-width: 50px;height: 50px;bottom: 10px;right: -50px;filter: invert(10%) sepia(92%) saturate(1299%) hue-rotate(198deg) brightness(101%) contrast(101%);}
.why-build-a-home-inner-wrapper h1 span::after {content: '';position: absolute;background: url(../images/icons/hand.png) no-repeat center center/contain;width: 100%;max-width: 50px;height: 50px;left: -50px;bottom: 10px;transform: scaleX(-1);filter: invert(10%) sepia(92%) saturate(1299%) hue-rotate(198deg) brightness(101%) contrast(101%);}
.why-buildahome-cards-wrapper {display: flex;justify-content: space-between;align-items: stretch;gap: 20px;padding: 50px 0 0;}
.why-buildahome-cards-main {width: 100%;max-width: 400px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 40px;position: relative;}
.why-buildahome-card > span {display: flex;justify-content: center;align-items: center;}
.why-buildahome-cards-main:nth-child(2) .why-buildahome-card > span, .why-buildahome-cards-main:nth-child(3) .why-buildahome-card > span, .img-circle {width: 100%;max-width: 55px; height: 55px;border: 1px solid var(--blue);border-radius: 50%;display: flex;justify-content: center;align-items: center;color: #fff;}
.why-buildahome-cards-main:nth-child(1) .why-buildahome-card > span {line-height: 1.6;}
/* .why-buildahome-cards-main:nth-child(3) .why-buildahome-card p {width: 100%;max-width: 270px;} */
.why-buildahome-card {display: flex;justify-content: flex-start;align-items: center;gap: 20px;margin: 10px 0;position: relative;}
.why-buildahome-card > span img {width: 100%;max-width: 32px;  filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);}
/* .img-circle {width: 100%;max-width: 70px;height: 70px;} */
.why-buildahome-cards-main::before {content: '';position: absolute;background: #08254fed;width: 90%;height: 90%;top: 0;right: 0;left: 0;bottom: 0;margin: auto;border-radius: 5px;}

/* .why-buildahome-cards-main:nth-child(1)::before {background: url(../images/why-us-1.png) no-repeat center center/cover;}
.why-buildahome-cards-main:nth-child(2)::before {background: url(../images/why-us-2.png) no-repeat center center/cover;}
.why-buildahome-cards-main:nth-child(3)::before {background: url(../images/why-us-3.png) no-repeat center center/cover;}
.why-buildahome-cards-main:nth-child(3) .why-buildahome-card:nth-child(2) {margin: 0;} */

.why-buildahome-cards-main h2 {text-transform: uppercase;font-weight: 100;color: #fff;position: relative;}
.why-buildahome-card p, .why-buildahome-card span, .why-buildahome-card a {color: #fff;font-size: 18px;}
.why-buildahome-card a {line-height: 1.6;margin: 15px 0;}
/* Why buildAhome */

.about-us-main-inner-wrapper {padding: 60px 0 0;}
.about-us-main-wrapper {padding: 60px 0 0;}
.about-slide-main {height: 700px;position: relative;}
.about-slide-main.vr .slide-content-main {align-items: flex-end;}
.about-slide-main::before {content: '';position: absolute;background: linear-gradient(to right, #e3f2f500 30%, #8bccd7 50%, #86d1dd 80%, #60b8c6 100%);width: 100%;height: 100%;left: 0;top: 0;}
.about-slide-main.exp::before {background: linear-gradient(to right, #9e9fa012 30%, #8bccd7 50%, #86d1dd 80%, #60b8c6 100%);}
/* .about-slide-main::before {content: '';position: absolute;background: linear-gradient(to right, #0000 30%, #f9f9f9 60%);width: 100%;height: 100%;left: 0;top: 0;} */
.slide-content-main {width: 100%;max-width: 1600px;margin: auto;position: relative;height: 100%;padding: 0 20px;display: flex;justify-content: space-evenly;align-items: center;gap: 30px;}
.slide-content {height: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.slide-content-img, .slide-content-img img {width: 100%;max-width: 700px;}
.slide-content p {color: #303030;width: 100%;max-width: 800px;font-size: 20px;}
.slide-content p:last-child {margin: 0 0 15px;}
.about-slides.owl-carousel .owl-nav {display: flex;justify-content: space-between;align-items: center;position: absolute;bottom: 40%;left: 0;right: 0;margin: auto;}
.about-slides.owl-carousel .owl-nav button.owl-prev > span, .about-slides.owl-carousel .owl-nav button.owl-next > span {color: var(--blue);font-size: 50px;top: -3px;position: relative;}
.about-slides.owl-carousel .owl-nav button.owl-prev, .about-slides.owl-carousel .owl-nav button.owl-next {position: relative;left: 70px;width: 60px;height: 60px;background: #fff;border-radius: 50%;display: none;justify-content: center;align-items: center;}
.about-slides.owl-carousel:hover .owl-nav button.owl-prev, .about-slides.owl-carousel:hover .owl-nav button.owl-next {display: flex !important;}
.about-slides.owl-carousel .owl-nav button.owl-next {justify-content: flex-end;right: 70px;left: auto;}
.about-slides.owl-carousel .owl-nav button.owl-next > span {position: relative;right: 19px;}
.about-slides.owl-carousel .owl-stage {display: flex !important;justify-content: center;align-items: stretch;}

.about-slide-main .slide-content > p {margin: 0 0 15px;}
.no-of-year-exp {display: flex;justify-content: flex-start;align-items: center;gap: 30px;position: relative;}
.no-of-year-exp span {display: flex;justify-content: center;align-items: center;font-size: 46px;font-weight: 600;  font-family: 'SF-Pro-Display-Bold';}
/* .no-of-year-exp span:first-child {color: #fff;width: 120px;} */
/* .no-of-year-exp span:last-child {color: #fff;width: 350px;} */
.trns-text {color: var(--deep-dark-blue);padding: 0 0 20px;}

/* Working Steps */
.how-it-works-main-wrapper {padding: 100px 0;}
.working-steps-main {display: flex;justify-content: center;align-items: center;gap: 20px;padding: 60px 0 0px;position: relative;}
.working-steps-main::before {content: '';position: absolute;background: #cccccc5e;width: 100%;height: 2px;bottom: 0;left: 0;right: 0;margin: auto;}
.working-step span {display: flex;justify-content: center;align-items: center;}
.working-step span:nth-child(2) {width: 80px;height: 80px;background: #f7f7f7;border-radius: 50%;margin: auto;box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 3px;}
.working-step span:nth-child(2) img {width: 100%;max-width: 45px; filter: invert(69%) sepia(51%) saturate(378%) hue-rotate(140deg) brightness(89%) contrast(83%);}

.working-step {position: relative;width: 100%;max-width: 200px;cursor: pointer;border-bottom: 3px solid #00000000;}
.working-step p {text-align: center;}
.working-step span:nth-child(1) {-webkit-text-stroke: 1px #091246;-webkit-text-fill-color: transparent;font-size: 40px;position: absolute;top: -10px;left: 25px;z-index: -1;}

.working-step:hover span:nth-child(2), .working-step.active span:nth-child(2) {background: var(--dark-blue) !important;}
.working-step:hover span:nth-child(2) img, .working-step.active span:nth-child(2) img {filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);}

.working-steps-content {padding: 30px 10px 0;/* background: #f7f7f7; */}
.working-steps-content .tab-content{display:none;color:#888;font-weight:300;font-size:15px;opacity:0;transform:translateY(15px);animation:fadeIn .5s ease 1 forwards}
.working-steps-content .tab-content.active{display:block}@keyframes fadeIn{100%{opacity:1;transform:none}}
.working-steps-content .working-step {display: none;}

.step-content-main {display: flex;justify-content: center;align-items: center;gap: 50px;}
.working-step.active, .working-step:hover {border-bottom: 3px solid var(--dark-blue);}

.step-content-left {width: 100%;max-width: 500px;}
.step-content-right {width: 100%;max-width: 500px;}
.step-content-right ul.common-ul {padding: 0 0 20px;}
.step-content-right h3 {color: var(--blue);padding: 10px 0 0;font-size: 26px;}
/* Working Steps */

/* Testimonials */
.testimonials-wrapper {padding: 60px 0;position: relative;}
.testimonials-wrapper::before {content: '';position: absolute;background: #f7f7f7;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;}
.testimonials-inner-wrapper {position: relative;}

.testimonials-tabs {width: 100%;max-width: 300px;}
.testimonial-name {display: flex;justify-content: space-between;align-items: center;gap: 10px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;margin: 14px 0;padding: 20px;position: relative;background: #fff;width: 100%;max-width: 300px;cursor: pointer;}
.testimonial-name::before {content: '';position: absolute;height: 105%;width: 8%;left: -2px;right: 0px;top: -2px;z-index: -1;background: linear-gradient(to bottom, var(--dark-blue) 30%, #faf7ef 10% 70%, #00148900 30%);}
.testimonial-name::after {content: '';position: absolute;height: 105%;width: 8%;left: auto;right: -2px;top: -1px;z-index: -1;background: linear-gradient(to top, var(--dark-blue) 30%, #faf7ef 10% 70%, #00148900 30%);}
.testimonial-name:first-child::after {top: -2px;}
.testimonial-name span {display: flex;justify-content: space-between;align-items: center;}
.testimonial-name span img {width: 100%;max-width: 15px;filter: invert(12%) sepia(58%) saturate(4824%) hue-rotate(228deg) brightness(83%) contrast(124%);}

.testimonials-content {width: 100%;max-width: 920px;}
.testimonials-tabs .testimonial-name:first-child, .testimonials-tabs .testimonial-name:last-child {margin: 0;}
.testimonials-main {display: flex;justify-content: space-between;align-items: stretch;gap: 20px;padding: 60px 0 0;}
.testimonial-name p {margin: 0;position: relative;}
.testi-home-detail-card {display: flex;justify-content: flex-start;align-items: center;gap: 10px;width: 100%;max-width: 200px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 5px;padding: 10px;}
.testi-home-detail-card span {display: flex;justify-content: center;align-items: center;}
.home-in-detail span {display: flex;justify-content: flex-start;align-items: center;color: var(--deep-dark-blue);font-size: 16px;}
.testi-home-detail-card span img {width: 100%;max-width: 40px;  filter: invert(69%) sepia(51%) saturate(378%) hue-rotate(140deg) brightness(89%) contrast(83%);}

.testimonial-tab-left {width: 100%;max-width: 400px;position: relative;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;padding: 20px;height: 400px;}
/* .testimonial-tab-left::before {content: '';position: absolute;background: #000;width: 100%;height: 100%;top: 0;left: 0;opacity: .4;} */
.testimonial-tab-left p {position: relative;color: #fff;text-align: center;margin: 0 auto;background: #00000091;padding: 10px;  z-index: 0;}
.testimonial-tab-right {width: 100%;max-width: 500px;}
.testimonial-tab-right > p {margin: 0 0 15px;}
.testimonial-tab-left span:nth-child(1) {display: flex;justify-content: flex-start;align-items: center;position: relative;}
.testimonial-tab-left span:nth-child(1) img {width: 100%;max-width: 120px;height: 120px;border-radius: 50%;object-fit: cover;object-position: top;}
.testimonial-tab-left span:nth-child(2) {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 50px;height: 50px;border-radius: 50%;background: #fff;position: relative;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.testimonial-tab-left span:nth-child(2) img {width: 100%;max-width: 40px;filter: invert(12%) sepia(74%) saturate(7452%) hue-rotate(9deg) brightness(105%) contrast(116%);}
.testimonial-tab-content {display: flex;justify-content: center;align-items: stretch;gap: 30px;width: 100%;max-width: 920px !important;padding: 0 10px;}
.testimonial-tab-content.active{display: flex;justify-content: center;align-items: stretch;gap: 30px;}
.testimonial-name.active, .testimonial-name:hover {background: var(--dark-blue);}
.testimonial-name.active p, .testimonial-name:hover p {color: #fff;}
.testimonial-name.active span, .testimonial-name:hover span {filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);}
.testimonial-name.active::before, .testimonial-name:hover::before {background: linear-gradient(to bottom, #ff0900 30%, #faf7ef 10% 70%, #00148900 30%);}
.testimonial-name.active::after, .testimonial-name:hover::after {background: linear-gradient(to top, #ff0900 30%, #faf7ef 10% 70%, #00148900 30%);}
.home-in-detail p {margin: 0;font-size: 18px;color: #303030;text-align: left;}
.testi-home-details {display: flex;justify-content: flex-start;align-items: center;gap: 20px;flex-wrap: wrap;padding: 10px 0 20px;}
.testimonial-tab-left span:nth-child(2)::before {position: absolute;content: "";top: 0;bottom: 0;left: 0;right: 0;border-radius: 50%;box-shadow: 0 0 #ffffffa3, 0 0 32px #ffffff82;animation: ripples 2s linear infinite;animation-play-state: running;transition: 0.5s;opacity: 1;visibility: visible;transform: scale(1);width: 100%;max-width: 15px;height: 15px;margin: auto;z-index: 0;}
@keyframes ripples {to {box-shadow: 0 0 0 32px #ffffff25, 0 0 0 64px #ffffff25;}} 


/* Testimonials */
    
/* Projects */
.projects-wrapper {padding: 100px 0;}
.projects-wrapper > .common-btn {width: 100%;max-width: 1280px;margin: auto;justify-content: center;padding: 40px 0 0;}
.completed-works {padding: 60px 0 0;}
.completed-works.owl-carousel .owl-nav {display: flex;justify-content: space-between;align-items: center;position: absolute;bottom: 30%;left: 0;right: 0;margin: auto;}
.completed-works.owl-carousel .owl-nav button.owl-prev span, .completed-works.owl-carousel .owl-nav button.owl-next span {display: flex;justify-content: flex-start;align-items: center;position: relative;left: 70px;color: var(--blue);font-size: 90px;}
.completed-works.owl-carousel .owl-nav button.owl-next span {justify-content: flex-end;right: 70px;left: auto;}
.completed-project {position: relative;}
.completed-project::before {content: '';position: absolute;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.31) 100%);top: 0;left: 0;width: 100%;height: 100%;}
.completed-project img {height: 400px;object-fit: cover;}

.slider-main.index-slider {position: relative;}
.swiper.mySwiper {position: relative;height: 450px;}
/* .swiper.mySwiper .swiper-wrapper .swiper-slide {background: no-repeat center center/cover;height: calc(100vh - 77px); position: relative;z-index: 0;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;} */

.swiper-wrapper {transform: translate3d(0px, -70px, 0px);}
.swiper.mySwiper.pacakges-slider {position: relative;}

.our-packages-wrapper {position: relative;}
.our-packages-wrapper::before {content: '';position: absolute;background: linear-gradient(90deg, rgba(167, 166, 167, 0.81) 0%, rgba(0, 0, 0, 0.83) 100%);width: 100%;height: 100%;left: 0;top: 0;}
.our-packages-inner-wrapper {position: relative;}
.our-packages-inner-wrapper .common-heading h2, .our-packages-inner-wrapper .common-heading h3 {color: #fff;}
.our-packages-inner-wrapper .common-heading h2::before {border-bottom: 2px dashed #fff;}
.our-packages-inner-wrapper .common-heading h3::before, .our-packages-inner-wrapper .common-heading h3::after {filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);}
.our-packages-inner-wrapper {position: relative;display: flex;justify-content: space-between;align-items: center;gap: 30px;padding: 60px 0;}
.our-packages-left span {display: flex;justify-content: center;align-items: center;}
.our-packages-left {width: 100%;max-width: 500px;}
.our-packages-right {width: 100%;max-width: 600px;position: relative;z-index: 0;border-left: 3px solid #60b8c661;padding: 0 0 0 40px;position: relative;}
.our-packages-right::before {content: '';position: absolute;background: #60b8c696;width: 5px;height: 40%;left: -4px;top: 0;bottom: 0;margin: auto;}
.banner-text {display: flex;justify-content: flex-start;align-items: center;gap: 35px;}
/* .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {transform: translate3d(0px,0,0) !important;} */
.banner-text > span {display: flex;justify-content: center;align-items: center;background: #fff0;max-width: 160px;height: 140px;width: 100%;border-radius: 5px;}
.banner-text > span img {width: 100%;max-width: 140px;}
.price-details p {color: #fff;font-size: 26px;}
.price-details span {display: flex;justify-content: flex-start;align-items: center;color: var(--blue);  font-size: 20px;}
.swiper-slide .banner-text {opacity: .5;}
.swiper-slide.swiper-slide-active .banner-text > span, .swiper-slide.swiper-slide-active .banner-text > span {background: #fff;}
.swiper-slide.swiper-slide-active .banner-text {opacity: 1;}
.swiper-slide .banner-text .common-btn, .swiper-slide .banner-text .common-btn {display: none;}
.swiper-slide.swiper-slide-active .banner-text .common-btn, .swiper-slide.swiper-slide-active .banner-text .common-btn {display: block;}

.swiper-buttons { position: absolute; right: 0; top: 0; bottom: 87px; margin: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 50px; height: 200px;}
.swiper-buttons .swiper-button-prev { transform: rotate(90deg); position: relative; top: 0; left: 0;  color: #60b8c6;opacity: .8;}
.swiper-buttons .swiper-button-next { transform: rotate(90deg); position: relative; bottom: 0; left: 0;  color: #60b8c6;opacity: .8;}
.swiper-buttons .swiper-button-next:hover, .swiper-buttons .swiper-button-prev:hover {opacity: 1;}
/* Projects */

/* Index CTA */
.index-cta-wrapper {position: relative;}
.index-cta-wrapper::before {content: '';position: absolute;background: linear-gradient(90deg, rgba(65, 141, 167, 0.88) 0%, rgba(68, 145, 135, 0.93) 50%, rgba(69, 149, 93, 0.9) 100%);width: 100%;height: 100%;left: 0;top: 0;}
.index-cta-inner-wrapper {position: relative;display: flex;justify-content: center;align-items: center;gap: 20px;padding: 60px 0;}
.index-cta-right-card span {display: flex;justify-content: center;align-items: center;}
.index-cta-right-card span img {width: 100%;max-width: 50px;}
.index-cta-right-card p {color: #fff;text-align: center;}
.index-cta-left .common-btn a {background: #fff;color: var(--blue);  border-bottom: 1px solid var(--blue);}
.index-cta-left h2 {color: #fff;padding: 0 0 20px;font-size: 38px;font-weight: 400;}
.index-cta-right {width: 100%;max-width: 900px;display: flex;justify-content: center;align-items: stretch;}
.index-cta-right-card {position: relative;padding: 0 20px;width: 100%;max-width: 280px;}
.index-cta-right-card::before {content: '';position: absolute;background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.27) 30%, rgba(255, 255, 255, 0.37) 52%, rgba(255, 255, 255, 0.3) 79%, rgba(255, 255, 255, 0) 100%);width: 2px;height: 80%;top: 0;bottom: 0;left: 0px;margin: auto;}
.index-cta-right-card:first-child::before {display: none;}

.cta-content-l p {margin: 0; max-width: 800px !important;}
.cta-content-l p:first-child {font-size: 40px;color: #82eafb;}
.lp-wrapper .cta-content-l p:first-child {font-size: 30px;color: #fff;}
.career-cta-inner.i-cta .common-btn a {padding: 20px 40px;font-size: 22px;}
/* Index CTA */

/* Index Contact Form */
.contact-form-steps-wrapper {padding: 100px 0;}
.contact-form-steps-wrapper .fluid-container {position: relative;}
.contact-form-steps-wrapper .fluid-container::before {content: '';position: absolute;background: url(../images/index-form-bg.webp) no-repeat center center/contain;width: 825px;height: 620px;bottom: 0;left: -315px;opacity: .2;}
.contact-step-card:nth-child(2) {background: #07254F;}
.contact-step-card:nth-child(3) {background: #00183D;}
.contact-form-steps-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 40px;margin: auto;width: 100%;max-width: 1100px;background: #f7f7f7;padding: 30px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;position: relative;}
.contact-form-steps {width: 100%;max-width: 400px;}
.contact-step-card {background: var(--dark-blue);display: flex;justify-content: flex-start;align-items: center;gap: 30px;padding: 27px 10px;  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;	}
.contact-step-card span, .contact-step-card p {color: #fff;margin: 0;text-align: left;}
.contact-step-card:nth-child(2) {margin: 20px 0;}
.contact-step-card-left {width: 100%;max-width: 100px;border-right: 1px solid #fff;}
.contact-step-card-left p {text-align: center;}
.contact-step-card-left span {font-size: 22px;display: flex;justify-content: center;align-items: center;}
/* form */
.index-contact-form {width: 100%;max-width: 700px;}
.index-contact-form select, .index-contact-form input, .index-contact-form textarea, .index-contact-form button {color: #fff;}
.footer-form {position: relative;  padding: 30px; /* background: url(../images/index-form-bg-2.png) no-repeat center center/contain; */}
.footer-form::before {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: var(--dark-blue); /*opacity: .5;*/}
.input-wrapper {border-bottom: 1px solid #ffffff;margin: 0 0 20px;display: flex;justify-content: flex-start;align-items: center;position: relative;gap: 10px;}
.input-wrapper label {color: #ffffff;width: 100%;max-width: fit-content;}
/* .input-wrapper:nth-child(5) label {max-width: 250px;} */
.input-wrapper input, .input-wrapper .iti__selected-dial-code {color: #ffffff !important;}
.modal .input-wrapper .iti__selected-dial-code, .contact-form-inner .input-wrapper .iti__selected-dial-code {color: #303030 !important;}
.phone-input::placeholder{color: #a4a4a4 !important;}
.footer-form .common-btn {width: 100%;max-width: 200px;}
/* form */
/* Index Contact Form */

/* Thank you */
.thank-you-wrapper {background: #fff;padding: 100px 0;position: relative;}
.thank-you-inner-wrapper::before {content: '';position: absolute;background: url(../images/index-form-bg.webp) no-repeat center center/contain;width: 825px;height: 420px;bottom: -50px;left: -315px;opacity: .2;}
.thank-you-inner-wrapper {position: relative;}
.thank-you-inner-wrapper > span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 130px;height: 130px;border-radius: 50%;border: 5px solid #419b55;margin: auto;}
.thank-you-inner-wrapper > span img {width: 100%;max-width: 80px;filter: invert(55%) sepia(9%) saturate(2708%) hue-rotate(81deg) brightness(93%) contrast(86%);}
.thank-you-wrapper h1 {text-align: center;color: var(--deep-dark-blue);padding: 40px 0 0;}
.thank-you-wrapper .social-links {padding: 40px 0 0;}
/* Thank you */

/* Our Brands */
.our-brands-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 40px;width: 100%;max-width: 1100px;margin: auto;  padding: 0 0 100px;  flex-direction: column;}
/* .our-brands-left .common-heading {align-items: flex-start;} */
/* .our-brands-left .common-heading h2 {text-align: left;} */
/* .our-brands-left .common-heading h2::before {margin: 0 !important;} */
/* .our-brands-left .common-heading h3 {left: 30px;} */
.our-brands-left .common-btn {padding: 40px 0 0 0;}
.our-brands-left {width: 100%;max-width: fit-content;}
/* .our-brands-left h2,  .our-brands-left h3 {text-align: center;} */
.our-brands-right {width: 100%;display: flex;justify-content: center;align-items: center;gap: 20px;flex-wrap: wrap;}
.our-brands-right span {display: flex;justify-content: center;align-items: center;background: #f7f7f7;width: 100%;max-width: 230px;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;  margin: 10px;}
.our-brands-right span img {width: 100%;max-width: 200px;}
/* Our Brands */

/* Faqs  */
.faq-inner-wrapper {display: flex;justify-content: space-between;align-items: center;gap: 40px;}
.faq-right {width: 100%;max-width: 600px;}
.frequently-asked-questions {width: 100%;max-width: 600px;}
.faq-wrapper {background: #f7f7f7;padding: 60px 0 100px;}
.acc {margin: 0 auto;padding: 40px 0 0;}
.acc__card {margin: 5px auto;position: relative;}
.acc__title {line-height: 1.4;font-size: 16px;cursor: pointer;display: block;padding: 5px 0px;position: relative;text-align: left;}
.acc__card::after {content: '';position: absolute;background: var(--blue);width: 100%;height: 2px;left: 0;right: 0;bottom: 0;margin: auto;}
.acc__title h2 {font-size: 22px;color: var(--deep-dark-blue);padding: 10px 20px 10px 0px;position: relative;}
.acc__title h2::before {content: " ";position: absolute;border-radius: 50%;width: 20px;height: 20px;right: -4px;top: 0px;margin: auto;bottom: 0;box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;background: #ffffff38;}
.acc__title::after {width: 10px;height: 10px;border-top: 2px solid var(--blue);position: absolute;right: 1px;content: " ";top: 8px;margin: auto;bottom: 0;}
.acc__title::before {width: 10px;height: 10px;border-right: 2px solid var(--blue);position: absolute;right: 5px;content: " ";top: 0;margin: auto;bottom: 0;z-index: 0;}
.acc__title.active{border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; padding-bottom: 0px;}
.acc__title.active:before{display: none;}
.acc__title.active::after {top: 14px;}
.acc__panel {background: #fff0;color: #212121;display: none;margin: 0;padding: 0 0 20px;text-align: left;}
.acc__panel p a {font-size: 18px;color: #001489;animation: blinker 2.5s linear infinite;}
.blink-soft {animation: blinker 1.5s linear infinite;}
@keyframes blinker {
  50% {
    opacity: 0.5;
  }
}
.acc__panel p a:hover {color: #ce1919;}
.acc__panel p{font-size: 18px;line-height: 1.6; text-shadow: initial;color: #303030;margin: 0;text-align: left;}
.acc__title.active h2 {color: var(--dark-blue);}

.ip-faq-inner-wrapper .packages-li li, .package-detail .acc__panel ul li {font-size: 18px;}
.ip-faq-inner-wrapper .acc {padding: 60px 0;}
/* Faqs  */

/* footer */
.footer-main {position: relative;}
.footer-main::before {content: '';position: absolute;background: #244188;width: 100%;height: 100%;opacity: .8;}
.footer-main-inner-wrapper {position: relative;}

.footer-top {display: flex;justify-content: center;align-items: center;gap: 20px;padding: 50px 0 30px 0;border-bottom: 2px solid #ffffff45;}

.footer-top-left {display: flex;justify-content: center;align-items: center;gap: 40px 20px;width: 100%;max-width: 800px;flex-wrap: wrap;}
.location-details {display: flex;justify-content: flex-start;align-items: center;gap: 20px;width: 100%;max-width: 380px;}

.location-details:hover h3, .location-details:hover p {color: var(--blue);}
.location-details:hover span {background: var(--blue);}
.location-details:hover span img {filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);}

.location-details span {display: flex;justify-content: center;align-items: center;background: #fff;width: 50px;height: 50px;border-radius: 5px;}
.location-details span img {width: 100%;max-width: 35px; filter: invert(12%) sepia(79%) saturate(4086%) hue-rotate(230deg) brightness(76%) contrast(121%);}
.location-name h3 {color: #fff;text-transform: uppercase;font-weight: 600;font-size: 16px;}
.location-name p {color: #fff;text-transform: uppercase;margin: 0;font-size: 14px;}

.footer-top-right {width: 100%;max-width: 400px;}
.footer-top-right h2 {color: #fff !important;text-align: center;}
.social-links-main {background: #fff;padding: 10px;border-radius: 10px;margin: 10px 0 0;}
.playstore-appstore {display: flex;justify-content: center;align-items: center;gap: 20px;}
.playstore-appstore a {display: flex;justify-content: center;align-items: center;background: #000;border-radius: 5px;}
.playstore-appstore a img {width: 100%;max-width: 200px;height: 60px;object-fit: contain;border-radius: 5px;}
.social-links {display: flex;justify-content: center;align-items: center;gap: 20px;padding: 10px 0 0;}
.social-links a {display: flex;justify-content: center;align-items: center;}
.social-links a img {width: 100%;max-width: 30px;filter: invert(69%) sepia(51%) saturate(378%) hue-rotate(140deg) brightness(89%) contrast(83%);}
.social-links a:hover img {filter: invert(12%) sepia(79%) saturate(4086%) hue-rotate(230deg) brightness(76%) contrast(121%);}

.footer-bottom {display: flex;justify-content: center;align-items: center;  padding: 30px 0 50px 0;}
.footer-section {width: 100%;max-width: 400px;}
.footer-section p {color: #fff;text-align: center;font-size: 16px;}
.footer-links li {text-align: center;margin: 15px 0;}
.footer-links li a {color: #fff;font-size: 16px;}
.footer-links li a:hover, .footer-links li a.act-link {color: #60b8c6;}
.footer-section > a {display: flex;justify-content: center;align-items: center;}
.footer-section > a img { width: 100%;max-width: 100px;}
.footer-section:nth-child(2) {max-width: 600px;position: relative;}
.footer-section:nth-child(2)::before {content: '';position: absolute;background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.27) 30%, rgba(255, 255, 255, 0.37) 52%, rgba(255, 255, 255, 0.3) 79%, rgba(255, 255, 255, 0) 100%);width: 2px;height: 80%;top: 0;bottom: 0;left: -25px;margin: auto;}
.footer-section:nth-child(2)::after {content: '';position: absolute;background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.27) 30%, rgba(255, 255, 255, 0.37) 52%, rgba(255, 255, 255, 0.3) 79%, rgba(255, 255, 255, 0) 100%);width: 2px;height: 80%;top: 0;bottom: 0;right: -25px;margin: auto;}
/* .footer-section:nth-child(1) {max-width: 300px;} */

/* Copyrights */
.footer-bottom-wrapper {display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 10px 0;}
.footer-bottom-wrapper a, .footer-bottom-wrapper p {font-size: 13px;margin: 0;}
.copyrights-ul li a:hover, .copyrights-ul li a.act-link {color: var(--dark-blue);}
.copyrights-ul {display: flex;justify-content: center;align-items: center;}
.copyrights-ul li {border-left: 1px solid #0000009a;padding: 0 10px;}
.copyrights-ul li:first-child {border-left: none;}
/* Copyrights */
/* footer */

/* Inner Pages */

/* header */
.header-main-wrapper.inner-header {background: #fff;padding: 0;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.header-main-wrapper.inner-header .header-main-inner > a img:last-child {display: block;}
.header-main-wrapper.inner-header .header-main-inner > a img:last-child {display: block;}
.header-main-wrapper.inner-header .links-main-wrapper li a {color: var(--deep-dark-blue);}
.header-main-wrapper.inner-header .desk-resp-ham ul.toggle-desk li {background: #08254f;}
.header-main-wrapper.inner-header .desk-resp-ham ul.toggle-desk li:nth-child(4) {background: transparent;}
.header-main-wrapper.inner-header .desk-resp-ham ul.toggle-desk li:nth-child(4) img {  filter: invert(69%) sepia(51%) saturate(378%) hue-rotate(140deg) brightness(89%) contrast(83%);}
/* header */

/* Common ul */
.vision-featuring .common-ul li {color: #fff;}
/* Common ul */

/* Inner Banner */
.inner-page-banner-wrapper {position: relative;z-index: 0;overflow: hidden;background: #08254f;}
/* .inner-page-banner-wrapper::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .1;z-index: 0;} */
.inner-page-banner-wrapper .fluid-container {height: 100%;}
.inner-page-banner-wrapper::after {content: '';position: absolute;background: url(../images/inner-banner-bg.webp) no-repeat right center/contain;width: 75%;height: 190px;right: 0;z-index: 3;top: 0;bottom: 0;margin: auto;}
.ip-banner-inner-wrapper::before {position: absolute;content: '';top: 70px;width: 100%;max-width: 65%;border-left: 620px solid transparent;border-right: 620px solid transparent;border-bottom: 400px solid #000000b5;z-index: -1;display: none;}
/* .inner-page-banner-wrapper::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to right, #0b2282 50%, #60b8c6 50%);opacity: .6;z-index: 0;transform: skew(-75deg);} */
.ip-banner-inner-wrapper {display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;margin: auto;padding: 60px 0;position: relative;z-index: 4;background: #08254f85;display: inline-flex;}
.breadcrumbs {display: flex;justify-content: center;align-items: center;gap: 10px;margin: 15px 0;position: relative;}
.breadcrumbs span, .breadcrumbs a {color: #fff;position: relative;}
span.breadcrumbs-active {color: #fec124;}
.ip-banner-inner-wrapper h1 {color: #fff;}
.ip-banner-inner-wrapper span {display: flex;justify-content: center;align-items: center;}
.ip-banner-inner-wrapper a img {width: 100%;max-width: 100px;filter: invert(75%) sepia(11%) saturate(1640%) hue-rotate(140deg) brightness(90%) contrast(82%);}

.ip-banner-inner-wrapper p {margin: 0;color: #fff;padding: 15px 0 0;font-size: 14px;}
/* Inner Banner */

.content-wrap {padding: 30px 0 0;}
.content-wrap p {margin: 0;}
.content-wrap h2 {padding: 0 0 10px;font-size: 28px;}
.policy-inner-wrapper {padding: 60px 0;}
.policy-inner-wrapper p a {color: #141e55;}
.policy-inner-wrapper p a:hover {color: #ac2020;}
.policy-inner-wrapper p {font-size: 16px;}

/* Common Inner Heading */
.ip-common-heading {display: flex;align-items: flex-end;justify-content: center;text-align: left;width: fit-content;margin: 0 auto;border-bottom: 3px solid var(--deep-dark-blue);}
.ip-common-heading img {max-width: 80px;margin-right: 10px; filter: invert(12%) sepia(23%) saturate(4560%) hue-rotate(198deg) brightness(97%) contrast(101%);position: relative;bottom: -2px;}
.ip-h2-h3 {display: inline-block;}

.ip-common-heading h2 {font-size: 34px;color: var(--blue);}
.ip-common-heading h3 {font-size: 28px;color: var(--deep-dark-blue);font-weight: 100;}
/* Common Inner Heading */

/* How it works */
.ip-how-we-work-wrapper {padding: 100px 0 0px;}
.ip-how-we-work-wrapper .fluid-container > p {padding: 30px 0 0;}
.working-step-card-left {width: 100%;max-width: 700px;}
.ip-working-steps-card {padding: 60px 0;position: relative;}
.ip-working-steps-card-wrapper:last-child .ip-working-steps-card::before {display: none;}
.ip-working-steps-card::before {content: '';position: absolute;border-left: 2px dashed var(--blue);width: 2px;height: 100%;left: 100px;top: 75px;height: 0; /* Start with 0 height */transition: height 2s; /* Transition to control the animation */}
.ip-working-steps-card.visible::before {height: 100%; /* Full height when visible */}
@keyframes animateLine {
	0% {
		height: 0;
	}
	100% {
		height: 100%;
	}
}
.step-no {width: 100%;display: flex;justify-content: flex-end;align-items: center;max-width: 140px;}
.step-content-right .packages-li {background: none;}
.step-content-right .packages-li li {font-size: 18px;}
.ip-working-step > h2 {width: 100%;}
.ip-working-steps-content {display: flex;justify-content: flex-start;align-items: center;gap: 40px;width: 100%;max-width: 1100px;margin-left: auto;}
.ip-working-steps-content .step-content-right {max-width: 100%;}
.ip-working-steps-content .step-content-right p {margin: 0 0 15px;}
.ip-working-steps-content span {display: flex;justify-content: center;align-items: center;}
.ip-working-steps-content span img {width: 100%;max-width: 400px;}
.ip-working-step-name > h2 {padding: 0 0 10px;}
.ip-working-step {position: relative;display: flex;justify-content: center;align-items: center;gap: 30px;width: 100%;max-width: 100%;}
.step-no > span:nth-child(1) {-webkit-text-stroke: 1px #091246;-webkit-text-fill-color: transparent;font-size: 40px;position: absolute;top: -10px;left: 25px;z-index: 0;}
.ip-working-steps-card-wrapper:nth-child(2n) {background: #60b8c61a;}
.step-no > span {display: flex;justify-content: center;align-items: center;}
.working-step-card-left > span {display: flex;justify-content: flex-end;align-items: center;}
.working-step-card-left span img {width: 100%;max-width: 400px;}
.step-no > span:nth-child(2) {width: 80px;height: 80px;background: #f7f7f7;border-radius: 50%;box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 3px;z-index: 0;}
.step-no > span:nth-child(2) img {width: 100%;max-width: 45px; filter: invert(69%) sepia(51%) saturate(378%) hue-rotate(140deg) brightness(89%) contrast(83%);}
.ip-working-steps-card-wrapper:hover .step-no span:nth-child(2) {background: var(--dark-blue) !important;}
.ip-working-steps-card-wrapper:hover .step-no span:nth-child(2) img {filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);}

/* cta */
.ip-how-it-works-cta-counter {background: var(--blue);}
.ip-how-it-works-cta-counter .run-letter-div .plus {color: var(--deep-dark-blue);}
.best-construction-service-inner {display: flex;justify-content: center;align-items: stretch;padding: 40px 0;}
.best-construction-service-inner .why-buildahome-cards-main::before {background: #08254fde;}
.best-construction-service-inner .footer-form::before {background: var(--deep-dark-blue);}
.best-construction-service-inner form {width: 100%;max-width: 900px;}
.best-construction-service h2 {text-align: center;padding: 50px 0 0;}
.best-construction-service-inner form select, .best-construction-service-inner form input, .best-construction-service-inner form textarea, .best-construction-service-inner form button {color: #fff;}
.ip-how-it-works-cta .why-buildahome-cards-main {display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
/* cta */

.faq-wrapper.how-it-works-faq {background: #fff;}
.faq-wrapper.how-it-works-faq {padding: 60px 0 100px;}
.faq-wrapper .ip-common-heading {margin: 0 20px;}
.faq-wrapper.how-it-works-faq .faq-inner-wrapper {padding: 80px 0 0;align-items: flex-start;}
.faq-wrapper.how-it-works-faq .faq-inner-wrapper .faq-right {position: relative;}
.faq-wrapper.how-it-works-faq .faq-inner-wrapper .faq-right::before {content: '';position: absolute;background: var(--blue);width: 100%;max-width: 200px;left: 0;top: 0;bottom: 0;margin: auto;z-index: 0;height: 110%;}
.faq-wrapper.how-it-works-faq .faq-inner-wrapper .faq-right img {width: 100%;height: 400px;max-width: 550px;margin-left: auto;display: flex;position: relative;}
.faq-wrapper.how-it-works-faq .faq-inner-wrapper .acc {padding: 0;}
/* How it works */

/* Contact us */
.ip-contact-us-wrapper {padding: 100px 0;}
.ip-contact-us-inner-wrapper form .input-wrapper input, .contact-form-inner form .input-wrapper input{color: #303030 !important;}
.how-can-we-help {display: flex;justify-content: center;align-items: stretch;gap: 40px;}
.how-can-we-help span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 600px;position: relative;}
.how-can-we-help span img {width: 100%;max-width: 600px;border-radius: 10px;height: 100%;object-fit: cover;}
.how-can-we-help span::before {content: '';position: absolute;background: linear-gradient(0deg, #001F51 10%, rgba(255, 255, 255, 0) 60%);width: 100%;height: 100%;z-index: 0;opacity: .8;border-radius: 10px;top: 0;left: 0;}
.how-can-we-help-questions {width: 100%;max-width: 600px;background: #f7f7f7;padding: 80px 20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 10px;}
.how-can-we-help-questions p:last-child {font-size: 28px;color: #08254f;font-weight: 600;text-align: center;}
/* .how-can-we-help-questions h2 {border-bottom: 3px solid var(--blue);display: inline-block;margin: 0 0 20px 0;} */
.how-can-we-help-questions p a {font-size: 18px;color: var(--deep-dark-blue);text-decoration: underline !important;}
.ip-contact-us-form {display: flex;justify-content: center;align-items: stretch;gap: 40px;padding: 40px 0 0;}
.contact-form-inner {width: 100%;max-width: 600px;  border-radius: 10px;background: #f7f7f7;}
.ip-contact-us-form form::before {background: #f7f7f7;border-radius: 10px;}
.ip-contact-us-form form .input-wrapper label {color: var(--deep-dark-blue);}
.ip-contact-us-form form .input-wrapper {border-bottom: 1px solid var(--blue);}
.locations-inner-wrapper {display: flex;justify-content: center;align-items: stretch;gap: 60px;padding: 0 0 100px;flex-wrap: wrap;}
.contact-form-inner h2 {color: var(--blue);padding: 30px 30px 0;}
.location-card {width: 100%;max-width: 47%;}

.contact-links-main {width: 100%;max-width: 600px;border-radius: 10px;position: relative;padding: 30px;display: flex;flex-direction: column;justify-content: space-between;align-items: initial;gap: 10px;}
.contact-links-main::before {content: '';position: absolute;background: linear-gradient(0deg, #001F51F7 20%, rgba(43, 58, 92, 0.73) 100%);width: 100%;height: 100%;z-index: 0;opacity: .8;border-radius: 10px;top: 0;left: 0;}
.contact-links-main h2 {color: #fff;position: relative;}
.contact-links-main p {color: var(--blue);font-size: 26px;position: relative;}

.contact-links {position: relative;}
.contact-links::before {content: '';position: absolute;background: #fff;width: 100%;height: 2px;top: 0;bottom: 0;margin: auto;left: 0;right: 0;opacity: .5;}
.contact-links a {display: flex;justify-content: flex-start;align-items: center;color: #fff;gap: 15px;padding: 10px 0;  font-size: 18px;}
.contact-links a img {filter: invert(75%) sepia(11%) saturate(1640%) hue-rotate(140deg) brightness(90%) contrast(82%);width: 100%;max-width: 25px;}

.location-card iframe {border-radius: 10px;border: 1px solid var(--blue);width: 100%;max-width: 100%;}
.location-card h3 {text-align: center;background: var(--dark-blue);width: fit-content;margin: 0 auto;padding: 10px 20px;color: #fff;border-radius: 5px;transform: translateY(-20px);font-size: 18px;font-weight: 100;width: 100%;max-width: 85%;}
.location-card p {margin: 0;text-align: center;}
/* Contact us */


/* Common ul */
.common-ul li {font-size: 18px;color: #303030;display: flex;justify-content: flex-start;align-items: flex-start;gap: 10px;padding: 5px 0;}
.common-ul li img {width: 100%;max-width: 20px;}
/* Common ul */

/* Error page */
.error-inner-wrapper {padding: 100px 0 0;position: relative;display: flex;justify-content: center;align-items: flex-start;gap: 15px;}
.error-inner-wrapper h2 {text-align: center;}
.error-inner-wrapper p {text-align: center;}
.error-inner-wrapper .common-btn {display: flex;justify-content: center;}
.error-content {width: 100%;max-width: 700px;}
.error-inner-wrapper span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 500px;}
/* .error-inner-wrapper::before {content: '';position: absolute;background: url(../images/error-img.png) no-repeat center center/contain;right: 0;bottom: 0;} */
/* Error page */


/* Careers */
.careers-main-wrapper {padding: 100px 0 0;}
.careers-main-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 40px;}
.careers-left {width: 100%;max-width: 600px;}
.careers-main-wrapper span {display: flex;justify-content: center;align-items: center;}
.careers-left > span img {width: 100%;max-width: 500px;height: 400px;object-fit: cover;border-radius: 10px;}
.careers-images {display: flex;justify-content: center;align-items: center;gap: 15px;transform: translateY(-120px);}
.careers-right {width: 100%;max-width: 600px;padding: 0 0 120px;}
.careers-images span {background: #fff;border-radius: 10px;}
.careers-images span img {padding: 2px;border-radius: 10px;}
.careers-right .ip-common-heading {margin: 0 0 35px;}

.our-belief-wrapper {position: relative;padding: 100px 0;}
.our-belief-wrapper::before {content: "";position: absolute;background: linear-gradient(to right, #60b8c6ab 50%, #08254f 50%);top: 0;width: 100%;max-width: 100%;height: 100%;right: 0;z-index: 1;}
.our-belief-wrapper::after {content: "";position: absolute;background: url(../images/inner-images/careers/our-belief-bg.webp) no-repeat center center/cover;top: 0;width: 100%;max-width: 50%;height: 100%;left: 0;}
.our-belief-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 40px;position: relative;z-index: 1;}
.our-belief-inner-wrapper h2 {color: #fff;font-size: 60px;width: 100%;max-width: 50%;text-align: right;}
.our-belief-content {width: 100%;max-width: 50%;}
.our-belief-content p {color: #fff;font-size: 24px;}

.career-cta {position: relative;background: url(../images/inner-images/careers/careers-cta-bg.webp) no-repeat center center/cover;}
.career-cta::before {content: '';position: absolute;background: #08254fc4;width: 100%;height: 100%;top: 0;left: 0;}
.career-cta-inner {position: relative;display: flex;justify-content: space-between;align-items: center;padding: 65px 0;  z-index: 0;}
.career-cta-inner p {color: #fff;font-size: 30px;width: 100%;max-width: 600px;padding: 0 20px;text-align: left;}
.career-mail {background: var(--blue);padding: 20px 10px;border-radius: 10px;width: 100%;max-width: 350px;}
.career-mail > span {display: flex;justify-content: center;align-items: center;}
.career-mail > span img {width: 100%;max-width: 30px;filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);}
.career-mail-links {padding: 15px 0 0;display: flex;justify-content: center;align-items: center;gap: 20px;}
.career-mail-links a {color: #fff;position: relative;}
.career-mail-links a:hover {color: var(--deep-dark-blue);}
.career-mail-links a:first-child::before {content: '';position: absolute;border-right: 2px solid #ffffffad;width: 2px;height: 100%;right: -11px;}

.hiring-process-main {padding: 100px 0;position: relative;}
.hiring-process-cards-main {display: flex;justify-content: space-evenly;align-items: center;gap: 20px;padding: 60px 0 0;}
.hiring-process-card {background: #f7f7f7;border-radius: 50%;width: 100%;max-width: 300px;height: 300px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 30px;position: relative;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.hiring-process-card::before {content: '';position: absolute;border: 1px solid var(--blue);width: 95%;height: 95%;border-radius: 50%;}
.hiring-process-card span:first-child {width: 100%;max-width: 60px;height: 60px;background: var(--blue);color: #fff;border-radius: 50%;position: absolute;top: 5px;right: 35px;font-size: 26px;}
.hiring-process-card span {display: flex;justify-content: center;align-items: center;}
.hiring-process-card span img {width: 100%;max-width: 80px;filter: invert(75%) sepia(11%) saturate(1640%) hue-rotate(140deg) brightness(90%) contrast(82%);}
/* .hiring-process-card:nth-child(2) {transform: translateY(65px);} */
.hiring-process-card p {text-align: center;position: relative;z-index: 1;}

.line {stroke-dasharray: 5;stroke: #60b8c6;stroke-width: 2;fill: none;animation: moveLine 4s linear infinite;}
    @keyframes moveLine {
        0% {
            stroke-dashoffset: 0;
        }
        100% {
            stroke-dashoffset: -100;
        }
    }
.curved-line-container {margin: 20px 0; /* Adjust margin as needed */}
.curved-line-container {margin: 20px 0;position: absolute;left: 0;right: 0;}

.our-activities-wrapper {padding: 100px 0;}
.our-activities-cards {display: flex;justify-content: center;align-items: center;gap: 45px 20px;flex-wrap: wrap;padding: 40px 0 0;}
.our-activity-card {width: 100%;max-width: 400px;border-bottom: 1px solid var(--blue);}
.activity-image {position: relative;}
.activity-image > span {display: flex;justify-content: center;align-items: center;}
.activity-image > span:first-child img {height: 250px;}
.activity-image span:nth-child(2) {background: var(--blue);width: 100%;max-width: 75px;height: 75px;border-radius: 50%;margin: auto;position: absolute;left: 0;right: 0;margin: auto;bottom: -35px;}
.activity-image span:nth-child(2) img {width: 100%;max-width: 40px;filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);}
.our-activity-card p {text-align: center;padding: 35px 0 5px;}

.career-openings-main {background: #f7f7f7;padding: 80px 0;}
.career-openings-main .ip-common-heading {margin: 0;}
.current-job-openings-main {display: flex;justify-content: center;align-items: center;gap: 20px;padding: 40px 0 0;}
.job-opening-card {display: flex;justify-content: center;align-items: stretch;gap: 5px;width: 100%;max-width: 600px;}
.job-opening-card > span {width: 100%;max-width: 200px;display: flex;justify-content: center;align-items: center;}
.job-opening-card > span img {width: 100%;max-width: 200px;height: 200px;}
.job-details {width: 100%;background: #fff;}
.job-details-top {display: flex;justify-content: flex-start;align-items: center;gap: 30px;background: var(--blue);padding: 10px;}
.job-details-top span {display: flex;justify-content: center;align-items: center;color: #fff;}
.job-details-top span img {width: 100%;max-width: 20px;filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);}
.apply-now {padding: 10px;}
.apply-now p {font-size: 24px;}


/* Benefits */
.benefits-inner-wrapper {padding: 100px 0;}
.benefits-cards-main {display: flex;justify-content: center;align-items: stretch;gap: 60px 20px;flex-wrap: wrap;padding: 80px 0 0;}
.benefits-card {width: 100%;max-width: 290px;position: relative;padding: 20px;border: 2px solid #60b8c6;border-radius: 10px;}
.benefits-card h4 {text-align: center;color: #08254f;font-weight: 100;font-size: 24px;padding: 35px 0 0;}
.benefits-card p {text-align: center;}
.benefits-card span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 80px;height: 80px;background: #fff;border-radius: 50%;position: absolute;top: -20%;left: 0;right: 0;margin: auto;box-shadow: rgba(96, 184, 198, 0.62) 0px 3px 8px;}
/* .benefits-card span::before {content: '';position: absolute;border-bottom: 12px solid #fff;width: 4px;height: 12px;left: -3px;bottom: 32px;} */
/* .benefits-card span::after {content: '';position: absolute;border-bottom: 12px solid #fff;width: 10px;height: 12px;right: -2px;top: 15px;} */
/* .benefits-card::before {content: '';position: absolute;border: 3px solid var(--blue);width: 100%;height: 75%;bottom: 0;left: 0;right: 0;margin: auto;  border-radius: 10px;} */
.benefits-card span img {width: 100%;max-width: 40px;}
/* Benefits */
/* Careers */

/* Packages */
.packages-inner-wrapper form {position: relative;}
/* .packages-inner-wrapper form label, .packages-inner-wrapper form select {color: #fff;} */
.packages-inner-wrapper form select option {color: #000;}
.location-package-main {display: flex;justify-content: center;align-items: center;gap: 20px;width: 100%;max-width: 80%;margin: auto;border-radius: 10px;}
.location-package-sub {background: #fff;width: 100%;max-width: 50%;padding: 10px 20px;border-radius: 10px;display: flex;justify-content: center;align-items: center;gap: 10px;}
.location-package-sub label {width: 100%;max-width: fit-content;display: flex;justify-content: center;align-items: center;gap: 5px;}
.location-package-sub label span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: fit-content;}
.location-package-sub label span img {width: 100%;max-width: 20px;}
.package-detail {width: 100%;max-width: 400px;}
.packages-main-wrapper {padding: 60px 0 0;background: url(../images/inner-images/packages-bg.webp) no-repeat center center/cover;position: relative;}
/* .packages-main-wrapper {background: url(../images/inner-images/packages-bg.webp) no-repeat center center/cover;position: relative;padding: 60px 0;width: 100%;max-width: 900px;margin: auto;} */
.packages-main-wrapper::before {content: '';position: absolute;background: linear-gradient(0deg, #001F51F7 20%, rgba(43, 58, 92, 0.73) 100%);width: 100%;height: 100%;z-index: 0;opacity: .8;top: 0;left: 0;}
.packages-inner-wrapper {
	padding: 60px 0 0;
}
.packages-inner-wrapper h2 {color: #fff;text-align: center;position: relative;padding: 0 0 10px;}
.packages-inner-wrapper h3 {color: #fff;text-align: center;position: relative;}
.package-process-main {display: flex;justify-content: center;align-items: center;position: relative;  padding: 120px 20px 0;}
.package-process-card {width: 100%;max-width: 300px;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;}

.package-process-card:nth-child(1)::before {
	content: '';
	position: absolute;
	background: url(../images/inner-images/package-1.webp) no-repeat center center/contain;
	width: 100%;
	filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);
	max-width: 180px;
	height: 138px;
	top: -65px;
	right: -35px;
}
.package-process-card:nth-child(2)::before {
	content: '';
	position: absolute;
	background: url(../images/inner-images/package-2.webp) no-repeat center center/contain;
	width: 100%;
	filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);
	max-width: 175px;
	height: 89px;
	bottom: -20px;
	right: -35px;
}
.package-process-card:nth-child(3)::before {
	content: '';
	position: absolute;
	background: url(../images/inner-images/package-3.webp) no-repeat center center/contain;
	width: 100%;
	filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);
	max-width: 174px;
	height: 91px;
	top: -20px;
	right: -35px;
}
.package-process-card:nth-child(2n) {flex-direction: column-reverse;transform: translateY(-32%);}
.package-process-card span {display: flex;justify-content: center;align-items: center;  border: 1px solid var(--blue);width: 100%;max-width: 150px;height: 150px;border-radius: 10px;position: relative;}
.package-process-card span::before {content: '';position: absolute;background: #fff;width: 90%;height: 90%;left: 0;right: 0;bottom: 0;top: 0;margin: auto;border-radius: 5px;}
.package-process-card span img {width: 100%;max-width: 90px;filter: invert(69%) sepia(51%) saturate(378%) hue-rotate(140deg) brightness(89%) contrast(83%);}
.package-process-card p {text-align: center;color: #fff;font-size: 22px;}
/* .package-process-card:nth-child(2n) p {bottom: auto;top: 0;} */
.search-packages { display: flex; justify-content: center; align-items: center; background: #fff; position: relative; width: 100%; max-width: 500px; margin: auto; border-radius: 5px 5px 0 0; padding: 10px; gap: 20px;}
.search-packages p {color: var(--deep-dark-blue);  margin: 0;}
.select-cities {display: flex;justify-content: center;align-items: center;gap: 10px;border-bottom: 1px solid var(--blue);padding: 3px 0;}
.select-cities span {display: flex;justify-content: center;align-items: center;}
.select-cities span img {width: 100%;max-width: 25px;filter: invert(69%) sepia(51%) saturate(378%) hue-rotate(140deg) brightness(89%) contrast(83%);}
.select-cities select {color: #303030;position: relative;}
.packages-content-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 20px;flex-wrap: wrap;padding: 40px 0 0;}
.package-details {width: 100%;max-width: 250px;display: flex;justify-content: center;align-items: center;gap: 20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 5px;padding: 10px;cursor: pointer;}
.package-details > span {background: var(--blue);font-size: 20px;color: #fff;width: 60px;height: 70px;display: flex;justify-content: center;align-items: center;clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); padding: 10px;}
/* .package-details > span > img{filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(264deg) brightness(103%) contrast(101%);} */

.package-details span img {
	width: 100%;
	max-width: 30px;
	filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);
}
.package-details span:hover img {filter: invert(96%) sepia(9%) saturate(5501%) hue-rotate(159deg) brightness(82%) contrast(86%);}

.package-details-name p {margin: 0;}
/* .packages-in-detail {width: 100%;max-width: 400px;} */
.packages-in-detail-main {display: flex;justify-content: center;align-items: flex-start;gap: 20px;flex-wrap: wrap;}
.package-detail > p {
	font-size: 26px;
	background: #fff;
	color: #001489;
	display: flex;
	padding: 10px 20px;
	margin: 105px auto 0;
	width: 100%;
	max-width: fit-content;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 0;
	position: relative;
}
.package-detail > p::before {
	content: '';
	position: absolute;
	background: var(--blue);
	height: 4px;
	width: 71%;
	transform: rotate(20deg);
	right: -30px;
	top: 0;
}
.package-detail > p::after {
	content: '';
	position: absolute;
	background: var(--blue);
	height: 4px;
	width: 71%;
	transform: rotate(-20deg);
	left: -30px;
	top: 0;
}

.package-detail > p span {font-size: 18px;}
/* Accordian */
.acc.packages-accordian {padding: 0;border: 1px solid #cacaca;border-radius: 10px;overflow: hidden;}
.acc.packages-accordian .acc__card {margin: 0;}
.packages-in-detail-main {display: none;}

.package-details:hover {background: var(--blue);}
.package-details:hover > span {background: #fff;color: var(--blue);}
.package-details:hover > span > img {filter: brightness(0) saturate(100%) invert(68%) sepia(20%) saturate(860%) hue-rotate(140deg) brightness(96%) contrast(86%);}
.package-details:hover p, .package-details:hover .package-details-name span {color: #fff;}

.acc.packages-accordian .acc__card .acc__title {position: relative;padding: 10px;overflow: hidden;}

.acc.packages-accordian .acc__card .acc__title::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;z-index: 0;border-right: none;}
.acc.packages-accordian .acc__card .acc__title.active::before {display: block;}

.acc.packages-accordian .acc__card .acc__title::after {content: "";position: absolute;top: 0;right: -40px;width: 0;height: 102%;background: #60b8c6;opacity: .9;z-index: 0;border: none;/* transform: skew(-40deg); */transition: 1s all ease;}
.acc.packages-accordian .acc__card .acc__title.active::after {width: 100%;transform: skewX(0deg);right: 0;transition: 1s all ease;}

.acc.packages-accordian .acc__card .acc__title h2 {text-align: left;color: var(--deep-dark-blue);font-size: 16px;text-transform: capitalize;position: relative;z-index: 1;transition: 2s all ease;font-weight: 400;padding: 0;}
.acc.packages-accordian .acc__card .acc__title h2::before {display: none;}
.acc.packages-accordian .acc__card .acc__title h2::after {content: "";position: absolute;width: 40px;height: 100%;border-top: none;right: 0;top: 0;margin: auto;bottom: 0;background: url(../images/icons/arrow.webp) no-repeat center center/contain;z-index: 1;transition: 1s all ease;}
.acc.packages-accordian .acc__card .acc__title.active h2 {color: #fff; transition: 2s all ease;}
.acc.packages-accordian .acc__card .acc__title.active h2::after {transform: rotate(90deg);transition: 1s all ease;}

.acc.packages-accordian .acc__card .acc__panel p {margin: 0;padding: 10px 10px 0;font-size: 16px;}
.acc.packages-accordian .acc__card .acc__title ~ .acc__panel {padding: 10px;}
/* Accordian */

.detail-package-price {display: flex;justify-content: flex-start;align-items: flex-start;gap: 20px;}
/* .packages-li, .package-detail .acc__panel ul {padding: 10px;} */
.packages-li li, .package-detail .acc__panel ul li {padding: 5px 0 5px 20px;position: relative;color: #303030;font-size: 14px;}
.packages-li li::before, .package-detail .acc__panel ul li::before {content: '';position: absolute;border: 4px solid #60b8c6b8;border-radius: 50%;width: 12px;height: 12px;left: 0;top: 8px;/* bottom: 0; */margin: auto;}

.form-controls option {color: #303030;}
.packages-namings {display: flex;justify-content: center;align-items: center;gap: 20px;flex-wrap: wrap;  padding: 40px 0 0;}
.package-complete-details .fluid-container > h2 {text-align: center;padding: 40px 0 0;}
/* .package-complete-details {display: none;} */
#bengaluru-package-details {display: block;}
/* Packages */

/* Common CTA */
.common-cta {padding: 100px 0;}
.common-cta-inner-wrapper {background: url(../images/inner-images/common-cta-bg.webp) no-repeat center center/cover;position: relative;display: flex;justify-content: space-between;align-items: center;gap: 50px;padding: 60px;}
.common-cta-inner-wrapper::before {content: '';position: absolute;background: linear-gradient(to right, var(--deep-dark-blue) 50%, var(--blue) 50%);width: 100%;height: 100%;top: 0;left: 0;opacity: .9;}
.cta-content {position: relative;width: 100%;max-width: 45%;}
.common-cta-inner-wrapper span {display: flex;justify-content: center;align-items: center;position: relative;width: 100%;max-width: 45%;}
.cta-content p {color: #fff;font-size: 38px;text-align: left;  margin: 0;  padding: 0 0 40px;}
.cta-content .common-btn a {background: #fff;color: var(--blue);border-bottom: 1px solid var(--blue);padding: 10px 25px;font-size: 22px;}
.cta-content .common-btn a::before {background: var(--blue);}
.cta-content .common-btn a:hover {color: #fff;}

/* Common CTA */

/* About us */
.ip-about-us-wrapper {padding: 100px 0;}
.about-counter {background: var(--blue);width: 100%;max-width: 200px;position: absolute;bottom: 0;right: 0;transform: translateY(50px);height: 230px;display: flex;justify-content: center;align-items: center;border-top: 4px solid var(--deep-dark-blue);border-bottom: 4px solid var(--deep-dark-blue);}
.about-counter .plus {color: #fff;display: flex;justify-content: center;align-items: center;font-size: 40px;}
.about-counter .run-letter-div {flex-direction: column;padding: 20px;height: 100%;position: relative;}
.about-counter .run-letter-div::before {content: '';position: absolute;background: linear-gradient(to top, var(--deep-dark-blue) 30%, #fff0 20%, #fff0 70%, var(--deep-dark-blue) 70%);width: 4px;height: 100%;top: 0;left: 0;}
.about-counter .run-letter-div::after {content: '';position: absolute;background: linear-gradient(to top, var(--deep-dark-blue) 30%, #fff0 20%, #fff0 70%, var(--deep-dark-blue) 70%);width: 4px;height: 100%;top: 0;right: 0;}
.about-counter .run-letter-div span {text-align: center;}

.ip-about-us-right .ip-common-heading {margin: 0 0 40px;}
.ip-about-us-inner-wrapper {display: flex;justify-content: center;align-items: flex-start;gap: 60px;}
.ip-about-us-left {width: 100%;max-width: 600px;position: sticky;top: 90px;}
.ip-about-us-left span {display: flex;justify-content: flex-start;align-items: center;}
.ip-about-us-left span img {width: 100%;max-width: 500px;border-radius: 10px;}
.ip-about-us-right {width: 100%;max-width: 600px;}

.our-score-board.about-us-counter {background: url(../images/inner-images/careers/careers-cta-bg.webp) no-repeat center center/cover;position: relative;padding: 60px 0;}
.our-score-board.about-us-counter::before {content: '';position: absolute;background: #000;width: 100%;height: 100%;top: 0;left: 0;opacity: .8;}
.our-score-board.about-us-counter .scoreboard-wrap {padding: 0;}
.our-score-board.about-us-counter .scoreboard-wrap::before {display: none;}
.our-score-board.about-us-counter .run-letter-div {flex-direction: column;position: relative;padding: 0 40px 0 0;width: 100%;max-width: 250px;}
.our-score-board.about-us-counter .run-letter-div::before {content: '';position: absolute;background: var(--blue);width: 2px;height: 100%;right: 0;top: 0;bottom: 0;margin: auto;}
.our-score-board.about-us-counter .run-letter-div:last-child::before {display: none;}
.our-score-board.about-us-counter .run-letter-div .plus {font-size: 40px;}

.ip-what-we-offer-wrapper {padding: 100px 0;}
.ip-what-we-offer-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 30px;}
.ip-what-we-offer-left {width: 100%;max-width: fit-content;margin: auto auto 40px;}
.ip-what-we-offer-left span {display: flex;justify-content: center;align-items: center;padding: 40px 0 0;}
.ip-what-we-offer-left span img {width: 100%;max-width: 500px;height: 520px;object-fit: cover;}
.ip-what-we-offer-right {width: 100%;max-width: 100%;display: flex;justify-content: center;align-items: stretch;gap: 20px;flex-wrap: wrap;}
.ip-what-we-offer-card {width: 100%;max-width: 48%;background: #f7f7f7;padding: 20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border: 1px solid #60b8c645;position: relative;}
.ip-what-we-offer-card::before {content: '';position: absolute;background: var(--blue);width: 4px;height: 50%;right: 0;bottom: 0;}
.ip-what-we-offer-card::after {content: '';position: absolute;background: var(--blue);width: 40%;height: 4px;right: 0;bottom: -1px;}
.ip-what-we-offer-card span {display: flex;justify-content: flex-start;align-items: center;}
.ip-what-we-offer-card span img {width: 100%;max-width: 70px;filter: invert(75%) sepia(11%) saturate(1640%) hue-rotate(140deg) brightness(90%) contrast(82%);}
.ip-what-we-offer-card h4 {color: var(--deep-dark-blue);font-size: 24px;font-weight: 100;padding: 20px 0 0;}
.ip-what-we-offer-card p {text-align: left;font-size: 17px;}

.ip-what-we-offer-card:nth-child(2)::before, .ip-what-we-offer-card:nth-child(2)::after {left: 0;}
.ip-what-we-offer-card:nth-child(3)::before, .ip-what-we-offer-card:nth-child(3)::after {bottom: 0;}
.ip-what-we-offer-card:nth-child(4)::before, .ip-what-we-offer-card:nth-child(4)::after {left: 0;bottom: 0;}
.ip-what-we-offer-card:nth-child(5)::before, .ip-what-we-offer-card:nth-child(5)::after {top: 0;}
.ip-what-we-offer-card:nth-child(6)::before, .ip-what-we-offer-card:nth-child(6)::after {left: 0;top: 0;}
.ip-what-we-offer-card:nth-child(7)::before, .ip-what-we-offer-card:nth-child(7)::after {top: 0;}
.ip-what-we-offer-card:nth-child(8)::before, .ip-what-we-offer-card:nth-child(8)::after {left: 0;top: 0;}

.p-bold {font-size: 20px;text-align: center;color: #08254f;background: #60b8c621;padding: 15px;}

.our-success-story-wrapper {padding: 100px 0;}
/* timeline */
.dn-w3cv {display: none;}
.our-journey-wrapper{padding: 80px 10px 40px;}
section#timeline {margin: 80px 0 20px;position: relative;z-index: 0;}
section#timeline article::before {content: '';position: absolute;top: 70px;left: 0;right: 0;bottom: 0;margin: auto;height: 100%;width: 2px;border-left: 2px dashed #60b8c6;z-index: -1;}
section#timeline article:last-child::before {display: none;}
section#timeline article {width: 100%;margin: 0 0 32px 0;position: relative;}
section#timeline article:after {content: '';display: block;clear: both;}
section#timeline article div.inner {width: 40%;float: left;margin: 5px 0 0 0;border-radius: 6px;background: #08254f;}
section#timeline article div.inner span.date {width: 80px;height: 80px;position: absolute;top: 0;left: 0;border-radius: 50%;text-transform: uppercase;background: #60b8c6;display: flex;justify-content: center;align-items: center;flex-direction: column;right: 0;margin: auto;color: #fff;font-size: 30px;font-weight: 600;}
section#timeline article div.inner span.date img{width: 50px;filter: invert(94%) sepia(94%) saturate(0%) hue-rotate(267deg) brightness(107%) contrast(107%);}
section#timeline article div.inner span.date span {display: block;text-align: center;}
section#timeline article div.inner span.date span.day {font-size: 10px;}
section#timeline article div.inner span.date span.month {font-size: 18px;}
section#timeline article div.inner span.date span.year {font-size: 10px;}
section#timeline article div.inner h3 {padding: 15px;margin: 0;color: #fff;font-size: 28px;position: relative;background: #60b8c6;}
section#timeline article div.inner ul{padding: 10px;}
section#timeline article div.inner ul li {text-align: left;color: #fff;margin: 16px 0;padding-left: 26px;position: relative;font-size: 18px;line-height: 1.4;}
section#timeline article div.inner ul li::before {content: '\2713';position: absolute;left: 0;display: inline-block;font-size: 14px;}
section#timeline article div.inner h3:after {content: '';position: absolute; top: 20px;right: -5px;width: 10px; height: 10px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: var(--blue);}
section#timeline article div.inner p {padding: 0 15px 15px;margin: 0;font-size: 18px;color: #fff;line-height: 1.2;text-align: left;}
section#timeline article:nth-child(2n+2) div.inner {float: right;}
section#timeline article:nth-child(2n+2) div.inner h3::after {left: -5px;}
section#timeline article:nth-child(2n+2) div.inner h2:after {left: -5px;}
section#timeline article:last-child {margin: 0;}
/* timeline */

.our-core-values-wrapper {background: url(../images/inner-images/core-values-bg.webp) no-repeat center center/cover;position: relative;padding: 60px 0;}
.our-core-values-wrapper::before {content: '';position: absolute;background: #000;width: 100%;height: 100%;top: 0;left: 0;opacity: .5;}
.our-core-values-inner-wrapper {position: relative;}
.our-core-values-inner-wrapper .ip-common-heading {border-bottom: 3px solid #fff;}
.our-core-values-inner-wrapper .ip-common-heading h3, .our-core-values-inner-wrapper .ip-common-heading h2 {color: #fff;}
.our-core-values-inner-wrapper .ip-common-heading img {filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);}
.our-vision-and-featuring {display: flex;justify-content: center;align-items: stretch;gap: 30px;padding: 40px 0 0;}

.vision-featuring {background: #08254fd6;border: 1px solid #60b8c68c;border-radius: 10px 10px 0 0;padding: 30px;border-bottom: 3px solid var(--blue);width: 100%;max-width: 600px;}
.vision-featuring-img {display: flex;justify-content: flex-start;align-items: center;gap: 20px;padding: 0 0 10px;}
.vision-featuring-img span {display: flex;justify-content: center;align-items: center;}
.vision-featuring-img span img {width: 100%;max-width: 70px;filter: invert(75%) sepia(11%) saturate(1640%) hue-rotate(140deg) brightness(90%) contrast(82%);}
.vision-featuring-img h3 {color: #fff;}
.vision-featuring p {color: #fff;}
form.about-form .input-wrapper input {color: #202020;}
.vision-featuring:nth-child(2) {background: #ffffffdb;}
.vision-featuring:nth-child(2) .input-wrapper label {color: #303030;}
.vision-featuring:nth-child(2) .input-wrapper {border-bottom: 1px solid #303030;}

.ip-our-strength-wrapper {padding: 100px 0;}
.team-members-count {display: flex;justify-content: center;align-items: stretch;gap: 20px 0;flex-wrap: wrap;}
.no-of-team-member {width: 100%;max-width: 150px;position: relative;}
.no-of-team-member span::before {content: '';position: absolute;border-bottom: 1px solid var(--blue);width: 100%;height: 1px;bottom: -6px;left: 0;right: 0;margin: auto;}
.no-of-team-member span::after {content: '';position: absolute;width: 15px;height: 15px;background: var(--blue);border-radius: 50%;bottom: -12px;left: 0;right: 0;margin: auto;}
.ip-our-strength-inner-wrapper > p {width: 100%;max-width: 800px;margin: auto;padding: 50px 0;text-align: center;}
.no-of-team-member span {font-size: 22px;display: flex;justify-content: center;align-items: center;color: var(--deep-dark-blue);position: relative;padding: 0 0 10px;}
.no-of-team-member p {font-size: 16px;text-align: center;}

.our-brands-wrapper.ip-we-choose-wrapper {background: #f7f7f7;padding: 60px 0 0;}
.our-brands-wrapper.ip-we-choose-wrapper .our-brands-right span {background: #fff;}
/* About us */

/* Apply now */
.job-main-wrapper h2 {color: var(--deep-dark-blue);font-size: 34px;}
.job-main-wrapper h3 {color: var(--deep-dark-blue);font-size: 28px;}
.job-wrapper {padding: 100px 0 60px 0;}
.job-inner-wrapper {display: flex;justify-content: center;align-items: stretch;gap: 40px;}
.job-inner-left {width: 100%;max-width: 600px;}
.job-inner-left img {border-radius: 10px;height: 100%;object-fit: cover;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.job-inner-right {width: 100%;max-width: 600px;}
.interview-mode {background: #f9f9f9;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 40px 0;}
.interview-mode-inner {display: flex;justify-content: center;align-items: flex-start;gap: 20px;}
.interview-mode-card {width: 100%;max-width: 500px;display: flex;justify-content: center;align-items: flex-start;gap: 20px;position: relative;}
.interview-mode-card:first-child::before {content: '';position: absolute;border-right: 2px solid var(--blue);width: 2px;height: 100%;right: -10%;top: 0;bottom: 0;}
.interview-mode-card span {width: 100%;max-width: 80px;display: flex;justify-content: center;align-items: center;}
.interview-mode-card span img {filter: invert(69%) sepia(51%) saturate(378%) hue-rotate(140deg) brightness(89%) contrast(83%);width: 100%;max-width: 80px;}
.interview-details h3 {font-size: 28px;color: var(--deep-dark-blue);padding: 0 0 10px;}
.interview-details p {font-size: 16px;text-align: left;margin: 0;}
.qualification-required {padding: 60px 0;}
.qualification-required h2 {text-align: center;padding: 0 0 40px;}
.qualification-required-inner {display: flex;justify-content: center;align-items: stretch;gap: 20px;}
.qualification-card {display: flex;justify-content: center;align-items: flex-start;gap: 20px;background: #f9f9f9;padding: 20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 5px;width: 100%;max-width: 350px;position: relative;}
.qualification-card::before {content: '';position: absolute;height: 50%;width: 20%;left: 5px;top: 5px;z-index: 0;background: #fff0;border: 1px solid var(--deep-dark-blue);border-right: none;border-bottom: none;}
.qualification-card::after {content: '';position: absolute;height: 50%;width: 20%;right: 5px;bottom: 5px;z-index: 0;background: #fff0;border: 1px solid var(--deep-dark-blue);border-left: none;border-top: none;}
.qualification-details p {text-align: left;margin: 0;padding: 10px 0 5px 0;}
.qualification-card span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 60px;}
.qualification-card span img {width: 100%;max-width: 60px;filter: invert(69%) sepia(51%) saturate(378%) hue-rotate(140deg) brightness(89%) contrast(83%);}
.qualification-details {width: 100%;}
.roles-and-responsibilities-wrapper {padding: 0 0 60px 0;}
.job-inner-right h3 {padding: 20px 0 10px;}
.roles-and-responsibilities-inner-wrapper h2 {padding: 0 0 20px;}
ul.bullet-points li {position: relative;padding: 10px 0 10px 20px;font-size: 18px;color: #303030;}
ul.bullet-points li::before {content: '';position: absolute;width: 10px;height: 10px;background: var(--blue);border-radius: 50%;left: 0;top: 15px;margin: auto;display: flex;justify-content: center;align-items: center;}

/* form */
.job-form-inner {background: var(--deep-dark-blue);padding: 60px 0 40px;position: relative;}
.job-form-inner::before {content: '';position: absolute;background: url(../images/pattern-img1.webp) no-repeat center center/contain;width: 100%;height: 100%;top: 0;left: 0;max-width: 750px;opacity: .5;}
.job-form-inner h2 {color: #fff;padding: 0 60px 15px;text-align: center;}
.job-form-inner form::before {display: none;}
.job-form-inner form {display: flex;justify-content: center;align-items: center;gap: 40px;flex-wrap: wrap;}
.job-form-inner form .input-wrapper {width: 100%;max-width: 45%;}
.job-form-inner form .input-wrapper:nth-child(11) {max-width: 47%;}
/* .job-form-inner form .input-wrapper:nth-child(5) label {max-width: 100%;display: flex;justify-content: space-between;align-items: center;gap: 10px;} */
.job-form-inner form .input-wrapper:nth-child(5) label input {width: 75%;}

.job-form-inner form .input-wrapper label {color: #fff;width: 100%;max-width: fit-content;background: #08254f;padding: 5px;position: absolute;top: -15px;left: 10px;border-radius: 3px;font-size: 14px;}
.job-form-inner form .input-wrapper {width: 100%;max-width: 22%;flex-direction: column;align-items: flex-start;border: 1px solid #a4a4a4;margin: 0;}
.job-form-inner form .input-wrapper input {color: #ffffff;padding: 15px 15px 5px;}
.job-form {padding: 0 0 100px;}
.input-wrapper textarea {padding: 10px;}
/* form */
/* Apply now */

/* gallery photos page */
.our-home-images {display: flex;justify-content: center;flex-wrap: wrap;margin-top: 40px;}
.our-home-images .magnific-img {margin: 6px;width: 100%;max-width: 400px;height: 300px;position: relative;transition: all .3s ease-in-out;background: no-repeat center center/cover;}
.our-home-images .magnific-img > a {display: block;height: 100%;width: 100%;background: no-repeat center center/cover;position: relative;}
.our-home-images .magnific-img > a em {position: absolute;top: 0;left: 0;width: 96%;height: 94%;background: #000;opacity: 0;display: flex;justify-content: center;align-items: center;transition: all .4s ease-in-out;bottom: 0;right: 0;margin: auto;}
.our-home-images .magnific-img > a:hover em {opacity: .6;}
.our-home-images .magnific-img > a em img {width: 32px;filter: invert(99%) sepia(22%) saturate(313%) hue-rotate(161deg) brightness(118%) contrast(100%);margin-top: 60px;opacity: 0;transition: all .4s ease-in-out;transition-delay: .2s;}
.our-home-images .magnific-img > a:hover em img {margin-top: 0;opacity: 1;}
/* gallery photos page */

/* Our Elevations */
.our-home-images.our-elevations-inner-wrapper {max-width: 100%;}
.our-elevations-wrapper {padding: 60px 0;}
.our-home-images.our-elevations-inner-wrapper.active {display: flex;}
.our-elevations-main {display: flex;justify-content: flex-start;align-items: center;gap: 25px;padding: 0 0 30px;}
.our-elevation {cursor: pointer;font-size: 24px;color: var(--deep-dark-blue);border-bottom: 4px solid transparent;}
.our-elevation.active {border-bottom: 4px solid var(--blue);}

.our-designs-inner-wrapper {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 20px;  padding: 30px 0 0;}
.our-design-card {width: 100%;max-width: 400px;position: relative;overflow: hidden;}
.our-design-card span::before {content: "View More";position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;color: #fff;display: flex;justify-content: center;align-items: center;font-size: 18px;font-style: italic;transform: translateY(100%);transition: 1s ease;z-index: 1;}
.our-design-card span::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background: #00000094;transform: translateY(100%);transition: 1s ease;}
.our-design-card:hover span::before, .our-design-card:hover span::after {transform: translateY(0px);transition: 1s ease;}
.our-design-card p {width: 100%;max-width: fit-content;background: var(--blue);color: #fff;padding: 10px 20px;margin: auto;transform: translateY(-20px);z-index: 2;position: relative;}
.our-design-card span {display: flex;justify-content: center;align-items: center;border: 5px solid var(--blue);overflow: hidden;transition: 2s ease;position: relative;}
.our-design-card span img {width: 100%;max-width: 400px;height: 350px;object-fit: cover;transition: 2s ease;}
.our-designs-wrapper {padding: 60px 0;}
.our-designs-inner-wrapper > p {text-align: center;font-size: 22px;}
.our-design-card:hover span img {transform: scale(1.1);transition: 2s ease;}

/* Our Elevations */

/* Our Homes */

.our-homes-inner-wrapper-main > h2 { text-align: center; padding: 0 0 0 50px; font-weight: 900; background: linear-gradient(to top, #202328 20%, #47e6ff 100%); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 64px; font-family: 'SF Pro Display', sans-serif; line-height: 1;}
.our-homes-inner-wrapper {padding: 120px 0 60px 0;}
.our-homes-inner-wrapper > h3 span {padding: 0 10px;z-index: -1;text-align: center;width: 100%;font-weight: 900;left: 0;bottom: 20px;background: linear-gradient(to top, #202328 20%, #47e6ff 100%);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 120px;position: absolute;font-family: 'SF Pro Display', sans-serif;}
.our-homes-inner-wrapper > h3 {text-align: center;padding: 0 0 15px;font-size: 30px;color: #fff;position: relative;z-index: 1;}
/* .our-homes-inner-wrapper {padding: 60px 0 0;}
.our-homes-inner-wrapper > h3 span {padding: 0 10px;z-index: -1;text-align: center;width: 100%;font-weight: 900;left: 0;bottom: 20px;background: linear-gradient(to top, #202328 20%, #47e6ff 100%);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 45px;position: absolute;font-family: 'SF Pro Display', sans-serif;line-height: 1;left: -115px;}
.our-homes-inner-wrapper > h3 {text-align: center;padding: 0 0 15px;font-size: 30px;color: #fff;position: relative;z-index: 1;} */
.our-home-details {display: flex;justify-content: center;align-items: center;color: var(--deep-dark-blue);font-size: 16px;flex-wrap: wrap;border-bottom: 3px solid var(--blue);padding: 10px 0 50px;/* display: none; */bottom: -210px;position: absolute;  transition: .5s ease-in-out;}
.our-homes-card .common-btn {display: none;}
.our-home-home-detail-card {display: flex;justify-content: flex-start;align-items: center;gap: 10px;width: 100%;max-width: 50%;border-radius: 5px;padding: 10px;}
.our-home-home-detail-card > span {display: flex;justify-content: center;align-items: center;}
/* .our-home-home-detail-card span img {width: 100%;max-width: 40px;  filter: invert(69%) sepia(51%) saturate(378%) hue-rotate(140deg) brightness(89%) contrast(83%);} */
.our-homes-inner-wrapper-main > p {color: #fff;}
.our-homes-cards-main {display: flex;justify-content: center;align-items: center;gap: 20px;}
.our-home-image p {color: #fff;position: absolute;bottom: 0;left: 20px;right: 0;}
.our-home-image span {display: flex;justify-content: center;align-items: center;}
.our-home-image {position: relative;}
.our-home-image::before {content: '';position: absolute;background: linear-gradient(to bottom, #fff0 75%, #000000d1 100%);width: 100%;height: 100%;top: 0;left: 0;}
span.our-home-category {position: absolute;top: 0;left: 20px;background:#60b8c6e0;color: #fff;padding: 15px 20px;}
.our-homes-wrapper {padding: 40px 0 100px 0;background: #000;}
.our-homes-inner-wrapper h3 a {color: #fff;font-size: 18px;margin: 0 20px;border-bottom: 1px solid #fff;padding: 0 0 3px;font-weight: 600;}
.our-homes-inner-wrapper h3 a:hover {color: #fec124;border-bottom: 1px solid #fec124;}
.our-homes-card {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;position: relative;width: 100%;max-width: 350px;margin: 20px auto;  overflow: hidden;}
.our-homes-card:hover .common-btn {display: block;position: absolute;top: 16px;right: 25px;border-bottom: 1px solid #fff;padding: 0 0 5px;}
.our-homes-card:hover .common-btn:hover {border-bottom: 1px solid #fec124;}
.our-homes-card:hover .common-btn span {color: #fff;font-size: 16px;}
.our-homes-card:hover .common-btn:hover span {color: #fec124;}
.our-homes-card:hover .our-home-details {display: flex !important;position: absolute;bottom: 0;left: 0;right: 0;}
.our-home-home-detail-card .home-in-detail span {color: #fff;font-size: 15px;}
.our-home-home-detail-card .home-in-detail p {color: #fff;font-size: 16px;}
.our-home-home-detail-card span img {width: 100%;max-width: 30px;filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);}
.our-homes-card:hover .our-home-image::before {background: linear-gradient(to bottom, #2b2626a6 75%, #000 100%);}
.our-homes-card .common-btn a {position: absolute;left: 0;right: 0;margin: auto;bottom: -15px;width: 100%;max-width: fit-content;}
.our-homes-cards-main.owl-carousel .owl-nav {display: flex;justify-content: center;align-items: center;}
.our-homes-cards-main.owl-carousel .owl-nav .owl-prev {position: absolute;left: 20px;top: 0;bottom: 0;margin: auto;width: 100%;max-width: 70px;}
.our-homes-cards-main.owl-carousel .owl-nav .owl-prev span{visibility: hidden;}
.our-homes-cards-main.owl-carousel .owl-nav .owl-prev:hover span{visibility: visible;}
.our-homes-cards-main.owl-carousel .owl-nav .owl-prev span, .our-homes-cards-main.owl-carousel .owl-nav .owl-next span {color: #fff;font-size: 34px;background: #000000cf;padding: 0px 13px 3px;line-height: 0;border-radius: 50%;}
.our-homes-cards-main.owl-carousel .owl-item {display: flex !important;justify-content: center;align-items: center;}
.our-homes-cards-main.owl-carousel .owl-nav .owl-next {position: absolute;right: 20px;top: 0;bottom: 0;margin: auto;width: 100%;max-width: 25px;}
/* .our-homes-cards-main.owl-carousel .owl-nav .owl-prev span, .our-homes-cards-main.owl-carousel .owl-nav .owl-next span {color: #fff;font-size: 85px;} */
.our-home-image span img {width: 100%;max-width: 400px;height: 270px;object-fit: cover;  border-radius: 10px;}

/* Our Homes */

/* our home individual */
.our-home-individual-wrapper {padding: 60px 0;}
.our-home-individual-inner-wrapper > span::before {content: "";position: absolute;background: var(--blue);width: 100px;height: 100px;top: -15px;left: -15px;z-index: -1;}
.our-home-individual-inner-wrapper > span {display: flex;justify-content: center;align-items: center;position: relative;width: 100%;max-width: 600px;margin: auto;}
.our-home-details.our-home-individual {border: none;padding: 20px 0 0;justify-content: space-between;gap: 20px 80px;width: 100%;max-width: 900px;margin: auto;}
.our-home-individual-images {padding: 80px 0;background: linear-gradient(to bottom, #f2f2f2 70%, #60b8c6 70%);}
.our-home-images.owl-carousel .owl-nav {display: flex;justify-content: space-between;align-items: center;position: absolute;bottom: 30%;left: 0;right: 0;margin: auto;}
.our-home-images.owl-carousel .owl-nav button.owl-prev > span, .our-home-images.owl-carousel .owl-nav button.owl-next > span {color: #08254f;font-size: 35px;top: -3px;position: relative;}
.our-home-images.owl-carousel .owl-nav button.owl-prev, .our-home-images.owl-carousel .owl-nav button.owl-next {position: relative;left: -70px;width: 60px;height: 60px;background: #fff;border-radius: 50%;display: flex !important;justify-content: center;align-items: center;  border: 1px solid var(--blue);}
.our-home-images.owl-carousel .owl-nav button.owl-next {justify-content: flex-end;right: -70px;left: auto;}
.our-home-images.owl-carousel .owl-nav button.owl-next > span {position: relative;right: 19px;}
.our-home-images.owl-carousel .owl-dots {display: block;}
.our-home-individual-inner-wrapper > h2 {text-align: center;padding: 0 0 40px;}
.our-home-images {width: 100%;max-width: 1150px;margin: auto;}
.our-home-images span {display: flex;justify-content: center;align-items: center;}
.our-home-images span img {width: 100%;max-width: 400px;height: 400px;object-fit: cover;}
.our-home-images.owl-carousel .owl-dots span{display: none !important;}
.our-home-images.owl-carousel .owl-dots .owl-dot{width: 15px;height: 15px;border-radius: 50%;margin: 0 6px;background: #ffffff7d;}
.our-home-images.owl-carousel .owl-dots .owl-dot.active{background: #fff;}
.our-home-images.owl-carousel .owl-dots { margin: 0; position: absolute; bottom: 5%; width: 100%; display: flex; justify-content: center; align-items: center;}
.project-cover img{ height: 500px; object-fit: cover; width: 100%; max-width: 100%;}
.descrption { max-width: 900px; margin: 40px auto;}

.our-home-details.our-home-individual .our-home-home-detail-card span img {filter: invert(69%) sepia(51%) saturate(378%) hue-rotate(140deg) brightness(89%) contrast(83%);max-width: 40px;}
.our-home-details.our-home-individual .home-in-detail span, .our-home-details.our-home-individual .home-in-detail p {color: var(--deep-dark-blue);}
.our-home-details.our-home-individual {position: relative !important; bottom: 0;}
.our-home-details.our-home-individual .our-home-home-detail-card {max-width: 180px;}
/* our home individual */


/* Green Homes */
.wrapper.green-home-wrapper h1 {font-size: 48px;color: #08254f;}
.wrapper.green-home-wrapper h1 span {color: #419b55;}
.green-home-banner.owl-carousel {height: 450px;}
.wrapper.green-home-wrapper h2 {font-size: 46px;font-weight: 600;}
.wrapper.green-home-wrapper h2 span {font-size: 46px;color: #419B55;font-weight: 600;}
.wrapper.green-home-wrapper .common-heading h3 {color: #419b55;}
.wrapper.green-home-wrapper .our-brands-left .common-heading h2::before {margin: auto !important;}
.wrapper.green-home-wrapper .contact-heading h2, .wrapper.green-home-wrapper .contact-heading p {text-align: center;}
.wrapper.green-home-wrapper .contact-links-main {justify-content: center;}
.wrapper.green-home-wrapper .contact-links-main .common-btn {justify-content: center;}
.wrapper.green-home-wrapper .common-btn a, .wrapper.green-home-wrapper .common-btn button {background: #80b341;}
.wrapper.green-home-wrapper .common-btn a:hover, .wrapper.green-home-wrapper .common-btn button:hover {color: #fff;z-index: 2;}
.wrapper.green-home-wrapper .step-content-right h3 {color: #0C4A23;}
.wrapper.green-home-wrapper .packages-li li::before {border: 4px solid #0C4A238A;}
.our-green-homes-inner-wrapper > h2 {text-align: center;color: #fff !important;}
.our-green-homes-inner-wrapper > p {text-align: center;font-size: 22px;color: #fff;}
.our-green-homes-inner-wrapper .common-heading h3, .our-green-homes-inner-wrapper .common-heading h2 {color: #fff !important;}
.our-green-homes-inner-wrapper .common-heading h2::before {border-bottom: 2px dashed #fff !important;}
.our-green-homes-inner-wrapper .common-heading h3::before, .our-green-homes-inner-wrapper .common-heading h3::after {filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);}

.igbc-content-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 20px;  padding: 100px 0 0;}
.igbc-content-inner-wrapper > span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;}

/* .eco-friendly-carbon-emitting-wrapper {padding: 60px 0;background: url(../images/bg-wall.jpg) no-repeat center center/cover;position: relative;} */
.eco-friendly-carbon-emitting-wrapper::before {content: '';position: absolute;background: #003916e3;width: 100%;height: 100%;left: 0;top: 0;}
.eco-friendly-inner-wrapper {display: flex;justify-content: center;align-items: flex-start;gap: 20px;  position: relative;flex-wrap: wrap;}
.eco-friendly-card {width: 100%;max-width: 170px;}
.eco-friendly-card > span {color: #fff;background: green;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 50%;}
.eco-friendly-card p{color: #fff;text-align: left;}

.about-green-home-wrapper {padding: 60px 0;}
.green-home-slide {height: 450px;position: relative;}
/* .green-home-slide::before {content: '';position: absolute;background: #000;width: 100%;height: 100%;opacity: .6;top: 0;left: 0;} */
/* .green-home-slide .fluid-container {width: 100%;height: 100%;position: relative;} */
.green-home-slide .fluid-container {width: 100%;max-width: 1280px;height: 100%;display: flex;justify-content: center;align-items: flex-start;position: relative;flex-direction: column;}
.green-home-slider-content {width: 100%;max-width: 50%;}
.green-home-slider-content h2 {font-size: 58px !important;font-weight: 900;line-height: 1.2;padding: 10px 0;font-family: 'SF-Pro-Display-Bold';}
/* .green-home-slide.slide1 h2 {color: #fff;}
.green-home-slide.slide1 p {color: #fff;} */
.green-home-slide p {color: #078195;font-size: 30px;text-align: left;margin: 0;line-height: 1.2;}
.green-home-slider-content h3 {font-size: 38px;color: #08254f;font-weight: 600;padding: 0 0 10px 0;}
.green-home-slider-content-main {display: flex;justify-content: flex-start;align-items: center;gap: 20px;width: 100%;position: relative;}
.green-home-slider-content-main span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 800px;position: absolute;right: -20%;}
.green-home-slider-content-main span img {width: 100%;max-width: 800px;}

.green-home-slide.slide3 .green-home-slider-content-main span {right: -11%;}
.green-home-slide.slide3 .green-home-slider-content-main span img {max-width: 200px;}

.green-home-slide.slide4 .green-home-slider-content-main span img {
	max-width: 500px;
	bottom: -10px;
	position: relative;
}

.green-home-slide.slide6, .green-home-slide.slide1 {position: relative;}
.green-home-slide.slide6::before {content: '';position: absolute;background: url(../images/banners/green-homes/low-carbon-foot-print-img.webp) no-repeat right center/contain;width: 100%;height: 100%;right: 0;top: 0;bottom: 0;max-width: 750px;}

.green-home-slide.slide1::before {content: '';position: absolute;background: url(../images/banners/green-homes/eco-friendly-img.webp) no-repeat right center/contain;width: 100%;height: 100%;right: 0;top: 0;bottom: 0;max-width: 750px;}


.green-home-banner.owl-carousel .owl-dots {position: absolute;left: 0;right: 0;margin: auto;bottom: 0;z-index: 1;display: flex;justify-content: center;align-items: center;padding: 0 0 10px;}
.green-home-banner.owl-carousel .owl-dots .owl-dot {width: 15px;height: 15px;background: #00158971;margin: 10px;border-radius: 10px;display: flex !important;}
.green-home-banner.owl-carousel .owl-dots .owl-dot.active {background: #001489;}

.about-green-home-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 40px;}
.about-green-home-left, .about-green-home-left img {width: 100%;max-width: 500px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;display: flex;justify-content: center;align-items: center;}
.about-green-home-content {width: 100%;max-width: 700px;}
.about-green-home-left .common-btn a::before, .about-green-home-left .common-btn button::before {background: #001489;}
.about-green-home-left .footer-form {width: 100%;}
.about-green-home-left .footer-form select, .about-green-home-left .footer-form input, .about-green-home-left .footer-form textarea, .about-green-home-left .footer-form button {color: #fff;}
.about-green-home-left .footer-form::before {background: #0c4a239e;}

.our-achieved-benefits-wrapper {background: #f2f7f3;padding: 60px 0;}
.our-achieved-benefits-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 30px;padding: 60px 0 0;}
.our-achieved-benefits-left, .our-achieved-benefits-left img {width: 100%;max-width: 400px;}
.our-achieved-benefits-cards {display: flex;justify-content: center;align-items: stretch;gap: 20px;flex-wrap: wrap;}
.our-achieved-benefits-card {width: 100%;max-width: 395px;display: flex;justify-content: center;align-items: flex-start;gap: 25px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 20px;position: relative;background: #fff;}
.our-achieved-benefits-card::before {content: '';position: absolute;border-top: 2px solid #5e8f6c;border-left: 2px solid #5e8f6c;width: 25%;height: 40%;top: 0;left: 0;}

.our-achieved-benefits-card:nth-child(2)::before {left: auto;right: 0;border-right: 2px solid #5e8f6c;border-left: none;}
.our-achieved-benefits-card:nth-child(3)::before {left: 0;bottom: 0;top: auto;border-top: none;border-bottom: 2px solid #5e8f6c;}
.our-achieved-benefits-card:nth-child(4)::before {right: 0;bottom: 0;left: auto;top: auto;border-top: none;border-left: none;border-bottom: 2px solid #5e8f6c;border-right: 2px solid #5e8f6c;}

.our-achieved-benefits-card span img {width: 100%;max-width: 65px;filter: invert(53%) sepia(12%) saturate(906%) hue-rotate(89deg) brightness(89%) contrast(85%);}
.our-achieved-benefits-card-content h3 {font-size: 24px;}
.our-achieved-benefits-card-content {width: 100%;max-width: 300px;}
.our-achieved-benefits-card-content > span {font-size: 20px;justify-content: flex-start;color: #059005;padding: 5px 0 0;display: flex;}
.our-achieved-benefits-card-content p {text-align: left;  margin: 10px 0 0;}
.banner-wrapper .common-heading h2::before {border-bottom: 2px dashed #fff;}
.banner-wrapper .common-heading h2, .banner-wrapper .common-heading h3 {color: #fff !important;}
.banner-wrapper .common-heading {padding: 0 0 40px;}

.banner-wrapper .common-heading h3::before, .banner-wrapper .common-heading h3::after {filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);}

.materials-used-in-green-home-wrapper {padding: 60px 0;}
.materials-used-in-green-home-wrapper .fluid-container h2 {text-align: center;}
.materials-used-main.owl-carousel {padding: 40px 0 0;}
.materials-used-card {width: 100%;max-width: 400px;position: relative;}
.materials-used-main.owl-carousel .owl-item.active.center .materials-used-card::before {content: '';position: absolute;border-bottom: 5px solid #0A4A22;bottom: 0;left: 0;right: 0;margin: auto;}
.materials-used-card p {text-align: center;margin: 0;padding: 10px 0 20px;}
.materials-used-card span {display: flex;justify-content: center;align-items: center;}
.materials-used-card span img {width: 100%;max-width: 400px;object-fit: cover;}

.materials-used-card .magnific-img {width: 100%;max-width: 400px;height: 320px;position: relative;transition: all .3s ease-in-out;background: no-repeat center center/cover;}
.materials-used-card .magnific-img > a {display: block;height: 100%;width: 100%;background: no-repeat center center/cover;position: relative;}
.materials-used-card .magnific-img > a em {position: absolute;top: 0;left: 0;width: 96%;height: 94%;background: #000;opacity: 0;display: flex;justify-content: center;align-items: center;transition: all .4s ease-in-out;bottom: 0;right: 0;margin: auto;}
.materials-used-card .magnific-img > a:hover em {opacity: .6;}
.materials-used-card .magnific-img > a em img {width: 32px;filter: invert(99%) sepia(22%) saturate(313%) hue-rotate(161deg) brightness(118%) contrast(100%);margin-top: 60px;opacity: 0;transition: all .4s ease-in-out;transition-delay: .2s;}
.materials-used-card .magnific-img > a:hover em img {margin-top: 0;opacity: 1;}

.owl-item.active.center .materials-used-card p {color: #0A4A22;}
.materials-used-main.owl-carousel .owl-dots {margin: auto;display: flex;justify-content: center;align-items: center;margin-top: 15px;position: absolute;left: 0;right: 0;bottom: 0px;}
.materials-used-main.owl-carousel .owl-dots .owl-dot {width: 100%;height: 5px;background: #0a4a2261;display: flex !important;}
/* .materials-used-main.owl-carousel .owl-dots .owl-dot.active {background: #000;} */
.materials-used-main.owl-carousel .owl-dots .owl-dot span {width: 300px;}
.what-is-green-building-wrapper {padding: 100px 0 60px;}
.what-is-green-building {display: flex;justify-content: center;align-items: center;gap: 40px;}
.green-building-content {width: 100%;max-width: 800px;}
.what-is-green-building > span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 400px;}
.what-is-green-building > span img {width: 100%;max-width: 400px;border-radius: 10px;}
.what-is-green-building:nth-child(2n) {flex-direction: row-reverse;  padding: 100px 0 0;}
.what-is-green-building h2 span {text-transform: initial !important;}

.why-buildahome-is-best-wrapper {background: #f8fef5;padding: 60px 0;background: #fff;}
.why-buildahome-is-best-inner-wrapper > h2 {text-align: center;}
.why-buildahome-is-best-card-main {display: flex;justify-content: center;align-items: stretch;gap: 30px;flex-wrap: wrap;padding: 60px 0 0;}
.why-buildahome-is-best-card {width: 100%;max-width: 390px;padding:20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;background: #fff;border-radius: 5px;}
.why-buildahome-is-best-card span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 80px;height: 80px;border: 1px solid var(--blue);border-radius: 50%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;background: #fff;margin: auto;}
.why-buildahome-is-best-card span img {width: 100%;max-width: 50px;filter: invert(69%) sepia(51%) saturate(378%) hue-rotate(140deg) brightness(89%) contrast(83%);}
.why-buildahome-is-best-card-content h3 {font-size: 24px;color: #0c4a23;text-align: center;padding: 20px 0 0;font-weight: 600;}
.why-buildahome-is-best-card-content p {font-size: 18px;text-align: center;margin: 0;padding: 10px 0 0;}
.our-brands-wrapper.green-home-brands .our-brands-left p {font-size: 40px;width: 100%;max-width: 300px;text-align: left;}
.our-brands-wrapper.green-home-brands .our-brands-inner-wrapper {padding: 60px 0 0;}
.our-brands-wrapper.green-home-brands {padding: 40px 0 80px;}
.banner-wrapper {padding: 60px 0 0;background: url(../images/inner-images/green-homes/bg-greenhomes.webp) no-repeat center center/cover;position: relative;}
.banner-wrapper::before {content: '';position: absolute;background: #000;width: 100%;height: 100%;left: 0;top: 0;opacity: .8;}
.banner-wrapper > h2 {color: #fff !important;position: relative;text-align: center;padding: 0 0 40px;}
.banner-bottom-cards {position: relative;display: flex;justify-content: center;align-items: center;gap: 20px;}
.banner-item {padding: 10px 20px;border: 1px solid #419B55;border-radius: 5px;cursor: pointer;}
.banner-item p {margin: 0;color: #fff;}
.banner-item.active, .banner-item:hover {background: #419B55;}
.career-cta.green-home-cta .career-cta-inner p {max-width: 900px;}
.career-cta.green-home-cta .career-cta-inner {padding: 30px 0;}
.career-cta.green-home-cta .career-cta-inner .common-btn a {padding: 20px 45px;font-size: 22px;}
.career-cta-inner-p p:first-child {font-size: 34px;margin: 0;}
.career-cta-inner-p p:last-child {font-size: 30px;color: #80b341;margin: 0;}

.benefits-content-main {display: flex;justify-content: center;align-items: flex-start;gap: 20px;padding: 40px 0 0;}
.benefits-content-main span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 400px;}
.benefits-content-main span img {width: 100%;max-width: 400px;height: 100%;object-fit: cover;}
.benefits-content {width: 100%;max-width: 700px;}
.benefits-content .acc__card::after {background: #419b55;}
.benefits-content > h3 {color: #fff;padding: 0 0 15px;}
.benefits-content-wrap {padding: 10px 0;}
.benefits-content-wrap h4 {color: #fff;font-weight: 100;position: relative;padding-left: 20px;display: inline-block;margin-bottom: 5px;}
.benefits-content-wrap h4::before {content: '';position: absolute;background: #419b55;width: 10px;height: 10px;left: 0;top: 0;bottom: 0;margin: auto;border-radius: 50%;}
.benefits-content-wrap h4::after {content: '';position: absolute;background: #ffffff70;width: 90%;height: 2px;left: 20px;right: 0;margin: auto;bottom: -4px;}
.benefits-content-main > h3 {display: none;}
.benefits-content-wrap p {color: #fff;margin: 0;padding: 5px 0 5px 20px;font-size: 16px;text-align: left;}

.slide-num {display: flex;justify-content: flex-end;align-items: center;}
.slide-num p {color: #fff;display: inline-flex;}
.slide-num p span {display: inline-block;opacity: .5;}
.benefits-slider.owl-carousel .owl-nav {display: flex;justify-content: space-between;align-items: center;position: absolute;bottom: 50%;left: 0;right: 0;margin: auto;}
.benefits-slider.owl-carousel .owl-nav button.owl-prev > span, .benefits-slider.owl-carousel .owl-nav button.owl-next > span {color: #419b55;font-size: 40px;top: -2px;position: relative;}
.benefits-slider.owl-carousel .owl-nav button.owl-prev, .benefits-slider.owl-carousel .owl-nav button.owl-next {position: relative;left: 20px;width: 40px;height: 40px;background: #ebfbee;border-radius: 50%;display: flex !important;justify-content: center;align-items: center;}
.benefits-slider.owl-carousel .owl-nav button.owl-next {justify-content: flex-end;right: 20px;left: auto;}
.benefits-slider.owl-carousel .owl-nav button.owl-next > span {position: relative;right: 10px;left: auto;}
.benefits-content .acc__title h2 {color: #fff;font-size: 22px;font-weight: 100;}

.how-buildahome-do-wrapper {background: #f2f7f3;}
.how-buildahome-do-inner-wrapper {padding: 60px 0;}
.how-buildahome-do-inner-wrapper > h2 span {text-transform: initial !important;}
.how-buildahome-card > span {color: #fff;background: #419b55;width: 100%;max-width: 40px;height: 40px;border-radius: 50%;display: flex;justify-content: center;align-items: center;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.how-buildahome-card p {margin: 0;}
.how-buildahome-card-main {padding: 5px 0;}
.how-buildahome-card-main-wrapper {padding: 40px 0 0;}
.how-buildahome-card {display: flex;justify-content: flex-start;align-items: center;gap: 15px;padding: 15px 0 0;}
.how-buildahome-do-inner-wrapper > h2 {padding: 0 0 20px;}

.sustainable-design-wrapper {padding: 60px 0;background: linear-gradient(180deg, rgb(255, 255, 255) 51%, #41552a 51%);}
.sustainable-design-inner-wrapper > h2 {text-align: center;padding: 0 0 80px;}
.sustainable-design-cards-main {display: flex;justify-content: space-between;align-items: center;gap: 20px;border-radius: 50%;width: 100%;max-width: 380px;height: 380px;margin: auto;padding: 20px;  border: 2px solid #41552a;position: relative;}
.sustainable-design-cards-main::before {content: '';position: absolute;background: linear-gradient(180deg, #f7f7f7 53%, rgba(11, 73, 36, 0) 54%);width: 100%;height: 100%;top: 0;left: 0;border-radius: 50%;}
.sustainable-design-card {position: relative;}
.sustainable-design-card span img {width: 100%;max-width: 60px;filter: invert(53%) sepia(12%) saturate(906%) hue-rotate(89deg) brightness(89%) contrast(85%);}
.sustainable-design-card.active span img {filter: none;}
.sustainable-design-card span {display: flex;justify-content: center;align-items: center;}
.sustainable-design-card:nth-child(2) {transform: translateY(-145px);}
.sustainable-design-card:nth-child(1) p {position: absolute;right: 90px;top: 0;width: 170px;bottom: 0;margin: auto;display: flex;justify-content: flex-start;align-items: center;}
.sustainable-design-card:nth-child(2) p {position: absolute;right: -85px;top: -70px;width: 230px;text-align: center;}
.sustainable-design-card:nth-child(3) p {position: absolute;left: 100px;top: 6px;width: 250px;text-align: left;}
.sustainable-design-images {position: absolute;left: 0;right: 0;margin: auto;z-index: 1;bottom: 90px;}
.sustainable-design-images span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;margin: auto;border: 2px solid #41552a;border-radius: 50%;}
.sustainable-design-card:nth-child(1), .sustainable-design-card:nth-child(3) {transform: translateY(-20px);}
.sustainable-design-card p {font-size: 20px;}
.sustainable-design-images span img {width: 200px;height: 200px;border-radius: 50%;object-fit: cover;}
.sustainable-design-inner-wrapper {position: relative;}
.sustainable-design-card.active p {color: #0b4924;font-weight: 600;}
.sustainable-design-card:nth-child(1)::before {transform: rotate(-50deg);top: -90px;right: 0;height: 150%;}
.sustainable-design-card:nth-child(2)::before {display: none;}
.sustainable-design-card::before {content: '';position: absolute;border-left: 2px solid #41552a;width: 2px;height: 150%;transform: rotate(50deg);top: -90px;}

.our-impacts {position: relative;}
.our-impacts::before {content: '';position: absolute;left: 0;width: 100%;top: -25px;margin: auto;height: 2px;background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%, rgb(255, 255, 255) 52%, rgba(255, 255, 255, 0.52) 79%, rgba(255, 255, 255, 0) 100%);}
.our-impacts > h2 {color: #fff !important;text-align: center;}
.our-impacts-cards {display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 40px 0 0;width: 100%;max-width: 1000px;margin: auto;}
.our-impacts-card {display: flex;justify-content: center;align-items: center;gap: 20px;}
.our-impacts-card span {display: flex;justify-content: center;align-items: center;}
.our-impacts-card span img {width: 100%;max-width: 60px;filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);}
.our-impacts-card p {color: #fff;font-size: 22px;}
.green-home-affiliations-main-wrapper {display: flex;justify-content: center;align-items: stretch;gap: 20px;padding: 40px 0 0;}
.what-are-your-green-affiliations-wrapper {padding: 60px 0;background: #f2f7f3;}
.what-are-your-green-affiliations-inner-wrapper > h2 {text-align: center;}
.what-are-your-green-affiliations-inner-wrapper > h2 span {text-transform: initial !important;}
.what-are-your-green-affiliations-main {display: flex;justify-content: center;align-items: stretch;gap: 20px;flex-wrap: wrap;width: 100%;max-width: 600px;}
.what-are-your-green-affiliation {width: 100%;max-width: 250px;background: #80b341;padding: 20px;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}
/* .what-are-your-green-affiliation::before {content: '';position: absolute;background: url(../images/why-us-1.png) no-repeat center center/cover;width: 100%;height: 100%;right: 0;top: 0;bottom: 0;margin: auto;} */
.what-are-your-green-affiliation span {display: flex;justify-content: center;align-items: center;font-size: 20px;color: #0b4924;font-weight: 600;}
.what-are-your-green-affiliation p {text-align: center;font-size: 22px;font-weight: 600;color: #fff;}
.green-home-faq-inner {display: flex;justify-content: center;align-items: center;gap: 20px;padding: 60px 0;}
.green-home-faq-inner > span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 500px;}
.green-home-faq {width: 100%;}
.green-home-faq .acc h2 {font-size: 22px !important;font-weight: 100;}
.green-home-faq .acc .acc__panel p {font-size: 16px;}
.green-home-faq .acc .acc__title h2::before {background: #0b4924;}
.green-home-faq .acc .acc__title::after {border-top: 2px solid #fff;}
.green-home-faq .acc .acc__title::before {border-right: 2px solid #fff;}
.green-home-faq .acc .acc__card::after {background: #0b4924;}
.green-home-faq .acc .acc__card:last-child::after {display: none;}
.green-home-faq .acc .acc__title.active h2 {color: #0b4924;}


.green-home-affiliations-main-wrapper.green-home-cta .contact-links-main::before {background: #000000c2;}
.green-home-affiliations-main-wrapper.green-home-cta .contact-links-main .contact-heading h2, .green-home-affiliations-main-wrapper.green-home-cta .contact-links-main .contact-heading h2 span, .green-home-affiliations-main-wrapper.green-home-cta .contact-links-main .contact-heading p {color: #fff;}


.ip-working-steps-main.green-home-how-it-works .ip-working-steps-card-wrapper .fluid-container > h2 {text-align: center;padding: 60px 0 0;}
/* .ip-working-steps-main.green-home-how-it-works .ip-working-steps-card-wrapper {padding: 60px 0;} */

/* packages */
.green-home-packages-wrapper {padding: 60px 0;}
.career-cta.green-home-cta::before {display: none;}
.green-homes-inner-wrapper > h2 {text-align: center;}
.green-homes-inner-wrapper > p {text-align: center;font-size: 22px}
.green-homes-packages-main {display: flex;justify-content: center;align-items: flex-start;padding: 40px 0 0;}
.green-homes-packages-name {display: flex;justify-content: space-between;align-items: center;gap: 10px;box-shadow: rgb(219, 230, 212) 0px 3px 8px;margin: 0 0 21px 5px;padding: 10px 20px;position: relative;background: #fff;width: 100%;max-width: 300px;cursor: pointer;}
.green-homes-packages-name p {margin: 0;font-size: 16px;}
.green-homes-packages-name span {display: flex;justify-content: space-between;align-items: center;}
.green-homes-packages-name span img {width: 100%;max-width: 15px;filter: invert(53%) sepia(12%) saturate(906%) hue-rotate(89deg) brightness(89%) contrast(85%);}

.green-homes-packages-tabs {width: 100%;max-width: 300px;height: 500px;overflow-y: scroll;overflow-x: hidden;}
.green-homes-packages-content {width: 100%;max-width: 920px;}
.green-homes-packages-name.active {background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(238, 252, 229) 100%);}
.green-homes-packages-tab-content {padding: 20px 20px 20px 30px;height: 500px;overflow-y: scroll;}
.green-homes-packages-name.active p {color: #5e8f6c;}
.green-homes-packages-content.owl-carousel .owl-stage-outer {background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(237, 252, 228) 100%);height: 100%;}
.green-home-packages-wrapper .packages-li li::before {border: 4px solid #6e987d;top: 14px;}
.green-home-packages-wrapper .packages-li li {padding: 10px 0 10px 20px;}
/* .green-homes-packages-name.active span img {filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);} */
/* .green-homes-packages-tab-content h2 {color: #fff !important;} */
.green-home-packages-wrapper .packages-li li {font-size: 16px;}
.green-homes-packages-content.owl-carousel .packages-li {background: none;}
/* .green-homes-packages-content.owl-carousel .owl-item {display: none;}
.green-homes-packages-content.owl-carousel .owl-item.active {display: block !important;} */
/* .green-homes-packages-tab-content p {color: #fff;} */
.ip-working-steps-main.green-home-how-it-works .ip-working-steps-card-wrapper:nth-child(2n) {background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(237, 252, 228) 100%);}
.ip-working-steps-main.green-home-how-it-works .ip-working-steps-card-wrapper:hover .step-no span:nth-child(2) {background: #0b4924 !important;}
.ip-working-steps-main.green-home-how-it-works .step-no > span img {filter: invert(53%) sepia(12%) saturate(906%) hue-rotate(89deg) brightness(89%) contrast(85%);}
.ip-working-steps-main.green-home-how-it-works .ip-working-steps-card::before {border-left: 2px dashed #6e9a7a;}
.our-green-homes-wrapper {padding: 60px 0;background: #41552a;}
.our-green-homes-main {padding: 30px 0 0;}
.our-green-homes-card {width: 100%;max-width: 400px;margin: 10px;}
.our-green-homes-card span {display: flex;justify-content: center;align-items: center;font-size: 18px;color: #5a8a6b;}
.our-green-homes-card span img {width: 100%;max-width: 400px;height: 400px;object-fit: cover;}
.our-green-homes-main.owl-carousel .owl-item {display: flex;justify-content: center;align-items: center;}
.our-green-homes-main.owl-carousel .owl-nav { display: flex; justify-content: space-between; align-items: center; position: absolute; width: 100%; top: 0; bottom: 0; margin: auto; height: 50px;display: none;}
.our-green-homes-main.owl-carousel:hover .owl-nav {display: flex;}
.our-green-homes-main.owl-carousel .owl-nav button.owl-prev, .our-green-homes-main.owl-carousel .owl-nav button.owl-next { position: relative; width: 40px; height: 40px; background: #ebfbee; border-radius: 50%; display: flex !important; justify-content: center; align-items: center;}
.our-green-homes-main.owl-carousel .owl-nav button.owl-prev > span, .our-green-homes-main.owl-carousel .owl-nav button.owl-next > span { color: #419b55; font-size: 20px; top: -2px; position: relative;}
.our-green-homes-card p {text-align: center;margin: 0;color: #fff;font-size: 22px;}
.green-home-owner {padding: 10px;}

.customer-stories-inner-wrapper {padding: 60px 20px;}
.customer-stories-inner-wrapper > h2 {text-align: center;}
.customer-stories-inner-wrapper > h3 {text-align: center; padding: 5px 0;}
.customer-stories-main {display: flex;justify-content: center;align-items: center;gap: 10px;flex-wrap: wrap;padding: 30px 0 0;}
.customer-stories-main iframe {width: 100%;max-width: 390px;height: 300px;}
.customer-stories-inner-wrapper {padding: 60px 0;}
/* packages */
/* Green Homes */

/* Inner Pages */


/*inner page testimonials */
.ip-testimonials-main-wrapper .owl-carousel .owl-nav button.owl-next, .ip-testimonials-main-wrapper .owl-carousel .owl-nav button.owl-prev, .ip-testimonials-main-wrapper .owl-carousel button.owl-dot {display: none !important;}
.ip-testimonials-main-wrapper {padding: 100px 0;}
.ip-testimonials-main-wrapper > .fluid-container > p {text-align: center;padding: 10px 0 20px;}
.ip-testimonials-main-wrapper .owl-carousel .owl-nav button.owl-next, .ip-testimonials-main-wrapper .owl-carousel .owl-nav button.owl-prev, .ip-testimonials-main-wrapper .owl-carousel button.owl-dot {display: none !important;}
.ip-testimonials-main-wrapper {padding: 80px 0 0;  }
.dynamic-top-content{position: relative;}
.dynamic-top-content:before {position: absolute;content: '';background-color: #41bfc8;padding: 0px 25px;width: 100%;max-width: 1240px;height: 660px;border-radius: 10px;top: 0;/* bottom: 0; */left: 0; right: 0; margin: auto;z-index: -1;}
.ip-testimonials-header p {color: var(--deep-dark-blue);text-align: center; font-size: 24px; line-height: 36px; padding: 5px 0; width: 100%; max-width: 900px; margin: 0 auto 30px;}
.ip-testimonials-inner-wrapper {position: relative;display: flex;justify-content: space-between;gap: 10px; height: auto; overflow: hidden;}
.ip-testimonials-inner{ position: relative; text-align: center !important;}
.ip-testimonials-inner::before {position: absolute;content: '';background: #f9f9f9;width: 100%; top: 40px;bottom: 0;z-index: -1;margin: auto;left: 0px;right: 0px;border-radius: 5px;}
.ip-testimonials-inner img { height: 250px;object-fit: cover;border-radius: 10px; max-width: 280px; margin: auto;}
.testimonials-ip-name-content {display: flex;justify-content: center;align-items: center;gap: 5px;}
.testimonials-ip-name-content img {max-width: 25px !important;height: 25px !important;filter: invert(81%) sepia(12%) saturate(1557%) hue-rotate(142deg) brightness(83%) contrast(86%); margin: initial !important;}
.testimonials-ip-name-content p{ color: #000; font-size: 18px !important; line-height: 20px !important;}
.ip-testimonials-inner h3 {font-size: 20px;text-align: center;padding: 20px 0 10px;}
.ip-testimonials-header .owl-nav {display: flex;justify-content: center; align-items: center; width: 100%;max-width: 250px;margin: auto;}
.ip-testimonials-header .owl-nav button {font-size: 50px;color: #fff;margin: 0 5px;cursor: pointer;transition: background-color 0.3s ease;}
.ip-testimonials-main-wrapper .owl-nav .owl-prev {
	transform: scaleX(-1);
}

.dynamic-top-content {text-align: center;}
.dynamic-top-content h3 .dynamic-top-content p {color: #fff;margin-bottom: 10px;}
.dynamic-top-content p {font-size: 18px;color: #fff; padding: 20px 0;}
.ip-testimonials-main-wrapper .owl-nav {display: flex;justify-content: center; align-items: center; gap: 10px; width: 100%;max-width: 250px;margin: auto;}
.ip-testimonials-main-wrapper .owl-nav button {display: flex;justify-content: center;align-items: center; width: 50px; height: 50px; background: none; border: none; cursor: pointer;}

.ip-testimonials-main-wrapper .owl-nav button img {width: 30px;height: 30px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(152deg) brightness(103%) contrast(103%);}
.modal {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);}
.modal-content {position: relative;background-color: #41bfc8;margin: 10% auto;padding: 20px;width: 80%;max-width: 700px;}
.modal-content .close {position: absolute;top: 12px;right: 35px;color: #aaa;font-size: 50px;font-weight: bold;cursor: pointer;  z-index: 9999;}
.ip-testimonials-inner.active { background: linear-gradient(to top, var(--deep-dark-blue) 90%, transparent 90%);height: 100%;position: relative;bottom: 0;width: 100%;left: 0;border-radius: 5px; color: #fff;}
.ip-testimonials-inner.active .testimonials-ip-name-content p{ color: #fff;}

.play-button-container {position: absolute;top: 35%;left: 50%;transform: translate(-50%, -50%);z-index: 10; border-radius: 50%; background: #fff;}
.play-button {width: 70px !important;height: 70px !important; filter: invert(12%) sepia(74%) saturate(7452%) hue-rotate(9deg) brightness(105%) contrast(116%);}



/* Get Free Consultation Popup */
.call_action_modal::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6); /* Semi-transparent background */filter: blur(12px); /* Blurring effect */z-index: -1; /* Ensures it sits behind the modal content */}
.popup::before {content: '';position: absolute;background: #0000006b;width: 100%;height: 100%;top: 0;left: 0;opacity: .5;display: none;}
.popup .popup-logo {width: 100%;max-width: 100px;margin: 20px auto;position: relative; display: none;}
body.modal-open {overflow: hidden;}
.flex-container-popup article h3 {color: var(--deep-dark-blue);font-size: 28px;margin: 0 0 5px 0;}
.flex-container-popup article p {color: var(--deep-dark-blue);font-size: 22px;margin: 0 0 15px 0;}
.flex-container-popup article .footer-form {padding: 15px 0;}
.close-modal {position: absolute;top: -1px;color: #fff;right: -1px;font-size: 25px;cursor: pointer;background: #60b8c6;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;}
.flex-container-popup .input-wrapper input {color: #303030 !important;}
.flex-container-popup .input-wrapper {border-bottom: 1px solid #60b8c6;}
.flex-container-popup .input-wrapper label {color: #08254f;}
.flex-container-popup .footer-form::before {background: none;}

.call_action_modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; /* Enable vertical scrolling */ z-index: 9999; padding: 20px; display: none;}
.flex-container-popup { position: relative; background-color: #ffffff; display: flex; justify-content: flex-start; align-items: stretch; width: 100%; max-width: 900px; margin: auto; border: 1px solid #fff; overflow-y: auto; /* Ensure the container can scroll if the content overflows */ scrollbar-width: none !important;}
.flex-container-popup article { width: 100%; max-width: 100%; /* Take full width on mobile */ padding: 30px 15px;}
.popup { position: relative; width: 100%; max-width: 100%; /* Take full width on mobile */ display: flex; align-items: center; justify-content: center;}
/* Get Free Consultation Popup */

@media(max-width:1040px){
   .youtube-iframe-content-wrapper .fluid-container{flex-direction: column;}
   /* .youtube-iframe-wrapper{max-width: 100%; flex: auto;} */
   .dynamic-content{max-width: 100%; padding: 20px 0 0;  margin-left: 0;}
   .dynamic-content p {text-align: center !important; margin: 0px !important;}
   .dynamic-content h3{ color: #000 !important; text-align: center;}
   .dynamic-content h4{ color: #000 !important; text-align: center;}
}

 
/* Navigation Buttons */
.ip-testimonials-main-wrapper .owl-carousel .owl-nav {display: flex;justify-content: center; align-items: center; width: 100%;max-width: 250px;margin: auto;}
.ip-testimonials-main-wrapper .owl-carousel .owl-nav button {font-size: 50px;color: #fff;margin: 0 5px;cursor: pointer;transition: background-color 0.3s ease;}
.youtube-iframe-wrapper {display: flex;justify-content: center;margin-top: 20px;}
/*inner page testimonials */

/* YouTube popup */
.grtyoutube-popup {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999}
.grtyoutube-popup-content {margin-top: 40px;width: 95%;max-width: 850px;margin-left: auto;margin-right: auto;position: relative}
.grtyoutube-popup-close {position: absolute;top: -30px;right: 0;color: #fff;font-size: 25px;width: 17px;background: #fff;height: 17px;cursor: pointer}
.grtyoutube-iframe {width: 100%;height: 480px}
@media (max-width:767px) {
    .grtyoutube-iframe {
        width: 100%;
        height: 350px
    }
}
.grtyoutube-dark-theme {background: rgba(0, 0, 0, .85)}
.grtyoutube-dark-theme .grtyoutube-popup-close {background: url(../images/icons/close.png) no-repeat;height: 20px;width: 20px;background-size: contain;  background-color: #fff;}
.grtyoutube-light-theme {background: rgba(255, 255, 255, .85)}
.grtyoutube-light-theme .grtyoutube-popup-content {-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4)}
/* .grtyoutube-light-theme .grtyoutube-popup-close { background: url(icon-close-black.png) no-repeat} */

.testi-nav {display: flex;justify-content: space-between;align-items: center;gap: 40px;border-bottom: 2px solid var(--blue);margin-bottom: 20px;}
.testi-nav p {font-size: 28px;color: #001489;font-weight: 600;margin: 0;}
.custom-nav {display: flex;justify-content: flex-end;align-items: center;gap: 40px;}

.what-our-clients-say-main {position: relative;}
.what-our-clients-say-main > .custom-nav { display: flex; justify-content: space-between; align-items: center; gap: 40px; max-width: 1280px; position: absolute; width: 100%; margin: auto; left: 0; right: 0; top: 0; bottom: 0; height: 10%;z-index: 1;}
.custom-nav button {width: 100%;max-width: 30px;}
.custom-nav button span{display: flex;justify-content: center;align-items: center;}
.custom-nav button.owl-prev span img {transform: scaleX(-1);}
.custom-nav button span img {width: 100%;max-width: 30px;filter: invert(69%) sepia(51%) saturate(378%) hue-rotate(140deg) brightness(89%) contrast(83%);}
.what-our-clients-say2 {display: flex;justify-content: center;align-items: stretch;gap: 20px;}
.what-our-clients-say2 .banner-item {border: none;padding: 10px;width: 100%;max-width: fit-content;}
.what-our-clients-say2 .banner-item.active, .what-our-clients-say2 .banner-item:hover {background: var(--blue);}
.what-our-clients-say2 .banner-item p {color: #303030;}
.what-our-clients-say2 .banner-item.active p , .what-our-clients-say2 .banner-item:hover p {color: #fff;}
.what-our-clients-say2 .banner-item h4 {color: #303030;font-weight: 100;padding: 10px 0 0;}
.what-our-clients-say2 .banner-item.active h4 , .what-our-clients-say2 .banner-item:hover h4 {color: #fff;}
.what-our-clients-say-wrapper {background: #f9f9f9;padding: 60px 0; position: relative;}
.what-our-clients-say-card {display: flex;justify-content: flex-end;align-items: center;gap: 30px;width: 100%;max-width: 100%;height: 100%;  padding: 0 20px;}
.what-our-clients-say-card iframe {width: 100%;max-width: 650px;}
.what-our-clients-say-content {width: 100%;max-width: 600px;}
.what-our-clients-say2 {width: 100%;max-width: 1240px;margin: auto;  padding: 0 20px;}
.what-our-clients-say-card .testimonial-tab-left span:nth-child(1) {display: flex;justify-content: center;align-items: center;position: absolute;bottom: -50px;left: 0;right: 0;margin: auto;}
.what-our-clients-say-card .testimonial-tab-left {max-width: 100%;height: 315px;}
.what-our-clients-say-card .testimonial-tab-left::before {background: #000;opacity: .2;}
.what-our-clients-say-inner-wrapper .owl-stage-outer .owl-item {padding: 10px;}
.what-our-clients-say-inner-wrapper .owl-stage-outer .owl-stage {display: flex;justify-content: center;align-items: stretch;}
/* .what-our-clients-say-card:nth-child(2n) {flex-direction: row-reverse;margin: 60px 0;} */

.what-our-clients-say-inner-wrapper {display: flex;justify-content: center;align-items: stretch;gap: 20px;}
.clients-location-in-detail {display: flex;justify-content: flex-start;align-items: center;gap: 10px;width: 100%;max-width: fit-content;border-radius: 5px;padding: 10px;margin-left: auto;}
.clients-location-in-detail > span {display: flex;justify-content: center;align-items: center;}
.clients-location-in-detail span img {width: 100%;max-width: 25px;  filter: invert(69%) sepia(51%) saturate(378%) hue-rotate(140deg) brightness(89%) contrast(83%);}
.clients-location-in-detail span {font-size: 16px;}
.clients-location-in-detail p {margin: 0;font-size: 18px;}
/* .what-our-clients-say-top-div {display: flex;justify-content: space-between;align-items: center;gap: 20px;} */
.what-our-clients-say-top-div > p {font-size: 30px;font-weight: 600;text-align: right;margin: 0;color: var(--blue);line-height: 1;}
/* .what-our-clients-say-content > p {text-align: center;} */
.what-our-clients-say-card.no-img {gap: 0;}
/* YouTube popup */

/* go to top */
#to-top {cursor: pointer;position: fixed;bottom: 40px;right: 10px;width: 50px;height: 50px;z-index: 9;padding: 6px;border-radius: 50%;background: var(--dark-blue);display: flex;justify-content: center;align-items: center;}
#to-top img{width: 100%;max-width: 30px;}
/* go to top */


.sitemap-inner-wrapper {position: relative;}
.sitemap-inner-wrapper::before {content: ''; position: absolute; background: url(../images/sitemap-bg.webp); width: 100%; height: 100%; opacity: .04;}
.sitemap-inner-wrapper > ul { padding: 60px 0; position: relative; display: flex; justify-content: flex-start; align-items: flex-start; gap: 0 30px; flex-wrap: wrap;}
.sitemap-inner-wrapper ul li a {width: 100%; max-width: fit-content;font-size: 20px;}
.sitemap-inner-wrapper ul li a:hover {color: var(--blue);}
.sitemap-inner-wrapper .packages-li > li {margin: 15px 0;}
.ul-in-ul {padding: 0 !important;}
.packages-li.ul-in-ul li a {font-size: 16px;}
.packages-li.ul-in-ul li::before {width: 10px; height: 10px; top: 10px;}

.whatsapp-link {cursor: pointer;position: fixed;bottom: 100px;right: 10px;width: 50px;height: 50px;z-index: 9;padding: 6px;border-radius: 50%;background: #64ae60;display: flex;justify-content: center;align-items: center;}
.whatsapp-link a img {width: 100%;max-width: 30px;position: relative;left: 1px;top: 1px;}


/* Landing Page */

.common-heading h2 {font-size: 40px;}

header.lp .desk-resp-ham {display: none;}
header.lp .right-desktop-menu-container {padding: 0;}
.lp-wrapper .footer-form::before {background: #00148900;}
.lp-wrapper .footer-form {padding: 20px 0;}
.lp-wrapper select, .lp-wrapper input, .lp-wrapper textarea, .lp-wrapper button {color: #fff;}
.lp-wrapper .career-cta-inner {padding: 40px 0;}


/* Banner */
.landing-page-banner-wrapper {position: relative;min-height: 100vh;display: flex;flex-direction: column;justify-content: space-between;align-items: stretch;}
.landing-page-banner-wrapper::before {content: '';position: absolute;background: #000;opacity: .6;width: 100%;height: 100%; left: 0;top: 0;}
.landing-page-banner-wrapper > .fluid-container {height: 100%;min-height: calc(100vh - 155px);height: 100%;}

.landing-page-banner-inner { display: flex; justify-content: space-between; align-items: center; gap: 20px; position: relative; padding: 140px 0 20px; height: 100%; min-height: calc(100vh - 155px);}
.banner-details-left  {width: 100%;max-width: 600px;height: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.landing-page-banner-text h3 {color: #ffffff;font-size: 36px;margin: 10px auto;display: flex;justify-content: center;align-items: center;text-align: center;}
.landing-page-banner-text h2 {color: #ffffff;font-size: 42px;margin: 10px auto;display: flex;justify-content: flex-start;align-items: center;text-align: center;}
.landing-page-banner-text p {font-size: 26px;color: #fff;line-height: 1.4;text-align: left;}

.landing-page-yoe {display: flex;justify-content: center;align-items: center;gap: 20px;width: 100%;max-width: fit-content;}
.landing-page-yoe .yoe-right h2.inner-h2 {font-weight: 400;color: #fff;font-size: 20px;position: relative;}
.landing-page-yoe .yoe-right h2.inner-h2 span {display: inline-block;width: 10px;vertical-align: super;}
.landing-page-yoe .yoe-right h2.inner-h2 span img {width: 10px;filter: invert(84%) sepia(99%) saturate(3713%) hue-rotate(182deg) brightness(119%) contrast(108%);}
.landing-page-yoe:nth-child(2) .yoe-left span:first-child {width: 44px;}
.landing-page-yoe:nth-child(3) .yoe-left span:first-child {width: 90px;}
.yoe-left span {display: flex;justify-content: center;align-items: center;font-size: 40px;font-weight: 600;color: var(--blue);}
.yoe-left {text-align: center;font-size: 20px;color: #fff;font-weight: 600;padding: 0 50px;position: relative;text-transform: uppercase;}
.yoe-left::before {content: '';position: absolute;background: #ffffff91;width: 1px;height: 85%;top: 10px;right: 0;bottom: 0;margin: auto;}
.landing-page-yoe:last-child .yoe-left::before {display: none;}

.banner-details-right {width: 100%;max-width: 500px;height: 100%;}
.banner-details-right-top {background: #000000c4;padding: 20px;border-radius: 20px;}
.banner-details-right .contact-form-main {display: flex;justify-content: flex-start;align-items: flex-start;gap: 0;flex-direction: column;max-width: 500px;}
.banner-details-right .form-md {width: 100%;text-align: center;margin: 0 0 20px;}
.banner-details-right h3, .banner-details-right p {color: #fff;text-align: center;}
.banner-details-right .form-group {margin: 10px 0;position: relative;width: 100%;max-width: 500px;}
.banner-details-right .form-md input:valid + label, .banner-details-right .form-md input:focus + label, .banner-details-right .form-md textarea:valid + label, .banner-details-right .form-md textarea:focus + label {top: -9px;color: var(--dark-blue);font-weight: bold;padding: 2px 20px;}
.banner-details-right .common-btn {padding: 10px 0 0;text-align: right;}

.ip-plus { display: flex; justify-content: center; align-items: center; gap: 10px;}
.ip-plus span:last-child {width: 22px;}
.year-of-experience-wrapper {  background: linear-gradient(to top, #000000a3 90%, #fff0 75%);}
.year-of-experience-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 20px;position: relative;padding: 20px 0;}
.year-of-experience-inner-wrapper > h2 {color: var(--yellow);position: relative;}
.year-of-experience-inner-wrapper > h2 span {display: inline-block;width: 15px;vertical-align: super;}
.year-of-experience-inner-wrapper > h2 span img {width: 15px;filter: invert(69%) sepia(63%) saturate(581%) hue-rotate(357deg) brightness(101%) contrast(103%);}
.year-of-experience-right {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 100%;}
/* Banner */


/* form */
.form-md { width: 100%; text-align: center; margin: 32px auto 32px auto;}
.form-md .form-group {max-width: 320px;}
.form-group {margin: 25px 0;position: relative;}
.form-md input, .form-md textarea {position: relative;display: block;width: 100%;border: 1px solid rgba(0,0,0,.37);border-radius: 4px;background-color: #f7f7f7;margin: 0px auto;padding: 15px 20px;outline: none !important;font-size: 16px;color: rgba(0,0,0,0.85);transition: all .2s ease-in-out;}
.form-md label {position: absolute;top: 18px; left: 12px;text-align: left;display: inline-block;padding: 0 10px;height: 14px;line-height: 14px;font-size: 14px;font-weight: 400;background: #f7f7f7;color: rgba(0,0,0,0.5);margin: 0px auto;cursor: text;transition: all .15s ease-in-out;}
.form-md input:hover, .form-md input:focus, .form-md textarea:hover, .form-md textarea:focus { border: 1px solid #303030; }
.form-md input:valid + label, .form-md input:focus + label, .form-md textarea:valid + label, .form-md textarea:focus + label { top: -6px;color: var(--dark-blue);font-weight: bold;}
.form-md .gl-form-asterisk {background-color: inherit;color: #e32b2b;padding: 0;padding-left: 3px;}
.form-md .gl-form-asterisk:after {content: "*";}

.form-md .common-btn {padding: 0;text-align: left;}
.lp-wrapper select, .lp-wrapper input, .lp-wrapper textarea {color: #08254f;}

.lp-wrapper .landing-page-banner-wrapper select, .lp-wrapper .landing-page-banner-wrapper input, .lp-wrapper .landing-page-banner-wrapper textarea, .lp-wrapper .landing-page-banner-wrapper button {color: #fff;}

.banner-details-right-top select, .banner-details-right-top input, .banner-details-right-top textarea, .banner-details-right-top button {color: #fff;}
/* form */

/* Why Us */
.ip-why-us-wrapper {padding: 100px 0;}
.ip-why-us-main { display: flex; justify-content: center; align-items: stretch; gap: 20px; flex-wrap: wrap; padding: 60px 0 0;}
.ip-why-us-card { width: 100%; max-width: 295px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 20px 20px 5px; border-radius: 15px;}
.ip-why-us-card span { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 80px; height: 80px; background: var(--blue); margin: auto; border-radius: 50%;}
.ip-why-us-card span img { width: 100%; max-width: 50px; filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);}
.ip-why-us-card h3 { text-align: center; padding: 20px 0px 0; color: var(--deep-dark-blue);  font-size: 26px;}
.ip-why-us-card p {text-align: center;}
.ip-why-us-card:hover span {background: var(--deep-dark-blue); transition: .5s ease-in-out;}
/* Why Us */

/* How It Works */
.cta-content-l p:first-child {font-size: 35px;}
/* How It Works */

/* Our Homes */
.lp-our-homes-inner-wrapper { padding: 100px 0; background: #f7f7f7;}
.lp-our-homes-main.owl-carousel {padding: 60px 0 0;}
.lp-our-homes-card .magnific-img {width: 100%;max-width: 400px;height: 450px;position: relative;transition: all .3s ease-in-out;background: no-repeat center center/cover;}
.lp-our-homes-card .magnific-img > a {display: block;height: 100%;width: 100%;background: no-repeat center center/cover;position: relative;}
.lp-our-homes-card .magnific-img > a em {position: absolute;top: 0;left: 0;width: 96%;height: 94%;background: #000;opacity: 0;display: flex;justify-content: center;align-items: center;transition: all .4s ease-in-out;bottom: 0;right: 0;margin: auto;}
.lp-our-homes-card .magnific-img > a:hover em {opacity: .6;}
.lp-our-homes-card .magnific-img > a em img {width: 32px;filter: invert(99%) sepia(22%) saturate(313%) hue-rotate(161deg) brightness(118%) contrast(100%);margin-top: 60px;opacity: 0;transition: all .4s ease-in-out;transition-delay: .2s;}
.lp-our-homes-card .magnific-img > a:hover em img {margin-top: 0;opacity: 1;}
.lp-our-homes-card  {position: relative; display: flex; justify-content: center;}
.lp-our-homes-card p { position: absolute; top: -15px; left: 20px; background: #60b8c6e0; color: #fff; padding: 15px 20px; z-index: 1;}
.lp-our-homes-main.owl-carousel .owl-dots {display: none !important;}
/* Our Homes */

/* Packages */
.lp-packages-wrapper {padding: 100px 0;}
.lp-packages-wrapper .package-details {max-width: 270px;}
.lp-packages-wrapper .package-details-name span { font-size: 18px;}
.lp-packages-wrapper .package-details-name p {font-size: 22px;}
.lp-testimonials-wrapper {padding: 100px 0 0;}
/* Packages */

/* Happy Clients */
.lp-happy-clients-wrapper span {display: flex; justify-content: center; align-items: center;  padding: 40px 0 0;}
/* Happy Clients */

/* Testimonials */
#section4 {padding: 100px 0;  background: linear-gradient(to right, #e5f3f6b2 30%, #8bccd799 50%, #86d1dd 80%, #60b8c6 100%);}
.lp-testimonials-main { display: flex; justify-content: center; align-items: stretch; gap: 20px;  padding: 40px 20px 0;}
.lp-testimonials-inner-wrapper .owl-dots {display: none;}
.lp-testimonials-card a h4 { text-align: center; padding: 10px 0 0; color: var(--deep-dark-blue);}
.lp-testimonials-card a p { text-align: center; margin: 0;}
.lp-testimonials-card {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 10px;padding: 0 0 10px;}
.lp-testimonials-card a span { display: flex; justify-content: center; align-items: center; border-radius: 10px 10px 0 0; overflow: hidden;}
.lp-testimonials-main.owl-carousel .owl-stage {padding: 0 0 20px;}
.lp-testimonials-card:hover {background: var(--blue);}
.lp-testimonials-card span img {width: 100%; max-width: fit-content; transition: .5s ease-in-out;}
.lp-testimonials-card:hover span img {transform: scale(1.02); transition: .5s ease-in-out;}
.lp-testimonials-card:hover a p, .lp-testimonials-card:hover a h4 {color: #fff; font-weight: 100;}
/* Testimonials */

/* FAQ */
#section6 {padding: 100px 0;}
.lp-wrapper .packages-li li {font-size: 16px;}
.acc-table { margin: 20px 0 0; border-spacing: 0; border-collapse: separate;}
.acc-table tr td { padding: 10px; font-size: 18px; border: 1px solid #08254f1f; vertical-align: middle;}
.acc-table tr th { background: var(--deep-dark-blue); color: #fff; padding: 10px; text-align: center; border: 1px solid #dadde2; font-weight: 100; font-size: 18px;}
/* FAQ */

/* footer */
.lp-footer .footer-section { width: 100%; max-width: fit-content !important;}
.lp-footer .footer-links { display: flex; justify-content: center; align-items: center; gap: 30px; flex-wrap: wrap;}
.lp-footer .footer-bottom {flex-direction: column; padding: 40px 0;}
.lp-footer .footer-section:nth-child(1) {order: 1 !important;}
.lp-footer .footer-section:nth-child(2) {order: 2 !important;}
.lp-footer .footer-section:nth-child(2)::before { display: flex !important; }
/* footer */

.get-a-quote {display: none !important; cursor: pointer; position: fixed; bottom: 0; right: 0; width: 100%; z-index: 9; background: #001489; display: flex; justify-content: center; align-items: center;}
.get-a-quote a {color: #fff;width: 100%;text-align: center;padding: 8px;font-size: 18px;}
.get-a-quote:hover {background: var(--blue);}
.get-a-quote:hover a {color: var(--deep-ark-blue);}
/* Landing Page */

/* Lable Animation */
.input-wrapper { position: relative; margin-bottom: 20px;}
.user-box input,
.user-box-readonly input,
.user-box select{ width: 100%; padding: 20px 0 5px 0; font-size: 16px; border: none; outline: none; background: transparent; position: relative;}

.user-box textarea { width: 100%; margin: 20px 0 10px 0; font-size: 16px; border: none; outline: none; background: transparent; position: relative;}

.user-box label,
.user-box-readonly label { position: absolute; top: 0; left: 0; padding: 10px 0; font-size: 16px; color: #fff; pointer-events: none; transition: .5s;}
.user-box-readonly label {top: -15px;}
.banner-details-right .user-box-readonly label {color: var(--blue); top: -15px;}
.user-box-readonly select {padding: 20px 0 10px;}

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; /* Override background color */ transition: background-color 5000s ease-in-out 0s; /* Ensure background transition overrides autofill */ background-clip: content-box !important; /* Keeps styling consistent */}
.banner-details-right input:-webkit-autofill {-webkit-text-fill-color: #fff !important; /* Text color inside autofilled input */ }
.index-contact-form input:-webkit-autofill {-webkit-text-fill-color: #fff !important; /* Text color inside autofilled input */ }
/* Lable Animation */

/* Checkbox */
.input-wrapper.authorization-wrapper {border: none !important;}
.input-wrapper.authorization-wrapper input { width: 20px;}
.input-wrapper.authorization-wrapper label { font-size: 14px !important; line-height: 1.4;}
/* Checkbox */
.house-construction-service-inner-wrapper {padding: 100px 0 0;}
.house-construction-service-inner-wrapper .common-heading h2 {margin: 0 0 20px;}
.d-n {display: none;}

/* popup css  */
#start-popup { display: none; /* Hide initially */ justify-content: center; align-items: center;height: 100%;left: 0;right: 0; position: fixed;text-align: center;top: 0;width: 100%;z-index: 9999999;overflow-y: auto; width: 100%; max-width: 900px; margin: auto;}
#start-popup a:first-child { display: flex; justify-content: center; align-items: center; background: #fff; padding: 5px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
#start-popup a:first-child img {width: 100%;max-width: 800px;}
.popup-main {position: relative;width: 100%; height: 100%;}
.close-popup {position: absolute;right: 20px;top: 20px;padding: 10px 18px;background: #e52635;color: #fff !important;font-weight: bold;cursor: pointer;z-index: 9999;}
body.no-scroll {overflow: hidden;}

.popup-main .call_action_modal { display: block !important; background: none !important; width: 100%; max-width: 900px; margin: auto;}
.popup-main .call_action_modal::before {background: none !important;}
@media(max-width: 480px){
    #start-popup > div {max-width: 90%;}
}
/* popup css  */


/* Responsive */

@media (min-width: 2000px) {
    .common-btn a, .common-btn button {padding: 15px 50px; font-size: 20px;}
    .index-page-slider h2 {font-size: 46px; height: 210px; line-height: 1.2;}
    .run-letter-div > span {font-size: 30px;}
    /* .links-main-wrapper li a {font-size: 24px;} */
    /* .header-contact-details a, .header-contact-details span {font-size: 20px;} */
    /* .consultation-btn a {font-size: 18px;} */
    .scoreboard-wrap {padding: 15px 0 120px;}
    .run-letter-div .plus {font-size: 36px;}
    .scoreboard-wrap .run-letter-div:last-child .plus {width: 85px;}
    .scoreboard-wrap .run-letter-div:first-child .plus {width: 100px;}
    /* .media-logos span img {height: 180px; max-width: 250px;} */
    .media-logos span, .award-logos {width: 100%; max-width: 250px;}
    h1.index-h1 {font-size: 62px;}
    .fluid-container {max-width: 1800px;}
    .why-buildahome-cards-main {max-width: 40%;}
    .why-buildahome-card p, .why-buildahome-card span {font-size: 22px;}
    .common-heading h2 {font-size: 54px;}
    .common-heading h3 {font-size: 46px;}
    .common-heading h3::before {max-width: 65px; height: 60px; right: -65px;}
    .common-heading h3::after {max-width: 65px; height: 60px; left: -65px;}
    .working-step {max-width: 20%;}
    .working-step p {font-size: 24px;}
    .working-step span:nth-child(2) img {max-width: 60px;}
    .working-step span:nth-child(2) {width: 100px; height: 100px;}
    .working-step span:nth-child(1) {font-size: 68px;}
    h2, .our-homes-inner-wrapper-main > h2 {font-size: 46px;}
    .step-content-right h3 {font-size: 36px;}
    p {font-size: 24px;}
    .our-home-image p {font-size: 18px !important;}
    .common-ul li {font-size: 22px;}
    .step-content-right {max-width: 50%;}
    .testimonials-tabs {max-width: 30%;}
    .testimonials-content {max-width: 70%;}
    .testimonial-name, .testimonial-tab-content {max-width: 100% !important;}
    .testimonial-tab-right {max-width: 50%;}
    /* header.scrolled-header .header-main-inner > a {max-width: 120px; padding: 5px 0;} */
    header.scrolled-header .header-main-inner > a img {max-width: 120px;}
    .header-main-inner > a, .header-main-inner > a img {max-width: 120px;}
    .testimonial-tab-left {max-width: 50%; height: 450px;}
    .testimonial-tab-content {padding: 0 20px;}
    .completed-project img {height: 450px;}
    .our-packages-left {max-width: 50%;}
    .our-packages-right {max-width: 50%;}
    .price-details p {font-size: 32px;}
    .banner-text > span img {max-width: 160px;}
    .banner-text > span {max-width: 180px; height: 160px;}
    .swiper.mySwiper {height: 650px;}
    .index-cta-right {max-width: 80%;}
    .index-cta-right-card {max-width: 30%;}
    .index-cta-right-card span img {max-width: 60px;}
    .contact-form-steps-inner-wrapper {max-width: 90%;}
    .contact-form-steps {max-width: 40%;}
    .index-contact-form {max-width: 60%;}
    .input-wrapper label {font-size: 20px;}
    .frequently-asked-questions {max-width: 60%;}
    .acc__panel p {font-size: 24px;}
    .acc__title h2 {font-size: 30px;}
    .location-name h3 {font-size: 24px;}
    .location-name p {font-size: 20px;}
    .footer-top-left {max-width: 60%; flex-wrap: wrap;}
    .location-details span img {max-width: 45px;}
    .location-details span {width: 70px; height: 70px;}
    .footer-top-right {max-width: 40%;}
    .playstore-appstore a {width: 100%;}
    .playstore-appstore a img {max-width: 75%; height: 100px;}
    .footer-top-right h2 {font-size: 52px;}
    .social-links a img {max-width: 50px;}
    .social-links {gap: 50px;}
    .footer-links li a {font-size: 24px;}
    .footer-section p {font-size: 24px;}
    .footer-section:nth-child(2) {max-width: 60%;}
    .footer-section {max-width: 40%;}
    .footer-bottom-wrapper a, .footer-bottom-wrapper p {font-size: 18px;}
    .how-it-works-main-wrapper, .testimonials-wrapper, .projects-wrapper, .our-packages-inner-wrapper, .index-cta-inner-wrapper, .faq-wrapper {padding: 100px 0;}
    /* .our-homes-card {max-width: fit-content;}
    .our-home-details {padding: 20px 0 40px;}
    .our-home-home-detail-card {max-width: 240px;}
    .home-in-detail span {font-size: 24px;}
    .our-home-home-detail-card span img {max-width: 60px;}
    .home-in-detail p {font-size: 22px;}
    .our-home-image span img {max-width: 100%;} */
    .green-building-content {max-width: 80%;}
    .benefits-content {max-width: 60%;}
    .benefits-content .acc__title h2 {font-size: 32px;}
    h4 {font-size: 28px;}
    .career-cta-inner p {font-size: 46px; max-width: 60%;}
    .why-buildahome-is-best-card {max-width: 32%;}
    .why-buildahome-is-best-card-content h3 {font-size: 30px;}
    .why-buildahome-is-best-card-content p {font-size: 24px;}
    .why-buildahome-is-best-card span img {max-width: 70px;}
    .why-buildahome-is-best-card span {max-width: 100px; height: 100px;}
    .green-home-slide .fluid-container {max-width: 1800px;}
    .what-are-your-green-affiliation {max-width: 48%; background: #80b341;}
    .what-are-your-green-affiliations-main {width: 100%; max-width: 100%;}
    .about-green-home-content {max-width: 80%;}
    .our-achieved-benefits-card {max-width: 40%;}
    .our-achieved-benefits-card span img {max-width: 85px;}
    .our-achieved-benefits-card-content {max-width: 70%;}
    .our-achieved-benefits-card-content h3 {font-size: 28px;}
    .our-achieved-benefits-card-content > span {font-size: 24px;}
    .our-green-homes-card {max-width: fit-content;}
    .our-green-homes-card span img {max-width: 100%; height: 500px;}
    .ip-working-steps-content {max-width: 90%;}
    .ip-working-steps-content span {width: 100%; max-width: 400px;}
    .ip-common-heading h3 {font-size: 40px;}
    .ip-common-heading h2 {font-size: 42px;}
    .ip-common-heading img {max-width: 100px;}
    .ip-what-we-offer-card {max-width: 24%;}
    .ip-what-we-offer-card h4 {font-size: 30px;}
    .ip-what-we-offer-card span img {max-width: 90px;}
    .ip-what-we-offer-card p {font-size: 20px;}
    .vision-featuring {max-width: 50%;}
    .about-counter {max-width: 80%;}
    .ip-about-us-right {max-width: 60%;}
    section#timeline article div.inner ul li {font-size: 22px;}
    .our-score-board.about-us-counter .run-letter-div {max-width: 30%;}
    .no-of-team-member {max-width: 12%;}
    .no-of-team-member p {font-size: 22px;}
    .benefits-card {height: auto; max-width: 24%;}
    .job-opening-card {max-width: 50%;}
    .careers-right {max-width: 60%;}
    .job-openings-left {max-width: 40%;}
    .index-page-slider .swiper-button-next {right: 40px;}
    .index-page-slider .swiper-button-prev {left: 40px;}
    .packages-li li, .package-detail .acc__panel ul li {font-size: 18px;}
    .acc.packages-accordian .acc__card .acc__title h2 {font-size: 22px;}
    .banner-video { max-width: 1425px;}
}


@media (max-width: 1800px){
    .about-slides.owl-carousel .owl-nav button.owl-prev, .about-slides.owl-carousel .owl-nav button.owl-next {width: 45px;height: 45px;left: 15px;}
    .about-slides.owl-carousel .owl-nav button.owl-prev > span, .about-slides.owl-carousel .owl-nav button.owl-next > span {font-size: 25px;top: -2px;}
    .about-slides.owl-carousel .owl-nav button.owl-next  {right: 20px !important;left: auto !important;}
    .slider-txt p, p.alert {font-size: 30px !important;}
}

@media (max-width: 1600px){
    .index-page-slider .slider-txt {justify-content: center;padding: 0 40px;}
    .scoreboard-wrap {padding: 15px 0 100px;}
    .materials-used-card p {font-size: 16px;}

    .about-slides.owl-carousel .owl-nav button.owl-next {right: 10px;left: auto !important;}

    .about-slides.owl-carousel .owl-nav button.owl-prev, .about-slides.owl-carousel .owl-nav button.owl-next {width: 30px;height: 30px;left: 10px;}
    .about-slides.owl-carousel .owl-nav button.owl-prev > span, .about-slides.owl-carousel .owl-nav button.owl-next > span {font-size: 25px;top: -2px;}
    .about-slides.owl-carousel .owl-nav button.owl-next > span {right: 10px;}

    .green-home-slider-content-main span img {max-width: 100%;}
    .green-home-slider-content-main span {max-width: 50%;right: 0;position: relative;}
    .slide-content {padding-right: 30px;}
    /* .about-slide-main {height: auto;} */
}

@media (max-width: 1400px){
    .index-page-slider .slider-txt {justify-content: center;padding: 0 40px;}
    .scoreboard-wrap {padding: 15px 0 50px;}
    .index-page-slider h2 {width: 100%;}

    .location-details {max-width: 300px;}
    .footer-top-left {justify-content: flex-start;gap: 40px 40px;}
}

@media (max-width: 1360px){
    .house-construction-service-inner-wrapper {padding: 60px 0 0;}
    .wrapper.green-home-wrapper h1 {font-size: 36px;color: #08254f;}
    h1.index-h1 {font-size: 36px;display: table;margin: auto;}
    .common-heading h2, .wrapper.green-home-wrapper h2, .wrapper.green-home-wrapper h2 span {font-size: 34px;}
    .common-heading h3 {font-size: 26px !important;}
    .why-build-a-home-inner-wrapper {padding: 60px 0 30px;}
    .how-it-works-main-wrapper, .projects-wrapper {padding: 60px 0;}
    .about-us-main-inner-wrapper {padding: 40px 0 0;}
    .working-steps-content {padding: 20px 10px 0;}
    .about-slides.owl-carousel .owl-nav {bottom: 40%;}
    .about-slides.owl-carousel .owl-nav button.owl-prev {left: 20px;}
    .about-slides.owl-carousel .owl-nav button.owl-next {right: 20px;}
    /* .media-logos span img {height: 90px;} */
    .scoreboard-wrap {padding: 15px 0 20px;}
    .index-page-slider h2 {height: 85px;}
    .links-main-wrapper li a {padding: 32px 0px;font-size: 18px;}
    .header-main-wrapper {padding: 10px 0 5px;}
    /* .index-page-slider h2 {font-size: 80px;line-height: 0;padding: 40px 0 20px;} */
    /* .header-main-inner > a, .header-main-inner > a img {width: 100%;max-width: 100px;} */
    .completed-works.owl-carousel .owl-nav button.owl-prev span, .completed-works.owl-carousel .owl-nav button.owl-next span {left: 20px;}
    .completed-works.owl-carousel .owl-nav button.owl-next span {right: 20px;left: auto;}
    .completed-works {padding: 30px 0 0;}
    .ip-about-us-wrapper {padding: 60px 0 100px;}
    .ip-what-we-offer-wrapper {padding: 60px 0;}
    .ip-our-strength-wrapper {padding: 60px 0;}
    .ip-contact-us-wrapper {padding: 60px 0;}
    .career-openings-main {padding: 60px 0;}
    .our-activities-wrapper {padding: 60px 0;}
    .our-belief-content p {font-size: 20px;}
    .our-belief-wrapper { padding: 80px 0;}
    .hiring-process-main {padding: 60px 0;}
    .job-wrapper {padding: 60px 0;}
    .job-form {padding: 0 0 60px;}
    .career-cta-inner p {font-size: 24px;}
    .careers-main-wrapper {padding: 60px 0 0;}
    .ip-how-we-work-wrapper {padding: 60px 0 0px;}
    .curved-line-container { bottom: 40px;}
    .our-homes-wrapper {padding: 15px 0 100px}
    .about-slide-main {height: 100%;}
    .slide-content {padding: 30px;width: 100%;max-width: 700px;}
    .ip-about-us-left {max-width: 500px;}
    .ip-about-us-left span img {max-width: 400px;}
    .slide-content-img, .slide-content-img img {height: 400px;object-fit: contain;max-width: 400px;}

    .slide-content p {font-size: 20px;}
    .slide-content-main {justify-content: center;}
    .slide-content-main {padding: 0 80px;}
    .green-home-slide.slide6::before, .green-home-slide.slide1::before {max-width: 600px;}
    .packages-main-wrapper {padding: 60px 0 0;}
    .ip-testimonials-main-wrapper {padding: 60px 0;}
    .our-success-story-wrapper {padding: 60px 0;}

    .our-homes-cards-main.owl-carousel .owl-nav .owl-prev span, .our-homes-cards-main.owl-carousel .owl-nav .owl-next span {color: #ffffff;font-size: 45px;width: 100%;max-width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;}
    .our-homes-cards-main.owl-carousel .owl-nav .owl-prev {left: -22px;}
    /* .our-homes-cards-main.owl-carousel .owl-nav .owl-prev, .our-homes-cards-main.owl-carousel .owl-nav .owl-next::before {max-width: 50px;} */
    /* .our-homes-cards-main.owl-carousel .owl-nav .owl-prev span::before, .our-homes-cards-main.owl-carousel .owl-nav .owl-next span::before {content: '';position: absolute;background: #fff;width: 50px;height: 50px;} */
    /* .award-logos{max-width: 200px;} */
    .lp-happy-clients-wrapper span { transform: scale(1.1);}

    .slider-txt p, p.alert {font-size: 20px !important;}
    #start-popup a:first-child img {max-width: 320px;}
}

@media (max-width: 1280px){
    /* .ip-what-we-offer-card {max-width: 285px;} */
    /* .ip-what-we-offer-right {max-width: 650px;} */
    .our-home-images.owl-carousel .owl-nav button.owl-prev, .our-home-images.owl-carousel .owl-nav button.owl-next {left: -30px;}
    .our-home-images.owl-carousel .owl-nav button.owl-next {right: -30px;left: auto;}
    .benefits-slider.owl-carousel .owl-nav button.owl-prev, .benefits-slider.owl-carousel .owl-nav button.owl-next {left: 10px;}
    .benefits-slider.owl-carousel .owl-nav button.owl-next {right: 10px;left: auto !important;}
    .sustainable-design-card:nth-child(3) p {left: 90px;}
    .sustainable-design-card:nth-child(1) p {right: 85px;}
    .our-achieved-benefits-card {max-width: 300px;gap: 10px;}
    .our-design-card span img {max-width: 100%;}
    .our-design-card {max-width: 48%;}
    .testimonial-name p {font-size: 16px;}
    .testimonial-name {padding: 15px;margin: 30px 0;}

    .ip-why-us-card {max-width: 280px;}
}

@media (max-width: 1240px){
    .footer-section:nth-child(1) {max-width: 200px;}
    .footer-top-left {gap: 40px 20px;}
    .testi-home-detail-card {max-width: 170px;}
    .benefits-slider.owl-carousel .owl-nav button.owl-prev, .benefits-slider.owl-carousel .owl-nav button.owl-next {left: 0px;}
    .benefits-slider.owl-carousel .owl-nav button.owl-next {right: 0px;left: auto !important;}
    /* .ip-what-we-offer-card {max-width: 350px;} */
    .our-brands-wrapper.green-home-brands .our-brands-left .common-heading h2 {text-align: center;}
    .why-buildahome-is-best-card {max-width: 365px;}
    .testimonials-content {max-width: 880px;}
}

@media (max-width: 1200px){
    header.scrolled-header .links-main-wrapper li a {padding: 30px 10px;}
    .scoreboard-wrap {padding: 15px 0 15px;}
    /* .index-page-slider h2 {font-size: 80px;} */
    /* .media-logos span img {max-width: 180px;height: 80px;} */
    .links-main-wrapper li a {padding: 40px 0px;font-size: 18px;}
    .index-page-slider h2 {width: 90%;/* height: 75px; */font-size: 30px;}
    .footer-bottom-wrapper {justify-content: center;gap: 10px 20px;flex-wrap: wrap;}
    .why-build-a-home-inner-wrapper {padding: 60px 0;}
    .working-step span:nth-child(1) {left: 15px;}
    .testi-home-detail-card span img {max-width: 30px;}
    .testi-home-detail-card {max-width: 150px;}
    .our-packages-left {max-width: 400px;}
    /* .our-packages-right {max-width: 600px;} */
    .our-packages-inner-wrapper {gap: 40px;}
    .banner-text {gap: 30px;}
    .faq-inner-wrapper {flex-direction: column;}
    .frequently-asked-questions {max-width: 900px;}
    .faq-right {display: none;}
    .ip-what-we-offer-inner-wrapper {flex-direction: column;}
    .ip-what-we-offer-left span img { height: 100%;}
    .ip-what-we-offer-right {max-width: 100%;}
    .ip-what-we-offer-card {max-width: 48%;height: auto;}

    .faq-wrapper.how-it-works-faq .faq-inner-wrapper {padding: 20px 0 0;}
    .frequently-asked-questions {max-width: 100%;}
    .job-details-top span {font-size: 14px;}
    .apply-now p {font-size: 20px;}

    .step-no > span:nth-child(2) {display: none;}
    .ip-working-steps-card::before {left: 28px;}
    .step-no > span:nth-child(1) {width: 60px;height: 60px;background: #f7f7f7;border-radius: 50%;box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 3px;z-index: 1;top: auto;bottom: 0;font-size: 30px;left: 0;}
    .ip-working-step {padding: 0 0 0 80px;}
    .step-no { position: absolute;left: 0;top: 40px;}
    .ip-working-steps-content {max-width: 100%;padding: 0 0 0 80px;}
    .ip-working-steps-card-wrapper:hover .step-no > span:nth-child(1) {-webkit-text-stroke: 1px #fff;-webkit-text-fill-color: #3c232300;background: var(--deep-dark-blue);}

    .job-form-inner form {padding: 15px;}
    .job-form-inner form {gap: 30px;}
    .job-form-inner form.footer-form .input-wrapper textarea {color: #fff !important;}

    .our-home-images.owl-carousel .owl-nav button.owl-prev, .our-home-images.owl-carousel .owl-nav button.owl-next {background: none;border: none;}
    .our-home-images.owl-carousel .owl-nav button.owl-prev > span, .our-home-images.owl-carousel .owl-nav button.owl-next > span {color: #60b8c6;}
    .our-home-images.owl-carousel .owl-nav button.owl-prev, .our-home-images.owl-carousel .owl-nav button.owl-next {left: -40px;}
    .our-home-images.owl-carousel .owl-nav button.owl-next {right: -40px;left: auto;}

    .our-achieved-benefits-inner-wrapper {gap: 10px;}
    .our-achieved-benefits-inner-wrapper {flex-direction: column;}
    .our-achieved-benefits-wrapper h2 {text-align: center;}

    .benefits-slider.owl-carousel .owl-nav button.owl-prev, .benefits-slider.owl-carousel .owl-nav button.owl-next {left: -10px;}
    .benefits-slider.owl-carousel .owl-nav button.owl-next {right: -10px;left: auto !important;}
    .benefits-slider.owl-carousel .owl-nav button.owl-prev > span, .benefits-slider.owl-carousel .owl-nav button.owl-next > span {color: #fff;font-size: 30px;}
    .benefits-slider.owl-carousel .owl-nav button.owl-prev, .benefits-slider.owl-carousel .owl-nav button.owl-next {background: none;}

    .green-home-affiliations-main-wrapper {flex-direction: column;gap: 40px;}
    .what-are-your-green-affiliations-main {max-width: 100%;}
    .what-are-your-green-affiliation {border-radius: 10px;height: auto;justify-content: flex-start;}
    .green-home-affiliations-main-wrapper.green-home-cta .contact-links-main {margin: auto;height: 400px;}
    .ip-we-choose-inner-wrapper {flex-direction: column;gap: 35px;}
    .ip-we-choose-right .our-brands-right {justify-content: center;}
    .testimonials-main {flex-direction: column;}
    .testimonial-name p {width: 250px;}
    .testimonials-tabs {max-width: 100%;display: flex;justify-content: flex-start;align-items: center;gap: 20px;overflow: scroll;}
    .testi-home-detail-card {max-width: 200px;}
    .testimonials-content {margin: auto;}
    .testimonials-tabs .testimonial-name:first-child {left: 4px;}

    .media-logos span img {height: 80px;}
    .our-score-board.about-us-counter .run-letter-div > span { width: 100%;text-align: center;}
    .our-score-board.about-us-counter .scoreboard-wrap .run-letter-div:last-child .plus { width: 100%; text-align: center;}

    .package-process-card { max-width: 200px; height: 190px;}
    .package-process-card span img { max-width: 50px;}
    .package-process-card span { max-width: 80px; height: 80px;}
    .package-process-card p { font-size: 18px;}
    .package-process-card:nth-child(1)::before { max-width: 180px; height: 95px; top: -15px; right: -40px;}
    .package-process-card:nth-child(2)::before { max-width: 120px; height: 70px; bottom: 0; right: -10px;}
    .package-process-card:nth-child(3)::before { max-width: 140px; height: 70px; top: 18px; right: -25px;}
}

@media (max-width: 1080px){
    .right-desktop-menu-container {display: none;}
    header.lp .right-desktop-menu-container {display: block;}
    .main-nav-links {display: block !important;}
    .consultation-btn {margin-left: auto;display: flex;justify-content: flex-end;align-items: center;}
    .top-header-inner-wrapper {justify-content: space-between;}

    .footer-top {flex-direction: column;gap: 60px;}
    .footer-top-left {justify-content: center;}
    .footer-main-inner-wrapper {display: flex;flex-direction: column-reverse;justify-content: center;align-items: center;}
    .footer-bottom, .footer-top {padding: 30px 0 30px 0;}
    .footer-section:nth-child(3) {max-width: 100%;}
    .footer-bottom {flex-wrap: wrap;gap: 60px;}
    .lp-footer .footer-bottom {gap: 10px;}
    .footer-section:nth-child(2)::before {display: none;}
    .footer-section:nth-child(2)::after {right: -60px;}
    .footer-section:nth-child(3) .footer-links {display: flex;justify-content: center;align-items: center;gap: 0px 50px;flex-wrap: wrap;}
    .footer-section:nth-child(1) {order: 2;}
    .footer-section:nth-child(2) {order: 1;}
    .footer-section:nth-child(3) {order: 3;}

    .why-buildahome-cards-wrapper {justify-content: center;gap: 40px;flex-wrap: wrap;}
    .working-step span:nth-child(1) {left: 5px;}
    .career-cta-inner {justify-content: center;padding: 65px 0;flex-direction: column;gap: 30px;}
    .career-cta.green-home-cta .career-cta-inner p {text-align: center;}
    .career-cta.green-home-cta .career-cta-inner .common-btn a { padding: 10px 30px; font-size: 20px;}
    

    .index-cta-inner-wrapper {flex-direction: column;gap: 80px;}
    .index-cta-left .common-btn {justify-content: center;}
    .index-cta-left h2 {text-align: center;}
    .our-brands-right span img {max-width: 150px;}

    .our-score-board.about-us-counter .scoreboard-wrap {flex-wrap: wrap;}
    .locations-inner-wrapper {gap: 30px;}
    .location-card iframe {max-width: 100%;}

    .current-job-openings-main {gap: 40px;flex-direction: column;}
    .career-openings-main .ip-common-heading {margin: 0 auto;}

    .our-belief-content p {font-size: 18px;text-align: left;}
    .our-belief-inner-wrapper h2 {font-size: 50px;}

    .job-inner-wrapper {flex-direction: column;}
    .job-inner-right {max-width: 100%;}

    .banner-bottom-cards {overflow: scroll;justify-content: flex-start;padding: 0 20px;}
    .banner-item p {width: 300px;text-align: center;}
    .what-our-clients-say2 .banner-item p {width: 100%;text-align: left;}
    .banner-item {padding: 10px 0px;}

    .slide-content-main {gap: 0;flex-direction: column-reverse;    padding: 60px;}
    .about-slide-main {height: 100%;}
    .about-slide-main.vr .slide-content-main {align-items: center;}
    .slide-content {width: 100%;}
    .slide-content p {max-width: 100%;text-align: center;}
    .no-of-year-exp { width: 100%;justify-content: center;}
    .slide-content-main .common-btn {margin: 0 auto;}
    .green-home-slide.slide6::before, .green-home-slide.slide1::before {max-width: 500px;}
    .green-home-slider-content h2 {font-size: 42px !important;}
    .green-home-slide.slide4 .green-home-slider-content-main span img {max-width: 400px;  bottom: -52px;}
    .green-home-slide p {font-size: 26px;}
    .green-home-slider-content h3 {font-size: 30px;}
    header.scrolled-header .header-main-inner > a, header.scrolled-header .header-main-inner > a img {padding: 3px 0;}
    .about-slide-main.vr .slide-content-main {padding: 60px 60px 0;}
    .slide-content-img, .slide-content-img img {height: 100%;}
    .dynamic-top-content::before {background-color: transparent;}
    .dynamic-top-content p {font-size: 18px;color: #fff;padding: 20px;background: var(--blue);width: 100%;max-width: 95%;}
    .ip-testimonials-main-wrapper {padding: 60px 0 0;}
    .ip-testimonials-main-wrapper .owl-nav button img {filter: invert(81%) sepia(12%) saturate(1557%) hue-rotate(142deg) brightness(83%) contrast(86%);}
    .slide-content {padding: 0;}
    .trns-text {text-align: center;}
}

@media (max-width: 992px){

    h1 {font-size: 30px;} 
    h2 {font-size: 26px;} 
    h3 {font-size: 20px;} 
    h4 {font-size: 18px;} 
    h5 {font-size: 16px;} 
    h6 {font-size: 14px;} 
    p {font-size: 16px;} 
    a {font-size: 14px;}
    .step-content-right h3 {font-size: 22px;}
    .vision-featuring h3 {font-size: 26px;}
    .vision-featuring-img span img {max-width: 45px;}

    .index-page-slider .slider-txt {width: 100%;}
    .run-letter-div > span {font-size: 22px;}
    .working-step span:nth-child(1) {left: -10px;}

    .no-of-year-exp span {font-size: 50px;text-align: center;}
    .about-slides.owl-carousel .owl-nav button.owl-prev, .about-slides.owl-carousel .owl-nav button.owl-next {width: 30px;height: 30px;}
    .about-slides.owl-carousel .owl-nav button.owl-prev > span, .about-slides.owl-carousel .owl-nav button.owl-next > span {font-size: 25px;top: -2px;}
    .about-slides.owl-carousel .owl-nav button.owl-next > span {right: 10px;}

    .our-packages-inner-wrapper {flex-direction: column;}
    .our-packages-right { border-left: none;padding: 0;}
    .our-packages-right::before {display: none;}

    .ip-about-us-inner-wrapper { flex-direction: column-reverse;}
    .ip-about-us-right {max-width: 100%;}
    .ip-about-us-right .ip-common-heading {margin: 0 0 20px;}

    .hiring-process-cards-main {flex-direction: column;}
    .hiring-process-card:nth-child(2) {transform: none;}
    .hiring-process-main {padding: 60px 0;}

    .careers-main-inner-wrapper {gap: 0;flex-direction: column-reverse;}
    .careers-right {padding: 0 0 20px;}
    .careers-right {max-width: 100%;padding: 0 0 20px;}
    .careers-images {transform: translateY(-50px);}

    .ip-common-heading h3 {font-size: 26px !important;}
    .ip-common-heading h2, .wrapper.green-home-wrapper h2, .wrapper.green-home-wrapper h2 span {font-size: 30px;}
    .ip-common-heading img {max-width: 65px;bottom: -3px;}

    .step-content-main {flex-direction: column-reverse;gap: 25px;}
    .step-content-right {max-width: 100%;}

    .ip-working-steps-content {gap: 10px;}
    .curved-line-container {display: none;}

    .how-it-works-inner-wrapper .working-steps-main {display: none;}


    
    .how-it-works-inner-wrapper .working-steps-content .working-step {display: block;padding: 0 0 20px;max-width: 120px;}
    .working-steps-content {padding: 0;}

    .about-green-home-inner-wrapper {flex-direction: column-reverse;}
    .about-green-home-content {max-width: 100%;}
    .wrapper.green-home-wrapper h2 br {display: none;}

    .banner-bottom-cards {display: none;}
    .benefits-slider {position: relative;}
    .slide-num {display: none;}
    .banner-wrapper {background: #fff;}
    .banner-wrapper::before {display: none;}
    .banner-wrapper > h2, .benefits-content > h3, .benefits-content-wrap p, .benefits-content-wrap h4 {color: #303030 !important;}
    .banner-slider:nth-child(2n) .benefits-content-main {flex-direction: row-reverse;    background: #f8fef5;}
    .benefits-slider {display: block !important;}
    .benefits-content > h3 {padding: 0 0 5px;font-size: 28px;}
    .banner-slider .fluid-container {padding: 0;}
    .benefits-content-main,.banner-slider:nth-child(2n) .benefits-content-main {padding: 40px 20px;flex-direction: column;}
    .benefits-content-main .acc__panel {display: block;}
    .benefits-content {max-width: 100%;}
    .benefits-content .acc__title h2 {color: #0c4a23;}
    .benefits-content .acc { padding: 0;}
    .benefits-content .acc__title::after, .benefits-content .acc__title::before, .benefits-content .acc__title h2::before, .benefits-content .acc__card::after {display: none;}
    .benefits-content-main > h3 {display: block;}
    .about-slide-main.exp::before {background: linear-gradient(to right, #94ced8cf 0%, #60b8c6 100%);}
    .banner-text {flex-direction: column;}
    .swiper.mySwiper {height: 100%;}
    .benefits-content-main > h3 {font-size: 28px;}
    .banner-wrapper > h2 {padding: 0 0 0px;}
    .banner-wrapper {padding: 0;}
    .error-inner-wrapper span {display: none;}
    .error-inner-wrapper {padding: 40px 0;}

    .banner-wrapper .common-heading h3::before, .banner-wrapper .common-heading h3::after {filter: unset;}
    .banner-wrapper .common-heading h2, .banner-wrapper .common-heading h3 {color: unset !important;}
    .why-buildahome-is-best-inner-wrapper .common-heading h3 { text-align: center !important; max-width: 80%;}
    .what-our-clients-say-card {flex-direction: column;}
    .career-cta.green-home-cta {background: #0c4a23 !important;}
    .banner-video {  max-width: 730px;}

    .swiper-buttons { position: absolute; height: auto; width: 100%; flex-direction: row-reverse; gap: 50px; /* transform: translateY(-175px); */ justify-content: space-between;}
    .swiper-buttons .swiper-button-next { transform: none; left: auto;top: 0;opacity: .8;}
    .swiper-buttons .swiper-button-prev { transform: none; opacity: .8;}
    .swiper-buttons .swiper-button-next:hover, .swiper-buttons .swiper-button-prev:hover {opacity: 1 !important;}

    header.lp .right-desktop-menu-container {display: none;}
    header.lp .desk-resp-ham {display: block;}
    header.lp .desk-resp-ham ul.toggle-desk li:nth-of-type(1), header.lp .desk-resp-ham ul.toggle-desk li:nth-of-type(2), header.lp .desk-resp-ham ul.toggle-desk li:nth-of-type(3) {visibility: visible;}
    .landing-page-banner-inner {flex-direction: column;}
    .yoe-left span {font-size: 24px;}
    .yoe-left {font-size: 18px;text-transform: capitalize;  padding: 0 30px;}
    .landing-page-yoe:nth-child(3) .yoe-left span:first-child {width: 55px;}
    .landing-page-yoe:nth-child(2) .yoe-left span:first-child {width: 25px;}
    .ip-plus span:last-child {width: 10px;}
    .year-of-experience-right { gap: 0;}
    .landing-page-banner-text h3 {font-size: 28px;}
    .landing-page-banner-text h2 { font-size: 32px;}
    .banner-details-left {max-width: 100%;}
    .landing-page-banner-text {width: 100%;}
    .landing-page-banner-text h2 {justify-content: center;}

    .get-a-quote {display: none !important;}
    .get-a-quote.scrolled-get-a-quote {display: block !important;}
    .lp-wrapper .how-it-works-inner-wrapper .working-steps-main {display: flex;}
    .lp-wrapper .working-step span:nth-child(2) {display: none;}
    .lp-wrapper .working-step span:nth-child(1) {position: relative; top: 0; left: 0;}
    .lp-wrapper .working-step p {margin: 0; padding: 0 0 10px;}
    .lp-wrapper .step-content-right {padding: 20px 0 0;}
    .lp-footer { margin-bottom: 40px;}
    
}

@media (max-width: 920px){
    .footer-bottom {gap: 30px;flex-direction: column;}
    .footer-section:nth-child(2)::after {display: none;}
    .footer-section:nth-child(1) {order: 1;width: 100%;max-width: 100%;}
    .footer-section:nth-child(2) {order: 2;}
    .footer-section:nth-child(1) .footer-links {display: flex;justify-content: center;align-items: center;gap: 0 30px;flex-wrap: wrap;}
    .working-steps-main {overflow: scroll;justify-content: flex-start;}
    .how-it-works-inner-wrapper .working-step {width: 100%;max-width: 160px !important;}
    .how-it-works-inner-wrapper .working-step span:nth-child(1) {left: 10px;}
    .how-it-works-inner-wrapper .working-step p {width: 160px;}
    .testi-home-detail-card {max-width: 150px;}

    .contact-form-steps-inner-wrapper {background: #fff0;flex-direction: column;box-shadow: none;padding: 0;}
    .our-brands-inner-wrapper {flex-direction: column;}
    .our-brands-left .common-heading h2 {text-align: center;}
    .our-brands-left .common-heading {align-items: center;}
    .our-brands-left .common-heading h3 {left: 0;}
    .our-brands-left .common-btn {padding: 30px 0 0 0;justify-content: center;}
    .how-can-we-help { flex-direction: column-reverse;align-items: center;}
    .ip-contact-us-form {align-items: center;flex-direction: column;}
    .how-can-we-help-questions {padding: 40px 20px;}
    .ip-working-steps-content {gap: 10px;flex-direction: column-reverse;align-items: flex-start;}

    section#timeline article div.inner {width: 100%;float: none;}
    section#timeline article div.inner span.date {top: -92px;}
    section#timeline article {margin: 0 0 140px 0;}
    .timeline-wrapper {padding: 60px 0 0;}
    section#timeline article div.inner h3::after {top: -6px;right: 0;left: 0;margin: auto;}

    .qualification-required-inner {gap: 40px;flex-wrap: wrap;}
    .job-form-inner form .input-wrapper {max-width: 30%;}

    .job-form-inner form .input-wrapper:nth-child(11) {max-width: 64%;}

    .common-cta-inner-wrapper {padding: 30px 10px;flex-direction: column;}
    .cta-content p {font-size: 28px;text-align: center;}
    .common-cta-inner-wrapper::before { background: linear-gradient(to bottom, var(--deep-dark-blue) 50%, var(--blue) 50%);}
    .common-cta-inner-wrapper span, .cta-content {max-width: 100%;justify-content: center;display: flex;flex-direction: column;align-items: center;}

    .what-is-green-building {gap: 10px;flex-direction: column;}
    .green-building-content {max-width: 100%;}
    .what-is-green-building:nth-child(2n) {flex-direction: column;padding: 40px 0 0;}

    .green-home-faq-inner {flex-direction: column-reverse;}
    .green-home-faq .acc {padding: 0;}
    .green-home-faq-inner > span {max-width: 200px;}

    .green-home-slider-content-main {justify-content: flex-start;flex-direction: column;align-items: center;height: 100%;padding: 20px 0;}
    .green-home-slider-content {max-width: 100%;}
    .green-home-slider-content h2, .green-home-slider-content p, .green-home-slider-content h3 {text-align: center;}
    .green-home-slide.slide3 .green-home-slider-content-main span img {max-width: 150px;}
    .green-home-slide.slide3 .green-home-slider-content-main span {right: 0;}
    .green-home-slide.slide4 .green-home-slider-content-main span img {bottom: 0;}
    .green-home-slider-content-main span {max-width: 500px;}
    .green-home-slide.slide2 .green-home-slider-content-main span {max-width: 700px;}

    .package-process-card:nth-child(1)::before {right: -52px;}
    .package-process-card:nth-child(2)::before {right: -30px;}
    .package-process-card:nth-child(3)::before {right: -40px;}

    .our-score-board.about-us-counter .run-letter-div {max-width: 195px;}
    .sustainable-design-card p {font-size: 17px;}
    .green-home-slide.slide6::before {max-width: 350px;height: 290px;bottom: 45px;top: auto;}

    .best-construction-service-inner {flex-direction: column;gap: 20px;justify-content: center;align-items: center;}
    .career-cta-inner.i-cta {flex-direction: column; gap: 20px;}
    .cta-content-l p { padding: 0;}
    .cta-content-l p:first-child { font-size: 28px;}
    .career-cta-inner.i-cta .common-btn a {font-size: 18px;  padding: 15px 40px;}
    .our-elevations-main { overflow-x: scroll;}
}

@media (max-width: 776px){

    h1 {font-size: 26px;} 
    h2 {font-size: 22px;} 
    h3 {font-size: 18px;} 
    h4 {font-size: 16px;} 
    h5 {font-size: 14px;} 
    h6 {font-size: 12px;} 
    p {font-size: 16px;} 
    .p-bold { font-size: 17px;}
    a {font-size: 16px;}
    section#timeline article div.inner p, section#timeline article div.inner ul li {
        font-size: 16px;line-height: 1.8;
    }
    .common-ul li {font-size: 16px;}
    .common-ul li img {max-width: 15px;}
    .step-content-right .packages-li li {font-size: 16px;}
    .wrapper.green-home-wrapper h1 {font-size: 30px;}
    h1.index-h1 {font-size: 30px;}
    .common-heading h3 {font-size: 22px !important;}
    .common-heading h2, .wrapper.green-home-wrapper h2, .wrapper.green-home-wrapper h2 span {font-size: 28px;}

    /* .index-page-slider h2 {font-size: 50px;} */
    .index-page-slider h2 {font-size: 28px;/* height: 60px; */width: 100%;}
    .run-letter-div > span {font-size: 18px;}
    .run-letter-div .plus {font-size: 20px;}

    .testimonial-tab-content {align-items: center;flex-direction: column;}
    .testimonial-tab-right {max-width: 100%;}
    .testi-home-detail-card {max-width: 250px;}

    .testimonials-main {padding: 30px 0 0;}

    .working-step span:nth-child(2) img {max-width: 40px;}
    .working-step span:nth-child(2) {width: 70px;height: 70px;}
    /* .step-content-main {padding: 30px 0 0;} */

    .index-cta-right {flex-direction: column;gap: 30px;}
    .index-cta-right-card::before {background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.27) 30%, rgba(255, 255, 255, 0.37) 52%, rgba(255, 255, 255, 0.3) 79%, rgba(255, 255, 255, 0) 100%);width: 100%;height: 2px;top: -15px;bottom: auto;left: 0px;margin: auto;}
    .index-cta-right-card {max-width: 100%;}
    .our-vision-and-featuring {flex-direction: column;align-items: center;}

    .our-belief-wrapper {padding: 175px 0 20px;}
    .our-belief-wrapper::before {background: linear-gradient(to bottom, #60b8c6ab 50%, #08254f 50%);}
    .our-belief-inner-wrapper {flex-direction: column;gap: 10px;}
    .our-belief-content {max-width: 100%;}
    .our-belief-inner-wrapper h2 {max-width: 100%;text-align: left;}
    .our-belief-wrapper::after {max-width: 100%;}

    .career-cta-inner {flex-direction: column;gap: 20px;}
    .career-cta-inner p {text-align: center;}
    .step-no > span:nth-child(1) {width: 40px;height: 40px;font-size: 25px;bottom: 10px;}
    .ip-working-steps-content {padding: 0 0 0 50px;}
    .ip-working-step {padding: 0 0 0 50px;}
    .ip-working-steps-card::before {left: 20px;}

    .location-card {max-width: 100%;}
    .locations-inner-wrapper {gap: 70px;}

    .interview-mode-card:first-child::before {right: -15px;}
    .job-form-inner form .input-wrapper {max-width: 45%;}
    .job-form-inner form .input-wrapper:nth-child(11) {max-width: 95%;}

    .interview-mode-inner {justify-content: flex-start;align-items: flex-start;gap: 40px;flex-direction: column;width: 100%;max-width: 500px;margin: auto;}
    .interview-mode-card:first-child::before {content: '';position: absolute;border-bottom: 2px solid var(--blue);width: 100%;height: 2px;right: 0;top: auto;bottom: -20px;left: 0;}
    .interview-mode-card {justify-content: flex-start;}
    .our-home-details.our-home-individual {justify-content: center;}
    .our-achieved-benefits-card {max-width: 285px;}
    .our-impacts-cards {justify-content: center;gap: 60px;flex-wrap: wrap;}
    .our-impacts-card {max-width: 120px;}

    /* .benefits-content-main {flex-direction: column-reverse;} */
    /* .banner-slider:nth-child(2n) .benefits-content-main {flex-direction: column-reverse;} */
    .benefits-content {width: 100%;max-width: 100%;}

    .sustainable-design-wrapper {background: linear-gradient(180deg, rgb(255, 255, 255) 45%, #41552a 45%);}
    .sustainable-design-card p {display: none !important;}
    .sustainable-design-card.active p {display: block !important;}
    .sustainable-design-card:nth-child(1).active p {right: -200px !important;top: -180px !important;}
    .sustainable-design-card:nth-child(3).active p {position: absolute;left: -190px !important;top: -195px;}
    .sustainable-design-inner-wrapper > h2 {padding: 0 0 85px;}
    
    .igbc-content-inner-wrapper {align-items: flex-start;flex-direction: column-reverse;gap: 0;}
    .igbc-content-inner-wrapper > span {max-width: 150px;margin: auto;}

    .package-process-card:nth-child(4)::after {display: none;}
    .package-process-card:nth-child(1)::before, .package-process-card:nth-child(3)::before, .package-process-card:nth-child(2)::before {display: none;}
    .package-process-card::after {content: '';position: absolute;border-top: 1px dashed #fff;width: 80%;height: 1px;top: 40px;left: 0;margin: auto;right: -120px;}
    /* .package-process-main::before {content: '';position: absolute;border-top: 1px dashed #fff;width: 80%;height: 1px;top: 80px;left: 0;margin: auto;right: 0;} */
    .package-process-card:nth-child(1) span::after {display: none;}
    .package-process-card span::after {content: '';position: absolute;background: url(../images/icons/curved-arrow.webp) no-repeat center center/contain;width: 12px;height: 20px;bottom: 0;left: -8px;filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);top: 0;margin: auto;}
    /* .package-process-card:nth-child(3) span::after {content: '';position: absolute;background: url(../images/icons/curved-arrow.webp) no-repeat center center/contain;width: 12px;height: 20px;top: -5px;left: -8px;filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);bottom: 0;margin: auto;} */
    .package-process-card {justify-content: flex-start;height: auto;}
    .package-process-main {align-items: flex-start;padding: 40px 20px;}
    .package-process-card:nth-child(2n) {flex-direction: column;transform: none;}
    .package-process-card p {padding: 0 10px;}
    /* .popup {display: none;} */
    .popup { height: 550px; width: 100%; margin: auto; background-size: contain !important;}
    .flex-container-popup article {max-width: 100%; background: #fff;}
    .flex-container-popup { background: linear-gradient(to left, #0e1424 50%, #010c47 50%); border: none; flex-direction: column;}
    /* .completed-project img {height: auto;} */
    .scoreboard-wrap .run-letter-div .plus {width: 100% !important;max-width: fit-content !important;}
    .sustainable-design-card p {font-size: 20px;}
    .green-home-banner.owl-carousel .owl-dots .owl-dot {width: 10px;height: 10px;margin: 5px;}
    .career-cta-inner-p p:last-child {font-size: 24px;}
    .career-cta-inner-p p:first-child { font-size: 30px;}
    .career-cta.green-home-cta .career-cta-inner {padding: 45px 0;}
    .banner-video {  max-width: 100%;}
    .banner-video a { left: 0; margin: auto;}

    .lp-happy-clients-wrapper span {padding: 80px 0 0;transform: scale(1.5);}
    .lp-happy-clients-wrapper {overflow: hidden;}
}

@media (max-width: 636px){
    .run-letter-div > span {font-size: 15px;}
    .our-achieved-benefits-card {padding: 10px;flex-direction: column;}
    .our-achieved-benefits-card-content h3 {font-size: 20px;padding: 0 0 5px;}
    .our-achieved-benefits-card-content > span {font-size: 18px;}
    .our-achieved-benefits-card span img {max-width: 45px;}
    .our-achieved-benefits-card-content p {margin: 0;padding: 5px 0;}
    .our-achieved-benefits-card {max-width: 200px;}
    .yoe-left {font-size: 15px;font-weight: 100;}
}

@media (max-width: 576px){
    .what-our-clients-say-main .custom-nav {display: none;}
    .index-page-slider .slider-txt {padding: 0 20px;}
    .scoreboard-wrap {flex-wrap: wrap;gap: 10px 20px;}  
    .header-main-inner > a, .header-main-inner > a img {width: 100%;max-width: 90px;} 
    .footer-top-left {gap: 20px;}
    /* .step-content-main {flex-direction: column-reverse;} */
    .testi-home-detail-card {max-width: 200px;}
    .testi-home-details {padding: 5px 0 20px;}

    .why-buildahome-cards-main:nth-child(2) .why-buildahome-card > span, .why-buildahome-cards-main:nth-child(3) .why-buildahome-card > span, .img-circle {max-width: 50px;height: 50px;}
    .why-buildahome-card > span img {max-width: 30px;}

    /* .about-slide-main::before {background: linear-gradient(to right, #60b8c6f2 30%, #60b8c6f2 30%);height: 35%;bottom: 0;top: auto;} */
    .slide-content {max-width: 100%;}
    .slide-content p {max-width: 100%;}
    .slide-content {justify-content: flex-end;gap: 0;}
    .no-of-year-exp {left: 0;gap: 0;}
    .no-of-year-exp span br {display: none;}
    .no-of-year-exp span {font-size: 30px;}
    .no-of-year-exp span:last-child {width: 100%;}
    .banner-text > span {max-width: 70px;height: 80px;}
    .banner-text > span img {max-width: 45px;}
    .our-brands-right span {max-width: 130px;}
    .our-brands-right span img {max-width: 100px;}

    .ip-what-we-offer-right {max-width: 100%;flex-direction: column;}
    .ip-what-we-offer-card {max-width: 100%;}
    .about-counter {height: auto;}
    .our-score-board.about-us-counter .run-letter-div::before {display: none;}
    .our-score-board.about-us-counter .run-letter-div { padding: 0;}
    .our-score-board.about-us-counter .scoreboard-wrap {gap: 30px 20px;}
    .step-no > span:nth-child(1) {font-size: 20px;}
    .step-no > span:nth-child(1) {-webkit-text-fill-color: #091246;}

    .policy-inner-wrapper {padding: 40px 0;}
    .interview-mode-card span, .interview-mode-card span img {max-width: 60px;}
    .how-buildahome-card {align-items: flex-start;gap: 10px;padding: 20px 0 0;flex-direction: column;}
    .benefits-content > h3 {font-size: 22px;}
    .our-impacts-cards {gap: 55px;}

    .footer-form .common-btn {margin: auto;}
    .footer-form {padding: 30px 10px;}
    .materials-used-main.owl-carousel .owl-item {display: flex !important;justify-content: center;align-items: center;}

    .faq-inner-wrapper .acc__title h2 {font-size: 20px;}
    .job-opening-card {flex-direction: column;}
    .apply-now {padding: 10px 10px 20px 10px;}
    .apply-now p {margin: 0 0 10px;}
    .our-elevation {width: 200px !important;display: ruby;}
    .vision-featuring {padding: 10px;}
    .our-homes-inner-wrapper > h3 span {bottom: 22px;font-size: 60px;}
    .our-homes-inner-wrapper {padding: 80px 0 60px 0;}
    .desk-resp-ham ul.toggle-desk li:nth-child(4) img {width: 100%;max-width: 25px;}
    .header-main-inner > a, .header-main-inner > a img {max-width: 70px;}
    .desk-resp-ham .sidebar img {width: 75px;}
    .location-map {gap: 5px;}
    .header-contact-details a, .header-contact-details span {font-size: 14px;}

    .green-home-slider-content h2 {font-size: 36px !important;}
    .green-home-slide p {font-size: 22px;}
    .green-home-slider-content h3 {font-size: 26px;}

    .package-process-main {flex-wrap: wrap;gap: 60px 0;}
    .package-process-card:nth-child(3) {order: 4;}
    .package-process-card:nth-child(4) {order: 3;}
    .package-process-card::after {width: 100%;right: -165px;}
    .package-process-card:nth-child(1), .package-process-card:nth-child(2) {flex-direction: column-reverse;}
    .package-process-card:nth-child(2)::after {border-right: 1px dashed #fff;border-top: none;width: 1px;height: 100%;bottom: -135px;right: 0;}
    .package-process-card:nth-child(1) {transform: translateY(25px);}
    .package-process-card:nth-child(1)::after {top: 95px;}
    .package-process-card:nth-child(4)::after {display: block;}
    .package-process-card:nth-child(3)::after {display: none;}
    .package-process-card:nth-child(3) span::after {bottom: auto;left: 0;top: -12px;margin: auto;transform: rotate(90deg);right: 0;}
    .package-process-card:nth-child(4) span::after {left: auto;top: 0;margin: auto;transform: rotate(180deg);right: -8px;bottom: 0;}

    .green-home-slide.slide1::before {top: 50px;max-width: 400px;}
    .ip-common-heading {align-items: flex-start;flex-direction: column;}
    .slide-content-main {padding: 20px 60px;}
    .about-slide-main.vr .slide-content-main {padding: 20px 60px 0;}
    .slide-content p {font-size: 16px;}
    /* .our-packages-right .swiper-slide.swiper-slide-next, .our-packages-right .swiper-slide.swiper-slide-prev {display: none;} */

    .ip-faq-inner-wrapper .packages-li li, .package-detail .acc__panel ul li, .ip-faq-inner-wrapper .acc__panel p {font-size: 16px;}
    .ip-faq-inner-wrapper .acc {padding: 40px 0;}
    .ip-faq-inner-wrapper .acc__title h2 {font-size: 18px;}

    /* .what-our-clients-say-card {box-shadow: none;padding: 0;} */
    .our-design-card {max-width: 100%;}

    .testi-nav p {font-size: 18px;}
    .wrapper.green-home-wrapper .common-heading h3 {text-align: center;width: 100%;max-width: 75%;color: #419b55 !important;}
    form select {font-size: 12px;}

    .index-page-slider, .slide {height: calc(100vh - 60px);}
    .index-page-slider h2 br {display: none;}
    .our-belief-wrapper::before { background: linear-gradient(to bottom, #60b8c6ab 45%, #08254f 45%);}

    .package-process-card p {font-size: 16px;}

    .year-of-experience-right { gap: 20px 0; flex-wrap: wrap;}
    .yoe-left::before {display: none;}
    .ip-plus {gap: 5px;}

    .ip-why-us-card {max-width: 100%;}
    .how-it-works-inner-wrapper .working-step { max-width: 70px !important;}
    .wrapper.home-wrapper .how-it-works-inner-wrapper .working-step { max-width: 160px !important;}

    .lp-wrapper .working-step span:nth-child(1) { -webkit-text-stroke: 1px #091246; -webkit-text-fill-color: #091246; font-size: 24px; left: 0;}
    .lp-wrapper .how-it-works-inner-wrapper .working-step p { width: 60px; font-size: 12px; line-height: 1.2;}

    .lp-happy-clients-wrapper span {padding: 80px 0 20px;transform: scale(1.8);}
    #section4 {padding: 60px 0 120px;}
    .sitemap-inner-wrapper > ul {flex-direction: column;}
}  

@media (max-width: 480px){
    
    /* header.scrolled-header .consultation-btn {display: none;} */
    .footer-bottom-wrapper a, .footer-bottom-wrapper p {font-size: 12px;text-align: center;}
    .index-page-slider h2 {/* height: 60px; */font-size: 22px;}
    /* .index-page-slider .slider-txt {justify-content: flex-end;padding: 0 0 175px !important;} */
    /* .consultation-btn {position: absolute;right: 0;bottom: -70px;left: 0;margin: auto;padding: 0;display: flex;justify-content: center;} */

    .social-links a img {max-width: 20px;}
    .footer-top-right {max-width: 320px;}
    .playstore-appstore a img {height: 40px;}
    .location-details span img {max-width: 25px;}
    .location-details span {width: 40px;height: 40px;}

    /* .testimonial-tab-left {height: auto;} */
    .testi-home-detail-card {max-width: 155px;}

    /* .about-slide-main::before {height: 43%;} */
    .about-slides.owl-carousel .owl-nav {bottom: 55%;}
    /* .about-slide-main::before {height: 50%;} */
    .price-details span { font-size: 16px;padding: 5px 0 0;}
    .price-details p {font-size: 20px;margin: 0;}
    .common-btn a, .common-btn button {font-size: 14px;}
    .our-belief-wrapper {padding: 185px 0 20px;}
    .job-form-inner form .input-wrapper label {font-size: 11px;}
    .job-form-inner form .input-wrapper:nth-child(11) {max-width: 97%;}
    .ip-banner-inner-wrapper {padding: 30px 0;}
    .our-achieved-benefits-card {max-width: 170px;}
    .sustainable-design-wrapper {background: linear-gradient(180deg, rgb(255, 255, 255) 40%, #41552a 40%);}

    .package-process-card {max-width: 160px;}
    .package-process-main {padding: 40px 0;}
    .search-packages {gap: 5px;flex-direction: column;}
    .common-cta-inner-wrapper::before {background: linear-gradient(to bottom, var(--deep-dark-blue) 0%, var(--blue) 80%);}
    .green-home-slide.slide4 .green-home-slider-content-main span img {bottom: -20px;max-width: 350px;}
    .green-home-slide.slide6::before {max-width: 350px;top: auto;bottom: 50px;height: 250px;}
    .green-home-slide.slide1::before {bottom: 50px;max-width: 400px;top: auto;height: 250px;}

    .consultation-btn a {font-size: 12px;text-transform: capitalize;padding: 10px;border-radius: 3px;}
    .header-main-inner > a, .header-main-inner > a img {max-width: 70px;}
    .header-main-inner > a {padding: 5px 0;}
    header.scrolled-header .header-main-inner > a, header.scrolled-header .header-main-inner > a img {max-width: 60px;}
    .testimonial-tab-left {max-width: 300px;height: 300px;}
    .banner-video .testimonial-tab-left {max-width: 400px;height: 400px;}
   
}
@media (max-width: 420px){
    /* .index-page-slider h2 {font-size: 45px;} */
    /* .index-page-slider .slider-txt {padding: 0 0 185px !important;} */
    a.header-contact-details span:last-child {font-size: 12px;}
    a.header-contact-details span > img {width: 16px;}

    .testimonial-name p {width: 200px;font-size: 14px;}

    .our-achieved-benefits-card {max-width: 165px;}
    .our-achieved-benefits-cards {gap: 10px;}
    .career-cta-inner-p p:last-child {font-size: 20px;}
    .career-cta-inner-p p:first-child { font-size: 26px;}
    .our-belief-wrapper::before {background: linear-gradient(to bottom, #60b8c6ab 0%, #08254f 60%);}
    .why-buildahome-cards-main:nth-child(3) .why-buildahome-card > span { width: 100%; height: 40px; max-width: 40px;}
    .why-buildahome-cards-main:nth-child(3) .why-buildahome-card a {font-size: 16px;}
    .lp-happy-clients-wrapper span {padding: 100px 0 50px;transform: scale(2.4);}
    .popup { height: 450px; }
}

@media (max-width: 400px){
    .sustainable-design-cards-main {height: 300px;max-width: 300px;}
    .sustainable-design-images {bottom: 0;}
    .sustainable-design-card span img {max-width: 40px;}
    .sustainable-design-card:nth-child(2) {transform: translateY(-100px);}
    .sustainable-design-card:nth-child(3).active p {left: -175px !important;top: -160px;}
    .sustainable-design-card:nth-child(1).active p {right: -185px !important;top: -145px !important;}
    .sustainable-design-card::before {display: none;}
    .sustainable-design-card:nth-child(2) p {position: absolute;right: -100px;top: -85px;}
    .our-impacts {margin: 50px 0 0;}
    .home-in-detail p, .home-in-detail span {font-size: 14px;}
    .testi-home-detail-card span img {max-width: 22px;}
    .testi-home-detail-card {max-width: 145px;}
}

@media (max-width: 380px){
    /* .index-page-slider h2 {font-size: 38px;} */
    /* .index-page-slider .slider-txt {padding: 0 0 200px !important;} */
    .consultation-btn a {font-size: 12px;}
    .banner-text {gap: 15px;}
    .our-belief-wrapper {padding: 210px 0 20px;}
    .job-form-inner form .input-wrapper {max-width: 100%;}
    .job-form-inner form .input-wrapper:nth-child(11) {max-width: 100%;}
    .our-achieved-benefits-card {max-width: 100%;}
    .our-achieved-benefits-cards {gap: 30px;}
    .why-buildahome-is-best-card {flex-direction: column;}
    .swiper-slide.swiper-slide-active {width: 100% !important;max-width: 300px !important;transform: translateX(-30%) !important;}
    .swiper-slide.swiper-slide-next {transform: translateX(100%) !important;}
    .swiper-slide.swiper-slide-prev {transform: translateX(-100%) !important;}
    .banner-text > span img {max-width: 80px;}
    .banner-text > span {max-width: 130px;height: 100px;}
    .scoreboard-wrap::before { display: none;}
    .banner-video .testimonial-tab-left {height: 300px;}
    .banner-video a { margin: 0 0 0 auto;}
    .banner-video .testimonial-tab-left span:nth-child(2) img { max-width: 20px;}
    .testimonial-tab-left span:nth-child(2) { max-width: 30px; height: 30px;}
    .testimonial-tab-left p { font-size: 12px !important; transform: translateX(-60px);}
    .index-page-slider h2 {  height: auto;  padding: 0 0 10px;}
    .testi-home-detail-card {max-width: 115px;}
    .home-in-detail p, .home-in-detail span {font-size: 13px;}
    
}


@media (max-width: 360px){
    .scoreboard-wrap {justify-content: flex-start;}
    .index-page-slider h2 {font-size: 20px;}
    .scoreboard-wrap {width: 100%;max-width: 195px;margin: auto;}
    .copyrights-ul li {padding: 0 3px;}
    .testi-home-detail-card {max-width: 140px;}
    .our-score-board.about-us-counter .scoreboard-wrap .run-letter-div {width: 135px;margin: auto;}
    .career-mail-links a:first-child::before {content: '';position: absolute;border-bottom: 2px solid #ffffffad;border-right: none;width: 100%;height: 2px;right: 0;bottom: -7px;}
    .career-mail-links {gap: 10px;flex-direction: column;}
    .package-process-card::after {display: none !important;}
    .package-process-card span::after {bottom: auto !important;left: 0 !important;top: -12px !important;margin: auto !important;transform: rotate(90deg) !important;right: 0 !important;}
    .package-process-card:nth-child(1), .package-process-card:nth-child(2) {flex-direction: column;}
    .package-process-card {max-width: 100%;}
    .package-process-card:nth-child(1) {transform: none;}
    .package-process-main {gap: 20px;}
    .package-process-card::before {content: '';position: absolute;display: block !important;background: none !important;border-right: 1px dashed #fff;width: 1px !important;height: 35% !important;right: 0 !important;left: 0 !important;margin: auto !important;bottom: -157px !important;filter: none !important;}
    .package-process-card:nth-child(2)::before, .package-process-card:nth-child(3)::before {bottom: -30px !important;top: auto;}
    .package-process-card:nth-child(4)::before {display: none !important;}
    .package-process-card:nth-child(3) {order: 3;}
    .package-process-card:nth-child(4) {order: 4;}
    .scoreboard-wrap .run-letter-div .plus { width: 60px !important; max-width: unset !important; justify-content: center; display: flex;}
    .scoreboard-wrap::before {width: 100%;}
    .why-buildahome-card { margin: 0 0 10px;}
    .why-buildahome-cards-main:nth-child(3) .why-buildahome-card > span {display: none;}
    .why-buildahome-cards-main:nth-child(3) { height: 325px;}
    .testimonial-tab-left { max-width: 250px; height: 250px;}
    /* .banner-video .testimonial-tab-left { max-width: 400px; height: 400px;} */

    .media-logos {padding: 10px;}
    .banner-bottom .scoreboard-wrap { gap: 15px; max-width: 100%; justify-content: center;}
    .banner-bottom .run-letter-div {display: flex;justify-content: center;align-items: center;gap: 10px;flex-direction: column;}
    a.header-contact-details span:first-child {display: none;}
    .index-cta-left h2 {font-size: 22px;}
    .lp-footer .footer-links { gap: 0;}
}

@media (max-width: 320px) {
    .header-main-inner > a, .header-main-inner > a img, header.scrolled-header .header-main-inner > a, header.scrolled-header .header-main-inner > a img { max-width: 55px;}
    h1.index-h1 { font-size: 22px;}
    .why-build-a-home-inner-wrapper h1 span::before, .why-build-a-home-inner-wrapper h1 span::after { height: 30px; bottom: 5px; right: -40px;}
    .why-build-a-home-inner-wrapper h1 span::after {left: -40px;}
    .index-page-slider h2 { font-size: 18px;}
    .why-buildahome-cards-main::before { width: 100%; height: 100%;opacity: .9;}
    .why-buildahome-cards-main { padding: 10px;}
    .why-buildahome-card p, .why-buildahome-card span, .why-buildahome-card a {font-size: 16px;}
    .img-circle span, .img-circle {font-size: 12px;gap: 2px;}
    .why-buildahome-card { gap: 10px;}
    .why-buildahome-cards-main:nth-child(2) .why-buildahome-card > span, .why-buildahome-cards-main:nth-child(3) .why-buildahome-card > span, .img-circle { max-width: 35px; height: 35px;}
    .why-buildahome-card > span img { max-width: 20px;}
    .no-of-year-exp span { font-size: 20px;}
    .slide-content-main { padding: 20px;}
    .common-heading h2, .wrapper.green-home-wrapper h2, .wrapper.green-home-wrapper h2 span { font-size: 22px;}
    .common-heading h3 { font-size: 20px !important;}
    .about-us-main-wrapper { padding: 10px 0 0;}
    .common-heading h3::before, .common-heading h3::after { height: 30px; bottom: 3px;}
    .career-cta-inner p { font-size: 20px;}
    .cta-content-l p:first-child { font-size: 22px;}
}