@charset "utf-8";
/* CSS Document */
:root {
  --color-dark-gray:#333333;
  --color-beige:#F5F3E1;
  --color-white:#ffffff;
}

.outer-spacer{padding:50px var(--gap-margins) 50px;}
.object-fit-cover{object-fit:cover;}

.home-new-hero {height:100vh;}
.home-new-caption:before{content:''; position:absolute; top:0; left:0; height:100%; width:100%; z-index:3; pointer-events:none; background:linear-gradient(180deg,rgba(0,0,0,.4) 10%,transparent,rgba(0,0,0,.4) 90%);}
.home-new-hero .hero-caption-cnt{z-index:4;bottom:0;left:0;width:100%; padding:1rem calc(var(--gap-margins) - 2rem); color:var(--color-stone); letter-spacing:-.005em; padding: 3rem var(--gap-margins) 1rem;}
/* .home-new-hero .hero-caption-cnt img{object-position: bottom;} */
.home-new-hero .hero-caption-cnt-inner{row-gap:var(--gap-gutter);}
.home-new-hero .hero-caption-cnt h1{line-height:1; font-weight:400; max-width:58%; text-transform:capitalize; font-size: calc(var(--size-header-two) - 1rem);}
.home-new-hero .hero-caption-cnt p{font-size: 2rem;margin-bottom: calc(var(--size-header-one) * .18); max-width: 42%;}

.home-community-slider{overflow:hidden;}
.heading-sec{font-size:var(--size-header-four); font-weight:700; line-height:var(--lh-header-four); text-transform:uppercase;}
.text-link{font-family:var(--font-primary); font-size:var(--size-button); font-weight:700; line-height:1; color:var(--color-onx-blue); text-transform:uppercase;}
.text-link:hover{opacity:0.9;color:var(--color-onx-blue);}

.community-card{border-radius:var(--image-border-radius);}
.community-card figure:after{content:''; position:absolute; top:0; left:0; height:100%; width:100%; z-index:1; pointer-events:none; background:linear-gradient(180deg, rgba(0, 0, 0, .4) 10%, transparent, rgba(0, 0, 0, .4) 90%); border-radius:var(--image-border-radius);}
.community-card figure img{transition:all 0.5s ease;}
.community-card:hover figure img{transform: scale(1.1);}

.community-card-caption{padding:1rem calc(var(--gap-margins) - 2rem); z-index:2; text-transform:uppercase;}
.community-card-caption p{font-weight:700; font-size:1.4rem; letter-spacing:.01em; color:#ffffff;} 
.community-card-caption p a{font-weight:700; font-size:1.4rem; letter-spacing:.01em; color:#ffffff;}
.community-card-caption h3 {font-size:2.8rem; font-weight:700; line-height:1; font-family:var(--font-primary); margin-top:0.5rem; color:#ffffff; }
.community-card-caption h3 a{font-size:2.8rem; font-weight:700; line-height:1; font-family:var(--font-primary); margin-top:0.5rem; color:#ffffff; }
.community-card-caption p a:hover,
.community-card-caption h3 a:hover{opacity: 0.8;}

.home-community-slider .slick-list {margin-left:-5px; margin-right:-5px;padding:0 10% 0 0 !important;}
.home-community-slider .slick-slide {padding-left:5px; padding-right:5px;}

.home-solution-section{background:var(--color-dark-gray);}
.two-col-header{display:grid; grid-template-columns:46% 41% 1fr; column-gap:4rem;}
.two-col-header h2{color:var(--color-white); font-size:var(--size-header-two); font-weight:400;}
.two-col-header p{color:var(--color-white);}

.solution-card-grid{display:grid; grid-template-columns:1fr 1fr 1fr; column-gap:1rem; row-gap:1rem; margin-top:8rem;}
.solutio-card{border-radius:var(--image-border-radius);}
.solutio-card:before{content:''; background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .5) 100%); z-index:1; position:absolute; top:0px; left:0px; width:100%; height:100%;}

.solution-caption{padding:calc(var(--gap-margins) - 2rem); color:var(--color-white); z-index:2;}
.solution-icon{right:calc(var(--gap-margins) - 2rem); top:calc(var(--gap-margins) - 2rem); }
.solution-icon img{width:100%; max-height:4rem;}
.solution-caption h4{font-size:var(--size-header-four); font-weight:600; text-transform: unset;}

.smart-builder-section{background:var(--color-beige); display:grid; grid-template-columns:46% 41% 1fr; column-gap:2rem;}
.two-col-header h3{color:var(--color-white); font-size:var(--size-header-three); font-weight:400;}
.two-col-header p{color:var(--color-white);}


/* Header Footer css */
footer{background:var(--color-onx-blue);}
.fh-left h3{max-width:60rem;}
.f-header,
.f-nav{padding-bottom:6rem;}
.fh-left h3 a:hover{color:var(--color-off-white)!important; opacity: 0.85;}

/* Header Footer css END */

.cntruction-section1{background:#000000;}
.cntr-inner{display:grid; grid-template-columns:46% 41% 1fr; column-gap:4rem;}
.cntr-inner figure{overflow:hidden; border-radius:var(--image-border-radius);}
.cntr-right{color:var(--color-white);}
.cntr-right h3{font-size:var(--size-header-three);}


.superior-card-grid{ margin-top:8rem;}

.superior-slider{}
.superior-card{border-radius:var(--image-border-radius);}
.superior-card:before{content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:#0000004D; z-index:1;}
.superior-caption{padding:calc(var(--gap-margins) - 2rem); display:flex; justify-content:space-between; flex-direction:column; color:var(--color-white); position:relative; z-index:2;}
.superior-caption h3{color:var(--color-white); font-size:18px; font-weight:700; text-transform:uppercase;}
.superior-caption p{color:var(--color-white);}
.superior-slider .slick-list {margin-left:-5px; margin-right:-5px;}
.superior-slider .slick-slide {padding-left:5px; padding-right:5px;}

.exceptional-section{background:#000000; display:grid; grid-template-columns:46% 41% 1fr; column-gap:2rem; color:var(--color-white);}

.fss-card{height:90vh;}
.fss-card:before{content:'';background:linear-gradient(270deg, rgba(0, 0, 0, 0) 38.5%, rgba(0, 0, 0, 0.6) 100%); position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1;}
.fss-caption{display:flex; flex-direction:column; height:60%; color:var(--color-white); justify-content:space-between; margin:50px var(--gap-margins) 50px; max-width:30%; padding:2rem; border-radius:var(--image-border-radius); background:radial-gradient(50.05% 50.05% at 50% 49.95%, rgba(255, 255, 255, 0.6) 0%, rgba(242, 242, 242, 0.45) 100%); z-index:2;}

.fss-badge{ border:solid 1px var(--color-white); border-radius:30px; padding:0.5rem 2rem; margin-bottom:2rem; font-size:14px; font-weight:700; color:var(--color-white);}
.fss-icon{right:calc(var(--gap-margins) - 2rem); top:calc(var(--gap-margins) - 2rem); }
.fss-icon img{width:100%; max-height:4rem;}


.end-design{background:#333333;}
.enduring-slider{margin-top: 8rem;}
.enduring-slider .slick-list {margin-left:-5px; margin-right:-5px;}
.enduring-slider .slick-slide {padding-left:5px; padding-right:5px;}

.enduring-video{padding-top:100%; border-radius:var(--image-border-radius); pointer-events:none; transform:translateZ(0);}
.enduring-video:before{content:''; position:absolute; top:0; left:0; height:100%; width:100%; z-index:5; background:linear-gradient(0deg,rgba(0,0,0,.8) 20%,transparent 60%); opacity:.5; transition:opacity var(--transition-opacity-time);
  pointer-events:none; transform:translateZ(0);}

.enduring-video-card{z-index:1; pointer-events:all;}
.enduring-video-card video,
.enduring-video-card img{object-fit:cover;}

.enduring-caption{padding:2rem; color:var(--color-off-white); z-index:6; user-select:none; transform:translateZ(0); position: relative;}
.enduring-caption:before{content:'';background: linear-gradient(360deg, rgba(0, 0, 0, 0) 65.5%, rgba(0, 0, 0, 0.3) 100%); position: absolute; top: 0px; left: 0px; width:100%; height: 100%;}
.enduring-caption h3{color:var(--color-white); font-size:18px; font-weight:700; text-transform:uppercase; position:relative; z-index: 2;}
.enduring-caption p{color:var(--color-white);position:relative; z-index: 2;}

.investor-hero .home-new-caption::before{background: linear-gradient(270deg, rgba(0, 0, 0, 0) 11.33%, #000000 100%);}
.investor-hero .hero-caption-cnt{height: 100%; max-width: 80%;}
.investor-hero .hero-caption-cnt p{text-transform: none; max-width: 40%; margin-top: 1rem;}

.inv-goup-card .inv-group-main:nth-child(odd) {background:#F5F3E1;}
.inv-group-main{display: grid; grid-template-columns: 1fr 1fr; column-gap: 50px;}
.inv-goup-card .inv-group-main:nth-child(even) .inv-group-left {order: 2;}

.inv-group-left figure{border-radius: var(--image-border-radius); overflow: hidden;}
.inv-group-info{display: flex; flex-direction: column; row-gap:3rem; padding-right:15rem;}
.inv-group-info h2{font-weight: 500;}
.inv-group-info p{}

.sustain-section{background: #333333;}

.sustain-slider{margin-top:3rem;}
.sustain-card{border-radius:var(--image-border-radius);}
.sustain-card:before{content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:#0000004D; z-index:1;}
.sustain-caption{padding:calc(var(--gap-margins) - 2rem); display:flex; justify-content:space-between; flex-direction:column; color:var(--color-white); position:relative; z-index:2;}
.sustain-caption h3{color:var(--color-white); font-size:18px; font-weight:700; text-transform:uppercase;}
.sustain-caption p{color:var(--color-white); font-size: 2rem;}
.sustain-slider .slick-list {margin-left:-5px; margin-right:-5px;}
.sustain-slider .slick-slide {padding-left:5px; padding-right:5px;}

.page-id-226 .press-card-text{justify-content: end;}
.page-id-226 .press-card-media .pmw{padding-top: 100%;}
.page-id-226 .pc-hedaer {width: calc(100% - var(--grid-col-width) / 3);}

.home-select .dropdown-toggle{border: solid 1px #747474; padding: 1.2rem 2rem 1rem 2rem; color: #525252 !important; border-radius: 30px; font-size: var(--size-button);}
.home-select .bootstrap-select > .dropdown-toggle:after {margin-top: 0; background-size: contain; margin-left: 1rem;}
.home-select .bootstrap-select .dropdown-menu li a {padding: 1.2rem 1rem;font-size: 1.4rem;text-transform: unset;font-weight: 600;letter-spacing: 0.2px;}

.lts-btn .btn-outline{color: var(--color-dark-gray); border-color: var(--color-dark-gray); z-index: 0;}
.lts-btn .btn-outline:hover{color: var(--color-white)!important; border-color: var(--color-onx-blue);}
.lts-btn .btn-outline:before{background:var(--color-onx-blue);}

/* .business-modal .modal-content{background-color: var(--color-concrete); border: 0px;}
.business-modal .modal-dialog{max-width:960px;} */


/* contruction page */
.tech-hb-inner:before{content:'';position:absolute;top:0;left:0;height:100%;width:100%;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.4) 10%,transparent,rgba(0,0,0,.50) 90%);border-radius:var(--image-border-radius);}

.cntruction-new .tech-hb-inner h1{line-height:1; font-weight:400; max-width:90%; text-transform:capitalize; font-size:var(--size-header-two);}
.cntruction-new .tech-hb-inner p{font-size: 2rem;margin-bottom: calc(var(--size-header-one) * .18); max-width: 55%;}

.mtrl-new .scroll-slide-left h6{font-size:2rem;}
.mtrl-new .scroll-slide-left ul{list-style: none; padding: 0px; margin: 0px 0px 25px 0px;}
.mtrl-new .scroll-slide-left ul li{position: relative;padding-left: 1.5rem;padding-bottom: 1rem;}
.mtrl-new .scroll-slide-left ul li:last-child{padding-bottom: 0px;}
.mtrl-new .scroll-slide-left ul li::before{content: '';position: absolute;top: 9px;left: 0px;width: 6px;height: 6px;background: #ffffff;}

.key-market{
  background: var(--color-beige);
  display: grid;
  grid-template-columns: 46% 1fr;
  column-gap: 2rem;
  row-gap: 2rem;
  padding: 50px var(--gap-margins) 50px;
}
.key-card {row-gap: 2rem;}
.key-card ul{list-style: none;padding: 0px;margin: 0px;display: grid;grid-template-columns: 1fr 1fr;}
.key-card ul li{padding: 0px 0px 10px 15px; position: relative;}
.key-card ul li::before{content: '';position: absolute;top: 9px;left: 0px;width: 4px;height: 5px;background: var(--bs-body-color);}

.fl-map{background:#ebebe3; border-radius: var(--image-border-radius); padding:1rem; text-align: center;}
.fl-map img{max-height:500px;}


.color-dark{color: var(--color-dark-gray);}
.color-dark .btn-outline{color: var(--color-dark-gray); border-color:var(--color-dark-gray);}
.color-dark.scroll-slide-left ul li::before{background: var(--color-dark-gray);}

.featured-project-gallery{z-index: 1;}
.scroll-slide-left h3{font-weight: normal;}

.page-template-technology .slick-lightbox-slick,
.page-template-technology .slick-list,
.page-template-technology .slick-track{height:100%}
.page-template-technology .intro .slick-lightbox-slick-item-inner{justify-content: center; display: inline-flex; padding:3rem;}
.page-template-technology .intro .slick-lightbox-slick-item-inner .slick-lightbox-slick-img{max-height: 100% !important;}
.page-template-technology .intro .slick-lightbox-slick-caption span{font-weight: normal; text-transform: none; font-size: 16px;}

.page-template-technology .slick-lightbox-slick-item-inner img{order: 2;}
.page-template-technology .intro .slick-lightbox-slick-caption{position: relative; max-width: 330px; padding-top: 0; padding-right: 0px; padding-left: 3rem; display: flex; flex-direction: column; row-gap: 1rem; color: var(--color-black);}
.page-template-technology .intro .slick-lightbox-slick-caption ul{list-style:none; padding:0px; margin:0px;}
.page-template-technology .intro .slick-lightbox-slick-caption ul li{padding: 0.2em 0; text-transform: none; border-bottom: 1px solid var(--color-black); line-height: var(--lh-body); font-weight: 400;}
.page-template-technology .intro .slick-lightbox-slick-caption p{margin-bottom: 0px;  text-transform: none; font-weight: normal; color: black;}

.parsley-errors-list{list-style: none; padding: 0px; margin: 0px;}
.parsley-required{font-size: 15px;color: #ff0000;padding: 5px 0px 0px 5px;font-weight: 500;}

/* .page-template-technology .input-field,
.page-template-technology .bootstrap-select > .dropdown-toggle{
  padding: 2rem;
} */


@media only screen and (max-width:1500px){
  .page-template-technology .intro .slick-lightbox-slick-item-inner .slick-lightbox-slick-img{max-width:70%;}
}

@media (min-width:992px) {
  .navbar .nav-item .dropdown-menu {padding-top:5px;}
  .navbar-light .navbar-nav > li > a.nav-link {padding:10px 2rem; color:#000000; background:#ffffff; border-radius:30px;}
  .navbar-light .navbar-nav > li > a.nav-link:hover{background:#ffffff; color:#000000; opacity:1;}
  .navbar-light .navbar-nav {column-gap:2.5rem;}
  .fixed-header .navbar-nav > li > a.nav-link {background:transparent; border-radius:0px;}
  .dropdown.bt-btn{margin-left:2.5rem;}
  .dropdown.bt-btn .book-toor2{padding:13px 2rem 10px 2rem !important; min-width:auto;}
}

@media only screen and (max-width:60em){
  .two-col-header {grid-template-columns:1fr; row-gap:2rem;}
  .two-col-header h2{font-size:var(--size-header-three);}

  .smart-builder-section {grid-template-columns:1fr; row-gap:2rem;}

}

@media only screen and (max-width:37.5em){
  .solution-card-grid{margin-top:3rem; grid-template-columns:1fr; row-gap:2rem;}
  .cntr-inner {grid-template-columns: 1fr; row-gap:2rem;}
  .superior-card-grid {margin-top: 3rem;}

  .superior-caption{padding: 1.4rem;}
  .superior-slider .slick-list {padding: 0 10% 0 0 !important;}
   	
  .exceptional-section{grid-template-columns: 1fr; row-gap:2rem;}
  .fss-caption{max-width: 90%;}

  .enduring-slider {margin-top: 3rem;}
  .enduring-slider .slick-list {padding: 0 10% 0 0 !important;}

  .end-design{padding-right: 0px; overflow: hidden;}


  .inv-group-main{grid-template-columns: 1fr; row-gap: 2rem; display: flex; flex-direction: column;}
  .inv-group-info{padding-right: 0px;}
  .inv-group-info h2 {font-size: var(--size-header-three);}
  
  .home-new-hero .hero-caption-cnt h1 {font-size: var(--size-header-three);}
  .investor-hero .hero-caption-cnt{justify-content: end!important; max-width:100%}
  .home-new-hero .hero-caption-cnt h1,
  .investor-hero .hero-caption-cnt p{max-width: 100%;}
  .home-new-hero .hero-caption-cnt p{max-width: 100%;}
  .sustain-section{padding-right: 0px!important;}

  .home-select .dropdown-toggle{padding: 1.2rem 1.5rem 1rem 1rem;}

  .sustain-caption {padding: calc(var(--gap-margins) - 0.5rem);}
  .sustain-caption p{font-size: 1.6rem;}
  .sustain-slider .slick-list {padding:0 10% 0 0 !important;}

  .community-card-caption {padding: 1rem calc(var(--gap-margins) - 1rem);}
  .community-card-caption h3,
  .community-card-caption h3 a{font-size: 2rem;}

  .solution-caption{padding: 1rem calc(var(--gap-margins) - 1rem);}
  .solution-caption h4{font-size: 2rem;}

  .fh-left h3 {max-width: 100rem; font-size: 2.4rem; line-height: 3.6rem; text-align: center;}


.key-market{grid-template-columns:1fr;}
.fl-map{padding: 1rem;}

.cntruction-new .tech-hb-inner h1{font-size: var(--size-header-three);}
.cntruction-new .tech-hb-inner p {font-size: 1.4rem;max-width: 100%;}
.tech-hero-banner{height:100vh}

.mtrl-new .scroll-slide-left h6 {font-size: 1.4rem;}
  .mtrl-new .scroll-slide-left h6 p{margin-bottom:10px;}
.mtrl-new .scroll-slide-left ul li::before {top: 5px; width: 4px; height: 4px;}
.mtrl-new .scroll-slide-left ul li{padding-left: 1.2rem;}
.ss-right-vf{padding-top: 72%;}

.page-template-technology .intro .slick-lightbox-slick-caption{padding: 2rem 3rem 1rem 3rem; margin-top: 0; overflow: auto; height: 100%;}
.page-template-technology .intro .slick-lightbox-slick-item-inner{padding: 3rem; flex-direction: column; justify-content: flex-start;padding: 0 0 1rem 0px;}
.page-template-technology .intro .slick-lightbox-slick-item-inner .slick-lightbox-slick-img{max-width: 100%;}
.page-template-technology .slick-lightbox-slick-item-inner img{order: 0;}
.page-template-technology  .intro .slick-lightbox-close {color: #ffffff; background: var(--color-onx-blue);}



}