.HintroSec{padding:10vh 0 0;position: relative;z-index: 10; background:url('../images/project-bg.jpg') no-repeat;  background-size: 100% 87%;}
.HintroSecIn {  display: flex;  flex-wrap: nowrap;  justify-content: center;    padding: 0 5%; }
.HintroSecIn .HintroM {}
.HintroSecIn .HintroM .desktopimg{}
.HintroSecIn .HintroM .Mobimg{display: none;}
.HintroSecIn .HintroM img{width:110%;margin-left: -5%;}
.HintroSecIn h3{font-weight :200; font-size:60px;}
.HintroSecIn h3 span{color:#18398a;}
.HintroSecIn p{margin:0 0 30px; padding:0;}
.HintroSecIn .parabtnbox {    display: flex;  justify-content: flex-start; }

.hboutiqueHomes{position:relative;padding:130px 0 0;margin: -156px 0 0 0;background: url(../images/hboutiqueHomes-bg.jpg) no-repeat;background: url('../images/hboutiqueHomes-bg.jpg') no-repeat left top, url('../images/hboutiqueHomes-bg-b.jpg') no-repeat right bottom;background-size: 100%, contain;overflow:hidden;}
.HintroSecIn .HintroL{padding:97px 0 0;position: relative;  left: 32px;}
.HintroSecIn .HintroR{padding: 70px 5% 0 0;margin: 0 0 0 -58px;}
.hboutiqueDescription{display: flex;flex-wrap: nowrap;width: 100%;position: absolute;bottom: 56px;justify-content: start;align-items: flex-end;left: 145px;}
 
.hboutiqueHomes .stats{display:flex;justify-content:space-between;padding:90px 0 50px;gap:0;flex-wrap:wrap; }
.hboutiqueHomes .stat-box{flex:1;min-width:220px; }
.hboutiqueHomes .number {font-size: 135px; font-weight: 400;color: #fff;line-height: 1;margin-left: -12px; }
.hboutiqueHomes .number span{font-size:36px; margin-left: 6px;}
.hboutiqueHomes .label{color:#fff; font-size:20px; line-height:1.3; }
.hboutiqueHomes .bar{height:4px;margin-top:20px;width:100%; }
.hboutiqueHomes .red{background:#e71f4d;}
.hboutiqueHomes .yellow{background:#f4b320;}
.hboutiqueHomes .blue{background:#4f83ff;}
.hboutiqueHomes .green{background:#71c837;}

.center-content{text-align:center;padding:30px 0 0px; }
.center-content h2{font-size:92px;font-weight:200;color:#fff;line-height:1.1; }
.center-content p{color:#fff;max-width:700px;margin:20px auto;font-size:20px;line-height:1.7;opacity:0.95; }
.dotted-line{width:2px;height:90px;margin:30px auto;border-left:2px dashed rgba(255,255,255,0.5); }

.image-wrap{position:relative;margin-top:20px;padding-bottom:80px; }
.image-card{position:relative;width:100%; }
.image-card .imagecardimg::before {content: "";position: absolute;top: 0;left: -100%;width: 60%;height: 100%;background: rgba(255, 255, 255, 0.25);transform: skewX(-25deg);transition: 1s;z-index: 9;mix-blend-mode: overlay;}
.image-card .imagecardimg img{width:100%;height:100%;object-fit:cover;display:block; }
.image-card .imagecardimg img.desktopimg{display: block;}
.image-card .imagecardimg img.Mobimg{display: none;}
.contentLeft{position:relative;color:#fff;z-index:3;max-width:52%; }
.contentLeft h2{font-size:2.5vw;font-weight:100;line-height:1.1;letter-spacing: 0;margin-bottom:5px;}
.contentLeft p{opacity:0.95;line-height:1.6; }
.parabtnbox{margin-left: 4vw;}
.hboutiqueDescription .parabtn a {color: #ffffff;text-transform: uppercase;font-weight: 400;letter-spacing: 1px;font-size: 0.9vw; }
.cta{position:absolute;right:12%;bottom:13%;color:#fff;font-weight:700;font-size:18px;text-transform:uppercase;z-index:3;}
.cta::before{content:"";position:absolute;left:-16px;top:0;width:4px;height:60px;background:#f4b320; } 

.hboutiqueHomes .fade-up{opacity:0;transform:translateY(50px);animation:fadeUp 1s ease forwards; }
.hboutiqueHomes .delay1{animation-delay:.2s;}
.hboutiqueHomes .delay2{animation-delay:.4s;}
.hboutiqueHomes .delay3{animation-delay:.6s;}

@keyframes fadeUp{
    to{
        opacity:1;
        transform:translateY(0);
    }
}
 
.projects-section{padding-inline:0;padding-block: 1vh; position:relative;overflow:hidden;background:url(../images/project-bg.jpg) repeat;}
.projects-section.homeprojtSec{padding-bottom: 12vh;}
.projects-section.ongoProjListSec{padding-block: 12vh;}
.section-heading{text-align:center;margin-bottom:70px;}
.projectsOut{position:relative;}
.projectsOut:before {content: '';position: absolute;left: -350px;background: url(../images/logo-bg.png) no-repeat;width: 600px;height: 600px; top: 22%;background-size: contain;animation: rotateLogo 12s linear infinite;transform-origin: center center;pointer-events: none;}
.projectsOut:after {content: '';position: absolute;  right: -336px;left: auto;bottom: 8%;width: 600px;height: 600px;background: url(../images/logo-bg.png) no-repeat right center;background-size: contain;animation: rotateLogo 12s linear infinite;transform-origin: center center;pointer-events: none;}

@keyframes rotateLogo {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.section-heading h2{  font-size:72px;  margin:0 0 12px; line-height:1.1; font-weight: 300;color: #213b80;}
.projects-section .section-heading p{font-size : 18px;line-height: 1.2;font-weight: 500;color: #333;margin: 0 0 30px;letter-spacing: 6px;}
.projects-grid{display:grid;grid-template-columns: 1fr 1.2fr;gap:40px;align-items:start; }
.project-info{padding-top:3.5vw; }
.projects-section h3{font-size:2.4vw;font-weight:100;color:#23439b;line-height:1;margin: 0 0 12px; text-transform: uppercase;}
.projects-section h3 span{font-weight:500; }
.projects-section h3 span small{font-weight:400;font-size: 65%;text-transform: uppercase;}
.projects-section .prolocat {display: flex;align-items: center;gap: 10px; margin: 0 0 30px; }
.projects-section .prolocat img {width: 15px;}
.projects-section .prolocat h6 {color:#23439b;font-size: 18px;letter-spacing: 9px; text-transform: uppercase;font-weight: 500;}
.projects-section .projectsOut p{font-size:1.8vw;line-height:1.2;font-weight:300;color:#333; margin:0 0 2.5vw; }
.projects-section .stats{display:flex;gap:60px;margin-bottom:45px;}
.projects-section .stat{position:relative;padding-bottom:18px;}
.projects-section .stat::after{content:"";position:absolute;left:0;bottom:0;width: 100%;height: 3px;background:#d71f61; }
.projects-section .stat h3{font-size:4vw;color:#23439b;display:flex;align-items:center;gap:10px;line-height:1;margin: 0;letter-spacing: -2px;}
.projects-section .stat small{font-size:18px;font-weight:400;margin-bottom:0;letter-spacing: 0;}
.projects-section .stat small.andsmall{font-size:1.5vw;font-weight:700;align-self: end;margin-bottom: 10px;}
.projects-section .buttons{display:flex;}
.projects-section a {padding: 8px 30px;text-decoration: none;color: #fff;font-size: 16px;font-weight: 700;text-transform: uppercase;border: none;border-radius: 0;display: inline-block;position: relative;overflow: hidden;transition: all 0.4s ease;transform: translateY(0);}
.projects-section a::before {content: "";position: absolute;top: 0;left: -100%;width: 60%;height: 100%;background: rgba(255, 255, 255, 0.25);transform: skewX(-25deg);transition: 0.6s;}
.projects-section a:hover::before {left: 120%;}
.projects-section .btn-primary {background: #d71f61;}
.projects-section .btn-secondary {background: #23439b;}
.projects-section .btn-primary:hover {background: #b81750;transform: translateY(-6px) scale(1.03);box-shadow: 0 12px 25px rgba(215, 31, 97, 0.35);}
.projects-section .btn-secondary:hover {background: #18347f;transform: translateY(-6px) scale(1.03);box-shadow: 0 12px 25px rgba(35, 67, 155, 0.35);}
.projects-section .project-image{width:100%;overflow:hidden;position: relative;}
.projects-section .project-image::before {content: "";position: absolute;top: 0;left: -100%;width: 60%;height: 100%;background: rgba(255, 255, 255, 0.25);transform: skewX(-25deg);transition: 1s;z-index: 9;mix-blend-mode: overlay;}
.projects-section .bottom-row:hover .project-image::before {left: 140%;}
.projects-section .projects-grid:hover .project-image::before {left: 140%;}
.projects-section .project-image img{width:100%;display:block;object-fit:cover;transition: all 0.5s ease-in-out;transform: scale(1);}
.projects-section .bottom-row:hover .project-image img{transform: scale(1.2);}
.projects-section .projects-grid:hover .project-image img{transform: scale(1.2);}
.projects-section .bottom-row{display:grid;grid-template-columns: 1.2fr .8fr;gap:40px;margin-top: -90px;align-items:center;position: relative;z-index: 9;}
.projects-section .description{font-size:22px;line-height:1.5;font-weight:300;color:#444;width: 70%;padding-top: 50px;}
.projects-section .marquee-section {position: relative;width: 100%;height: 230px;background: #f5f5f5;display: flex;align-items: center;overflow: hidden;}
.projects-section .marquee-section::before {content: "";position: absolute;inset: 0;background-image:radial-gradient(circle, rgba(0,0,0,0.08) 1px, transparent 1px);   background-size: 8px 8px;opacity: 0.25;pointer-events: none;}
.projects-section .marquee-track {display: flex;width: max-content;animation: scrollText 28s linear infinite;}
.projects-section .marquee-text {font-size: 7vw;font-weight: 200;color: rgba(180, 180, 180, 0.22);white-space: nowrap;letter-spacing: -3px;padding-right: 80px;line-height: 1;font-style: italic;}

@keyframes scrollText {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

@media (max-width: 1600px) {
    .HintroSecIn .HintroR {  padding: 70px 0 0 0;}
    .HintroSecIn h3 {  font-size: 50px; }
    .hboutiqueHomes .number {    font-size: 75px;  margin-left: 0; }
}

@media (max-width: 1520px) {
    .HintroSecIn .HintroL {left: 0;}
    .center-content h2 {font-size: 75px;letter-spacing: 0;}
    .HintroSecIn h3 {font-size: 45px;}
    .projects-section .description {font-size: 20px;}
    .projects-section a {font-size: 14px;}
    .project-info {padding-top: 55px;}    
    .HintroSec {padding: 40px 0 0;}
    .hboutiqueHomes .stats{padding: 50px 0 40px;}
    .center-content{padding: 20px 0 0px;}
    .parabtnbox {margin-left: 0;}
}


@media (max-width: 1420px){ 
  .hboutiqueHomes .number {font-size: 65px;}
  .hboutiqueHomes .label{font-size: 16px;}
  .image-wrap{padding-bottom: 40px;}
  .hboutiqueDescription{left: 0;padding-inline: 8vw;}
  .hboutiqueDescription .contentLeft{margin-right: auto;max-width: 70%;}
    .projects-section .description {font-size: 19px;}
}

@media (max-width: 1320px){
    .projects-section .bottom-row{    margin-top: -45px;}
    .projects-section .description {font-size: 18px;}
    .projects-section .marquee-section{height: 170px;}
}


@media (max-width: 1300px) {
    .HintroSecIn { padding: 0 2%; }
    .HintroSecIn .HintroL {  left:40px; }
}

@media (max-width: 1220px){
  .HomeBanner video {width: 100%;height: 100%;}
  .HintroSecIn h3 {font-size: 40px;}
  .hboutiqueHomes{padding: 85px 0 0;margin: -95px 0 0 0;}
  .hboutiqueHomes .stats {padding: 20px 0 40px;}
  .hboutiqueHomes .label {font-size: 15px;}
  .hboutiqueHomes .bar{margin-top: 12px;height: 2px;}
  .hboutiqueHomes .number span {font-size: 25px;}
  .center-content h2 {font-size: 65px;}
    .center-content p{font-size: 16px;letter-spacing: 0;}
    .projects-section a {font-size: 13px;}


}

@media (max-width: 1100px){
    .HomeBanner video {width: 100%;height: auto;aspect-ratio: 16 / 9;}
    .HintroSecIn .HintroR {padding: 15px 0 0 0;}
    .HintroSecIn .HintroL {left: 0;padding: 50px 0 0;}
    .contentLeft h2{font-size: 30px;letter-spacing: 1px;}
    .projects-section h3 {font-size: 36px;}
    .projects-section .prolocat h6{letter-spacing: 6px;}
    .testmonislider .slick-arrow{width: 35px;height: 35px;}
}



@media (max-width: 820px){
    .HintroSec {padding-inline: 30px;}
    .HintroSecIn h3 br{display: none;}
    .HintroSecIn {padding: 0;flex-direction: column;}
    .HintroSecIn .HintroL {left: 0;padding: 0;width: 100%;order: 1;}
    .HintroSecIn .HintroR {padding: 0;margin: 0;width: 100%;order: 2;}
    .HintroSecIn .HintroM {padding: 0;margin: 0;width: 100%;order: 3;}
    .HintroSecIn h3 {font-size: 45px;margin-bottom: 10px;}  
    .hboutiqueHomes{padding-inline: 40px;background: url(../images/hboutiqueHomes-bg.jpg) no-repeat left top;background-size: cover;}
    .hboutiqueHomes .stat-box{min-width: auto;min-width: auto;}
    .hboutiqueDescription{bottom: 35px;padding-inline: 7vw;flex-direction: column;    align-items: flex-start;}
    .hboutiqueDescription .parabtn a{font-size: 14px;}
    .hboutiqueDescription .contentLeft {max-width: 100%;margin-bottom: 10px;}
    .hboutiqueDescription .parabtn a br{display: none;}
    .projects-section.homeprojtSec{padding-inline: 30px;padding-block: 60px;}
    .projects-grid{gap: 15px;}
    .projects-section .description{    width: 100%;}
    .projects-section .marquee-section {height: 100px;}
    .projects-section h3 {font-size: 28px;}
    .projects-section .prolocat h6 {letter-spacing: 2px;font-size: 16px;}
    .projects-section .stat {position: relative;padding-bottom: 7px;}
    .projects-section .prolocat {margin: 0 0 10px;}
    .projects-section .projectsOut p {font-size: 14px;}
    .projects-section .stats {display: flex;gap: 15px;margin-bottom: 18px;}
    .project-info {padding-top: 15px;}




}

@media (max-width: 640px){    
    .HintroSecIn .HintroM .desktopimg{display: none;}
    .HintroSecIn .HintroM .Mobimg{display: block;}
    .HintroSec {padding-inline: 20px;}
    .HintroSecIn .HintroL,.HintroSecIn .HintroR{padding-inline: 15px;}
    .HintroSecIn .HintroM{margin-top: 30px;}
    .hboutiqueHomes {padding-inline: 0px;}
    .hboutiqueHomes .container{padding-inline: 0px;}
    .hboutiqueHomes .hboutiquestats{padding-inline: 30px;}
    .hboutiqueHomes .hboutiqueHCContent{padding-inline: 30px;}
    .hboutiqueHomes .stat-box{width: 100%;flex: auto;padding-inline: 40px;padding-block: 30px;border-left:4px solid #e71f4d;}
    .hboutiqueHomes .stats .stat-box:nth-child(2){border-left-color: #f4b320;}
    .hboutiqueHomes .stats .stat-box:nth-child(3){border-left-color: #4f83ff;}
    .hboutiqueHomes .stats .stat-box:nth-child(4){border-left-color: #71c837;}
    .hboutiqueHomes .bar{display: none;}
    .hboutiqueHomes .number {font-size: 120px;}
    .hboutiqueHomes .label {font-size: 18px;letter-spacing: 0.5px;line-height: 1.1;}
    .center-content h2 {font-size: 48px;font-weight: 100;}
    .dotted-line{display: none;}
    .center-content p {font-size: 20px;letter-spacing: 0.5px;line-height: 1.3;font-weight: 300;}
    .image-card .imagecardimg img.desktopimg{display: none;}
    .image-card .imagecardimg img.Mobimg{display: block;}
    .hboutiqueDescription {bottom: 0;position: relative;}
    .image-wrap {padding-bottom: 40px;background: #6e8721;}
    .contentLeft h2 {font-size: 46px;letter-spacing: 0px;font-weight: 300;}
    .contentLeft p {opacity: 1;line-height: 1.6;letter-spacing: 1px;}
    .hboutiqueDescription .parabtn a {font-size: 14px;font-weight: 500;}
    .hboutiqueDescription .parabtn a br{display: block;}
    .projects-section.homeprojtSec {padding-inline: 0;}
    .projects-section.homeprojtSec .projectsOut .container{padding-inline: 0;}
    .HomeProjtTitles{padding-inline: 30px;}
    .projects-grid{display: flex;flex-direction: column-reverse;background: #fff;gap: 0;}
    .projects-section .bottom-row{display: flex;flex-direction: column;gap: 0;margin-top: 0;}
    .project-info{padding-block: 20px;padding-inline: 30px;width: 100%;position: relative;}
    .projects-section h3 {font-size: 38px;margin-bottom: 5px;}
    .projects-section .prolocat h6 {letter-spacing: 6px;font-size: 20px;}
    .projects-section .projectsOut p {font-size: 23px;margin-block: 23px;}
    .projects-section .stats{margin-bottom: 40px;}
    .projects-section .stat h3 {font-size: 50px;font-weight: 500;}
    .projects-section a {font-size: 14px;padding: 6px 12px;font-weight: 400;letter-spacing: 1px;}
    .projects-section .description {padding: 30px 30px 20px;}
    .projects-section .marquee-text{font-size: 74px;letter-spacing: 1px;}
    .projects-section .buttons{position: absolute;bottom: 0;left: 0;width: 100%;justify-content: center;transform: translateY(50%);}    
    .projects-section.ongoProjListSec{padding-block: 40px;}
    .hprojtSec .secomtitle h2 br{display: none;}
    .OngoProjtTitles{padding-inline: 20px;}
    .projectsOut .container{padding-inline: 0;}
    .projects-section .description br{display: none;}



}