.main{overflow: hidden;}
.container{max-width: var(--px-1600);margin: 0 auto;position: relative;width: 90%;position: relative;}
.mid-container{max-width: var(--px-1364);margin: 0 auto;position: relative;width: 90%;position: relative;}
.msm-container{max-width: var(--px-1200);margin: 0 auto;position: relative;width: 90%;position: relative;}
.sm-container{max-width: var(--px-1089);margin: 0 auto;position: relative;width: 90%;position: relative;}

.heading01{font-size: var(--px-96);color: var(--black);line-height: 1.33;text-align: center;font-family: var(--ntss);font-weight: 400;}
.heading01 span{display: block;}
.heading01 span:last-child{color: var(--white);}
.heading02{font-size: var(--px-44);line-height: 1.32;font-family: var(--ntss);font-weight: 400;margin-bottom: var(--px-20);text-align: center;}
.heading03{font-size: var(--px-28);font-family: var(--ntss);font-weight: 400;line-height: 1.17;color: var(--black)}
.heading04{font-size: var(--px-24);font-family: var(--helr);font-weight: 400;line-height: 1.28;color: var(--black)}
p{font-size: var(--px-16);line-height: 1.46;color: var(--black)}

.section{padding: var(--px-20) 0;}
.btn-wrap{margin-top: var(--px-28);}
.btn{padding: var(--px-14) var(--px-28);border-radius: var(--px-24);font-size: var(--px-14);line-height: 1;display: inline-block;font-family: var(--helr);transition: background-color .3s linear;}
.btn-wrap .btn{margin-right: var(--px-8);}
.gray-btn{background-color: var(--md-gray);border: solid 1px var(--gray);color: var(--black);}
.gray-btn:hover{background-color: var(--black);color: var(--white);border-color: var(--black);}
.brown-btn{background-color: var(--darkBrown);border: solid 1px var(--darkBrown);color: var(--white)}
.brown-btn:hover{background-color: #a58345;border-color: #a58345;}
.black-btn{background-color: #2B2F30;color: #F2EFEB;font-size: var(--px-12);line-height: 1;padding: var(--px-12) var(--px-20);}
.black-btn:hover{background-color: var(--md-gray);color: var(--black);}
.golden-btn{background-color: var(--golden);color: var(--black);font-size: var(--px-12);line-height: 1;padding: var(--px-12) var(--px-20);display: inline-flex;align-items: center;column-gap: 4px;}



.show-menu{display: none;}
.header{padding: var(--px-24) 0;border-bottom: solid 1px #707070;position: fixed;left: 0;right: 0;top: 0;background-color: var(--lgt-gray);z-index: 9;}
.header .mid-container{display: flex;align-items: center;justify-content: space-between;}
.logo{width: 20.6%;display: block;}
.nav-bar ul{display: flex;align-items: center;column-gap: var(--px-44);}
.nav-bar ul li{position: relative;}
.show-sub-menu a{display: flex;align-items: center;column-gap: 4px;}
.show-sub-menu i{width: var(--px-8);}
.nav-bar ul li a{font-size: var(--px-18);padding: var(--px-20) 0;display: inline-flex}
.nav-bar ul li a.active{color: var(--darkBrown);font-weight: 600;}
.nav-bar ul li .sub-menu{position: absolute;left: 50%;background: #704738;display: block;padding: var(--px-12) 0;transform: translate(-50%, 50px);transition: ease 1s all;visibility: hidden;opacity: 0;width: 160px;}
.nav-bar ul li .sub-menu li a{padding: var(--px-12) var(--px-20);color: #fff;font-size: var(--px-16);}
.nav-bar ul li .sub-menu.active{transform: translate(-50%, 0);visibility: visible;opacity: 1;}

/* sticky-section */
.sticky-section{position: fixed; right: -1px; top: 30%; z-index: 9;}
.sticky-section a{display: block; margin-top: var(--px-6)}
.sticky-section .query-box img{width: var(--px-56);display: block;}
.sticky-section .call-box img{margin-top: 5px; display: block; width: var(--px-56);}
.query-box svg path, .call-box svg path#Rectangle_112{transition: fill.3s linear;}
.query-box svg:hover path, .call-box svg:hover path#Rectangle_112{fill: #a58345;}

.watsapp-box{position: fixed;bottom: 10px;right: 10px;z-index: 9;}
.watsapp-box img{width: var(--px-56);}

.banner-section{padding-top: var(--px-136);position: relative;}
.banner-section .heading01{position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;}

.banner-section .banner-img{overflow: hidden;}
.banner-section .banner-img img{transition: transform 7s linear;}
.banner-section .banner-img.active img{transform: scale(1.1);}

.mob-banner{display: none;}


.usp-section{padding-top: var(--px-44);}
/* .usp-section .sm-container{display: grid;grid-template-columns: repeat(4, 1fr);column-gap: var(--px-24);} */
.usp-slider .slick-list{margin: 0 calc(var(--px-12) * -1);padding-top: var(--px-20);}
.usp-box{background-color: var(--darkBrown);border-radius: var(--px-20);padding: var(--px-52) var(--px-36)  var(--px-28) var(--px-36);position: relative;margin: var(--px-12);}
.usp-box .img-box{width: var(--px-56);aspect-ratio: 1;border-radius: 100%;overflow: hidden;position: absolute;top: calc(var(--px-28) * -1);left: var(--px-36)}
.usp-box span{color: var(--lgt-gray);font-size: var(--px-24);line-height: 1.16;font-family: var(--ntss);font-weight: 400;text-transform: uppercase;}
.usp-box p{color: var(--golden);text-transform: uppercase;line-height: 1.38;}

.nl-section .nl-container{display: grid;grid-template-columns: 60% auto;column-gap: var(--px-24);align-items: center;}
.nl-section .nl-container .img-box{height: 100%;}
.nl-section .nl-container .img-box img{height: 100%;object-fit: cover;object-position: left;}
.nl-section .content-box i{width: 56%;display: block;margin-bottom: 4px;}
.nl-section p{margin-top: var(--px-20);}

/* .pp-section .pp-container{display: grid;grid-template-columns: repeat(3, 1fr);column-gap: var(--px-32);} */
.pp-section figure .img-box{position: relative;overflow: hidden;}
.pp-section figure .img-box img{transition: transform .5s linear;}
.pp-section figure:hover img{transform: scale(1.1);}
.pp-section figure{padding: 0 var(--px-16);}
.pp-section figure .tag{background-color: var(--black);font-size: var(--px-8);color: var(--white);line-height: 1;display: inline-block;color: #F2EFEB;padding: 4px var(--px-14);position: absolute;top: var(--px-12);left: var(--px-12);}
.pp-section figcaption{background-color: var(--md-gray);padding: var(--px-20) var(--px-24);display: flex;align-items: flex-start;justify-content: space-between;}
.pp-section figcaption h6, .pp-section figcaption .loc{font-size: var(--px-18);line-height: 1.29;display: block;}
.pp-section figcaption .loc{font-weight: 300 ;display: flex;align-items: center;gap: 4px;margin: var(--px-8) 0;}
.pp-section figcaption .pro-size{font-weight: 300;display: block;font-size: var(--px-18);}
.pp-section figcaption .btn{padding: var(--px-8) var(--px-16);font-size: var(--px-12);}
.pp-section .slick-list{margin: 0 calc(var(--px-16) * -1)}

.wc-section .mid-container{background-color: var(--white);padding-top: var(--px-24);padding-bottom: var(--px-56);overflow: hidden;}
.wc-container{display: grid;grid-template-columns: repeat(4, 1fr);}
.wc-section figure{padding: 0 var(--px-72);border-left: solid 1px var(--gray)}
.wc-section figure:first-child{border-left: none;}
.wc-section figure .icon-box{display: inline-block;}
.wc-section figure .icon-box img{height: var(--px-48);}
.wc-section figure h6{font-size: var(--px-24);color: var(--black);line-height: 1.28;margin-top: var(--px-8);}
.wc-section figure p{font-family: var(--helr);margin-top: var(--px-8);}

.fp-section .head-para{font-size: var(--px-20);line-height: 1.25;color: #4A5C6A;text-align: center;}
.fp-slider{margin-top: var(--px-28);}
.fp-slider figure{position: relative;}
.fp-slider figure .slider-content{position: absolute;bottom: var(--px-48);left: var(--px-48);}
.fp-slider figure .slider-content h6{color: var(--white);font-size: var(--px-32);line-height: 1.33;font-family: var(--ntss);font-weight: 400;}
.fp-slider figure .slider-content p{color: var(--white);line-height: 1.8;margin-top: var(--px-12);}
.fp-slider figure .slider-content .btn{margin-top: var(--px-24);background-color: #E5DFD8;padding: var(--px-8) var(--px-14);font-size: var(--px-12);color: var(--gray);}
.fp-slider figure .slider-content .btn:hover{background-color: var(--black);}

.fp-slider figure img{transition: transform 5s linear;}
.fp-slider figure.slick-current img{transform: scale(1.2);}
.fp-slider figure.slick-current img{transform: scale(1.2);}
.fp-slider figure.slick-current[data-slick-index="0"] img{transform: scale(1);}
.fp-slider figure.slick-current.aos-animate[data-slick-index="0"] img{transform: scale(1.2);}

.fp-slider .slick-arrow{display: none !important;}
.slider-direction{width: 95%;margin: var(--px-12) auto 0;display: grid;grid-template-columns: var(--px-60) auto var(--px-56);column-gap: var(--px-20);align-items: center;}
.slider-counter span{font-size: var(--px-24);color: var(--black);font-family: var(--ntss);font-weight: 400;}
.slider-counter span:last-child{color: var(--gray)}
.slider-arrow, .slider-counter{display: flex;align-items: center;justify-content: space-between;}
.fp-progress {position: relative;display: block;margin-left: 0;width: 100%;height: 3px;border-radius: 10px;overflow: hidden;background-color: transparent;background-image: linear-gradient(to right, #000, #000);background-repeat: no-repeat;background-size: 33.3333% 100%;opacity: 1;z-index: 1;transition: background-size 0.4s ease-in-out;}
.fp-progress::after {content: "";width: 100%;height: 1px;background: var(--black);position: absolute;left: 0;top: 1px;opacity: 0.5;}
.slider-arrow button{width: var(--px-18);height: var(--px-16);overflow: hidden;position: relative;}
.prev-arrow:before, .prev-arrow:after{content: '';position: absolute;background-image: url("../img/prev_arrow.svg");background-repeat: no-repeat;background-size: cover;width: var(--px-18);height: var(--px-16);top: 0;left: 0;transition: transform .3s linear;}
.prev-arrow:after{transform: translateX(var(--px-36));}
.prev-arrow:hover:before{transform: translateX(calc(var(--px-36) * -1));}
.prev-arrow:hover:after{transform: translateX(0);}

.next-arrow:before, .next-arrow:after{content: '';position: absolute;background-image: url("../img/next_arrow.svg");background-repeat: no-repeat;background-size: cover;width: var(--px-18);height: var(--px-16);top: 0;right: 0;transition: transform .3s linear;}
.next-arrow:before{transform: translateX(calc(var(--px-36) * -1));}
.next-arrow:hover:before{transform: translateX(0);}
.next-arrow:hover:after{transform: translateX(var(--px-36));}




.video-section{background-image: url("https://staticwebsite.in/symphonywp/wp-content/uploads/2025/12/home-banner-image.webp");background-repeat: no-repeat;background-size: cover;padding: var(--px-72) 0;margin-top: var(--px-20);}
.video-section .container{display: flex;justify-content: flex-end;}
.video-box{width: 51.5%;}

.stories-section .mid-container{overflow: hidden;}
.stories-slider{margin: 0 calc(var(--px-36) * -1);}
.story-box{margin: 0 var(--px-36);position: relative;}
.story-box:before{content: "";position: absolute;width: 1px;background-color: var(--gray);left: calc(var(--px-36) * -1);height: 90%;}
.story-box .story-head{display: flex;align-items: center;justify-content: space-between;}
.story-box .story-head h6{line-height: 1.1;font-size: var(--px-20);color: #474746;}
.story-box .story-head i{width: var(--px-88);}
.story-box p{margin-top: var(--px-12);color: var(--gray);}
.story-box span{display: block;font-size: var(--px-12);line-height: 1.08;margin-top: var(--px-40);color: var(--gray )}
.stories-slider .slick-arrow{display: none !important;}
.story-progress {position: relative;display: block;margin-left: 0;width: 100%;height: 3px;border-radius: 10px;overflow: hidden;background-color: transparent;background-image: linear-gradient(to right, #000, #000);background-repeat: no-repeat;background-size: 16% 100%;opacity: 1;z-index: 1;transition: background-size 0.4s ease-in-out;}
.story-progress::after {content: "";width: 100%;height: 1px;background: var(--black);position: absolute;left: 0;top: 1px;opacity: 0.5;}

.subscribe-section .sm-container{background-image: url("../img/subscribe_bg.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: var(--px-92) 0;}
.sub-container{width: 65.3%;margin: 0 auto;text-align: center;position: relative;}
.sub-container .heading02{line-height: 1.2;font-family: var(--helr);color: var(--golden);margin-bottom: 0;}
.sub-container p{color: var(--golden);margin-top: var(--px-18);}
.subscribe-section .sub-box .newsletter-form{border: solid 1px var(--golden);display: grid;grid-template-columns: auto var(--px-188);align-items: flex-start;margin-top: var(--px-56);justify-content: normal;}
.subscribe-section .sub-box .newsletter-form p{margin-top: 0;}
.subscribe-section .sub-box .newsletter-form br{display: none}
.subscribe-section .sub-box input{background-color: transparent;padding: var(--px-18) var(--px-20);height: 100%;font-size: var(--px-14);color: var(--golden);font-family: var(--helr);}
.subscribe-section .sub-box button{color: #704738;font-size: var(--px-16);line-height: 1.33;text-align: center;background-color: var(--golden);padding: var(--px-18) 0;font-family: var(--helr);}


.footer{background-color: #2B2F30;}
.footer .ft-top{display: flex;align-items: center;justify-content: space-between;padding: var(--px-20) 0;position: relative;padding-right: var(--px-120);}
.footer h5{color: var(--white);font-size: var(--px-16);line-height: 1.37;text-transform: uppercase;font-weight: 400;margin-bottom: var(--px-12);}
.footer p, .footer a, .footer p, .footer span{color: var(--white);font-size: var(--px-14);}
.ft-logo-box p{margin-top: var(--px-24);line-height: 1.5;font-weight: 300 ;}
.ft-logo-box a{width: var(--px-220);display: block;}
.ft-link-box ul{display: grid;grid-template-columns: 1fr 1fr;column-gap: var(--px-40);row-gap: var(--px-14);}
.ft-link-box ul li{display: grid;align-items: center;column-gap: 6px;grid-template-columns: auto auto;justify-content: flex-start;}
.ft-contact-box p{margin-top: 0;}
.ft-contact-box .phone-span, .ft-contact-box .mail-span{display: grid;grid-template-columns: var(--px-16) auto;align-items: center;margin-top: var(--px-8);column-gap: var(--px-8);}
.cr-box{border-top: solid 1px var(--white);padding: var(--px-12) 0;display: flex;align-items: center;justify-content: space-between;}
.cr-box span, .cr-box a{color: #F2EFEB;font-size: 9px;line-height: 1.44;opacity: .4;}
.ft-social{position: absolute;right: 0;bottom: var(--px-12);width: 1.2%;}
.ft-social a{margin-top: 6px;display: block;}

.pl-main{min-height: 90vh;}
.project-listing{padding-top: var(--px-40);}
.tab-header{border-bottom: solid 1px var(--gray);padding-left: var(--px-28);}
.tab-header button, .tab-header span{background-color: #2B2F30;color: #F2EFEB;font-size: var(--px-18);line-height: 1.14;border-top-left-radius: var(--px-14);border-top-right-radius: var(--px-14);border: solid 1px var(--gray);padding: var(--px-12) var(--px-36);margin-right: var(--px-12);border-bottom: none;display: inline-block;vertical-align: bottom;font-family: var(--helr);font-weight: 300;}
.tab-header button.active{color: var(--golden);padding: var(--px-24) var(--px-28);font-size: var(--px-20);}
.tab-container{margin-top: var(--px-24);}
.project-listing .tab-box{display: none;}
.project-listing .tab-box.active{display: block;}
.project-listing figure .img-box{position: relative;overflow: hidden;}
.project-listing figure .img-box img{transition: transform 3s linear;}
.project-listing figure:hover .img-box img{transform: scale(1.1);}
.project-listing figure:hover .brown-btn{background-color: #a58345;border-color: #a58345;}
.project-listing figure .img-box .tag{background-color: var(--golden);font-size: var(--px-14);line-height: 1.2;padding: var(--px-8) var(--px-32);position: absolute;top: var(--px-16);left: var(--px-20);}
.project-listing figure figcaption{padding-top: var(--px-24);padding-bottom: var(--px-28);display: flex;justify-content: space-between;align-items: flex-start;}
.project-listing figure figcaption h2{font-size: var(--px-24);line-height: 1.28;}
.project-listing figure figcaption p.loc{font-weight: 300 ;font-size: var(--px-18);line-height: 1.22;display: flex;align-items: center;column-gap: var(--px-8);margin-top: var(--px-8);}
.project-listing figure figcaption p.pro-size{font-size: var(--px-16);line-height: 1.46;margin-top: var(--px-8);}
.project-listing figure figcaption .btn{padding: var(--px-12) var(--px-24);font-size: var(--px-16);line-height: 1;}

.project-list-container{width: 73%;}
.past-project-list-container{display: grid;grid-template-columns: 1fr 1fr;column-gap: var(--px-24);row-gap: var(--px-8);}
.contact-form-section .mid-container{display: grid;grid-template-columns: 52% auto;column-gap: var(--px-56);}
.contact-form-section .img-box img{height: 100%;object-fit: cover;}
.pro-dlt-slider .slider-item{position: relative;}
.pro-dlt-slider .tag{background-color: #A58345;color: #F2EFEB;font-size: var(--px-8);line-height: 1.2;padding: var(--px-8) var(--px-32);position: absolute;top: var(--px-16);left: var(--px-20);}

.contact-form-section{padding-top: var(--px-136);}
.contact-form-section .img-box{position: relative;}
.contact-form-section .img-box h1{line-height: 1.2;position: absolute;top: calc(var(--px-120) * -1);left: 0;right: 0;}
.contact-form-section .img-box h1 span{/*color: var(--white);*/display: block;}
.form-content-box h2{font-family: var(--ntss);font-size: var(--px-28);line-height: 1.17;}
.form-content-box p{/*font-weight: 300 ;*/margin-top: var(--px-20);}
.form-content-box .form-box .input-box{margin-top: var(--px-16);}
.form-content-box .form-box .input-box input, .form-content-box .form-box .input-box select, .form-content-box .form-box .input-box textarea{background-color: var(--white);border: solid 1px var(--gray);border-radius: var(--px-28);width: 100%;color: var(--gray);font-size: var(--px-16);line-height: 1.2;padding: var(--px-16) var(--px-28);font-family: var(--helr);}
.form-content-box .form-box .input-box textarea{height: var(--px-148);}
.custom-select select{-webkit-appearance: none;background-image: url("../img/select_arrow.svg");background-repeat: no-repeat;background-position: right var(--px-28) center;}

.location-row{background-color: var(--md-gray);padding: var(--px-32);padding-left: var(--px-44);display: grid;grid-template-columns: auto 70%;column-gap: var(--px-64);overflow: hidden;}
.loc-box{margin-bottom: var(--px-20);}
.loc-box h5{font-size: var(--px-24);line-height: 1.28;font-weight: 400;display: flex;align-items: center;column-gap: var(--px-8);}
.loc-box p{font-weight: 300 ;margin-top: var(--px-8);}
.loc-map iframe{width: 100%;height: 100%;}

.contact-banner{padding-top: var(--px-20);}

.project-detail-section .project-name{font-size: var(--px-52);line-height: 1.17;font-family: var(--ntss);font-weight: 400;text-transform: uppercase;}
.project-detail-section .tab-header{padding-left: 0;margin-top: var(--px-16);}
.project-detail-section .tab-header button, .project-detail-section .tab-header span{border-radius: 0;margin-right: var(--px-8);}
.dlt-loc{display: grid;grid-template-columns: var(--px-16) auto;column-gap: var(--px-8);margin: var(--px-20) 0;color: var(--gray);font-size: var(--px-18);font-weight: 300 ;}


.pro-dlt-left{width: 67%;padding-right: var(--px-24);float: left;}
.pro-dlt-right{width: 33%;float: left;}
.pro-dlt-right .custom-input label, .pro-dlt-right .custom-input .wpcf7-list-item-label{text-align: left;}
.pro-dlt-thumb-slider{margin-top: var(--px-16);}
.pro-dlt-thumb-slider .slick-list{margin: 0 calc(var(--px-8) * -1);}
.pro-dlt-thumb-slider .thumb-slider-item{margin: 0 var(--px-8);}
.pro-dlt-thumb-slider img{width: 100%;}
.pro-dlt-thumb-slider .slick-arrow{display: none !important;}
.thumb-progress {position: relative;display: block;margin-left: 0;width: 100%;height: 3px;border-radius: 10px;overflow: hidden;background-color: transparent;background-image: linear-gradient(to right, #000, #000);background-repeat: no-repeat;background-size: 33.3333% 100%;opacity: 1;z-index: 1;transition: background-size 0.4s ease-in-out;}
.thumb-progress::after {content: "";width: 100%;height: 1px;background: var(--black);position: absolute;left: 0;top: 1px;opacity: 0.5;}
.pro-dlt-left .slider-direction{margin-top: var(--px-32);}
.close-form{display: none;}

.overview-row{background-color: var(--md-gray);padding: var(--px-44) var(--px-56);margin-top: var(--px-36);overflow: hidden;}
.overview-row .heading04{color: var(--white);}
.overview-container{display: grid;grid-template-columns: repeat(3, 1fr);column-gap: var(--px-24);row-gap: var(--px-44); margin-top: var(--px-40);}
.overview-container .usp-box{padding: var(--px-48) var(--px-28)  var(--px-32) var(--px-32);margin: 0;}
.overview-container figure span{color: var(--golden);font-size: var(--px-28);line-height: 1.14;font-family: var(--ntss);font-weight: 400;text-transform: uppercase;}
.overview-container figure span i{font-family: var(--helr);font-weight: 100;font-style: normal;}
.overview-container .usp-box p{color: var(--white);margin-top: 4px;}
.overview-row .btn{font-size: var(--px-16);color: #F2EFEB;background-color: var(--black);padding: var(--px-12) var(--px-36);margin-top: var(--px-20);line-height: 1.1;}

.dlt-location-row{margin-top: var(--px-32);}
.dlt-location-row .location-map iframe{width: 100%;height: var(--px-350);}
.dlt-head{display: flex;align-items: center;justify-content: space-between;padding: 0 var(--px-56);margin-bottom: var(--px-18);}

.pro-hl-row{background-color: var(--white);padding: var(--px-48) var(--px-36) var(--px-40) var(--px-56);display: grid;grid-template-columns: auto 40.5%;column-gap: var(--px-68);align-items: center;margin-top: var(--px-20);}
.pro-hl-box{margin-top: var(--px-28);display: grid;grid-template-columns: 33% auto 25%;}
.pro-hl-box dl{border-left: solid 1px rgba(112,112,112,0.16);border-bottom: solid 1px rgba(112,112,112,0.16);padding-top: var(--px-20);padding-bottom: var(--px-28);text-align: center;}
.pro-hl-box dl:first-child, .pro-hl-box dl:nth-child(4){border-left: none;}
.pro-hl-box dl:nth-child(4), .pro-hl-box dl:nth-child(5), .pro-hl-box dl:last-child{border-bottom: none}
.pro-hl-box dl dt{color: var(--golden);font-size: var(--px-28);line-height: 1.14;}
.pro-hl-box dl dd{color: var(--black);font-size: var(--px-12);line-height: 1.14;margin-top: 2px;}
.pro-hl-right p{font-size: var(--px-12);line-height: 1.5;margin-bottom: var(--px-18);}
.pro-hl-right .btn{color: var(--white);font-size: var(--px-16);line-height: 1.15;padding: var(--px-12) var(--px-32);}

.amenity-row{margin-top: var(--px-20);}
.amenity-container{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: var(--px-24);}
.amenity-container figure{border-radius: var(--px-20);aspect-ratio: 1.22;font-size: var(--px-24);line-height: 1.28;text-align: center;display: flex;align-items: center;justify-content: center;background-color: var(--md-gray);position: relative;}
.amenity-container figure:nth-child(3n-1){top: var(--px-24)}
.amenity-container .brwn-box{background-color: rgba(112,71,56,.56)}

.gallery-row{margin-top: var(--px-52);}
.gallery-row .heading04{padding-left: var(--px-56);}

.project-detail-section .gallery-row .tab-header{padding-left: var(--px-24);}
.project-detail-section .gallery-row .tab-header button{padding: var(--px-12) var(--px-56);border-top-left-radius: var(--px-14);border-top-right-radius: var(--px-14);line-height: 1.3;}
.project-detail-section .gallery-row .tab-header button.active{padding: var(--px-24) var(--px-56)}


.exterior-gallery-slider .slick-list{margin: 0 calc(var(--px-12) * -1)}
.exterior-gallery-slider .slider-item, .interior-gallery-slider .slider-item{margin: 0 var(--px-12);overflow: hidden;}
.exterior-gallery-slider .slick-arrow, .interior-gallery-slider .slick-arrow{display: none !important;}
.exterior-gallery-slider .slider-item img, .interior-gallery-slider .slider-item img{transition: transform 1s linear;}
.exterior-gallery-slider .slider-item:hover img, .interior-gallery-slider .slider-item:hover img{transform: scale(1.2);}
.gallery-row .tab-box{height: 0;overflow: hidden;opacity: 0;}
.gallery-row .tab-box.active{height: auto;opacity: 1;}

.exterior-progress {position: relative;display: block;margin-left: 0;width: 100%;height: 3px;border-radius: 10px;overflow: hidden;background-color: transparent;background-image: linear-gradient(to right, #000, #000);background-repeat: no-repeat;background-size: 33.3333% 100%;opacity: 1;z-index: 1;transition: background-size 0.4s ease-in-out;}
.exterior-progress::after {content: "";width: 100%;height: 1px;background: var(--black);position: absolute;left: 0;top: 1px;opacity: 0.5;}

.interior-progress {position: relative;display: block;margin-left: 0;width: 100%;height: 3px;border-radius: 10px;overflow: hidden;background-color: transparent;background-image: linear-gradient(to right, #000, #000);background-repeat: no-repeat;background-size: 33.3333% 100%;opacity: 1;z-index: 1;transition: background-size 0.4s ease-in-out;}
.interior-progress::after {content: "";width: 100%;height: 1px;background: var(--black);position: absolute;left: 0;top: 1px;opacity: 0.5;}

.pro-dlt-wrap{display: flex; align-items: flex-start;}
.pro-dlt-right{background-color: var(--white);padding: var(--px-40) 0;}
.pro-dlt-right .enq-form{width: 80%;margin: 0 auto;}
.pro-dlt-right.sticky{position: fixed;bottom: auto;right: calc((100% - var(--px-1364))/2)}
.pro-dlt-right.abs{position: absolute;top: auto !important;bottom: 0;right: calc((100% - var(--px-1364))/2)}
.pro-dlt-right .enq-logo{width: 50%;margin-bottom: var(--px-12);}
.input-row{display: grid;grid-template-columns: 1fr 1fr;column-gap: var(--px-8);}
.input-box{margin-top: var(--px-16); text-align: center;}
.input-box input, .input-box select, .input-box textarea{background-color: var(--white);border: solid 1px var(--gray);border-radius: var(--px-28);width: 100%;color: var(--gray);font-size: var(--px-14);line-height: 1;padding: var(--px-16) var(--px-28);font-family: var(--helr);}
.input-box textarea{height: var(--px-120);}
.input-box button{font-size: var(--px-16);}
.custom-select select{-webkit-appearance: none;background-image: url("../img/select_arrow.svg");background-repeat: no-repeat;background-position: right var(--px-28) center;cursor: pointer;}
.custom-select select option{background-color: #666;color: #fff}
 .enq-form .brown-btn{margin-top: var(--px-8);font-size: var(--px-16);width: var(--px-120);text-align: center;padding: var(--px-12) var(--px-20);}
.pro-dlt-right .whatsapp-icon{width: var(--px-56);
    display: inline-block;
    vertical-align: middle;}
.enq-overlay{background-color: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;display: none;}


.custom-input input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.pro-dlt-right .custom-input input{display: block}
.pro-dlt-right .custom-input .wpcf7-list-item.first.last{display: flex;align-items: flex-start;}
.custom-input label, .pro-dlt-right .custom-input .wpcf7-list-item-label{position: relative;cursor: pointer;color: var(--gray);font-size: 9px;font-weight: 300 ;line-height: 1.66;display: block;padding-left: 18px;}
.pro-dlt-right .custom-input .wpcf7-list-item-label{padding-left: 8px}
.custom-input label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 1px solid var(--gray);padding: 4px;position: absolute;left: 0;cursor: pointer;margin-right: var(--px-8);margin-top: 4px;}
.custom-input input:checked + label:after {content: '';display: block;position: absolute;top: 6px;left: 4px;width: 1px;height: 3px;border: solid var(--gray);border-width: 0 1px 1px 0;transform: rotate(45deg);}

.identity-section{padding-top: var(--px-40);}
.identity-section .mid-container{display: grid;grid-template-columns: auto 57%;column-gap: var(--px-48);align-items: center;}
.identity-section .identity-content .heading02{text-align: left;}
.idnt-row{display: grid;grid-template-columns: var(--px-64) auto;align-items: center;margin-top: var(--px-24);}
.idnt-row i{font-size: var(--px-60);color: rgba(112,112,112,.36);line-height: 1;font-style: normal;}

.vision-section{padding-top: var(--px-72);}
.vision-section .msm-container{display: grid;grid-template-columns: 1fr 1fr;column-gap: var(--px-36);}
.vision-section figure{background-color: var(--darkBrown);border-radius: var(--px-20);padding: var(--px-64) var(--px-32) var(--px-28) var(--px-40);position: relative;}
.vision-section figure .img-box{width: var(--px-104);aspect-ratio: 1;border-radius: 100%;overflow: hidden;top: calc(var(--px-52) * -1);position: absolute;}
.vision-section figcaption .heading02, .vision-section figcaption p{color: var(--white);}
.vision-section figcaption .heading02{margin-bottom: 4px;text-align: left;}

.core-value-section .heading02{margin-bottom: var(--px-8);}
.core-value-section .head-para{text-align: center;}
.cv-container{background-color: #d7d3d3;margin-top: var(--px-18);}

.mt-section .tm-row{display: grid;grid-template-columns: 41% auto;column-gap: var(--px-60);align-items: center;margin-top: var(--px-24);}
.mt-section .tm-row:nth-child(even){grid-template-columns: auto 41%;}
.mt-section .tm-row:nth-child(even) .img-box{grid-row: 1;grid-column-start: 2;}
.mt-section .tm-row .heading03{color: var(--darkBrown);}
.mt-section .tm-row p{margin-bottom: var(--px-20);}
.mt-section .tm-row p:last-child{margin-bottom: 0;}

.cv-row{display: flex;align-items: center;justify-content: space-between;}
.cv-row .cv-img{width: 32%;}
.cv-row .cv-img img{transform: scale(.7);transition: transform .5s linear;}
.cv-row .cv-content{width: 30.5%;margin-top: var(--px-32);}
.cv-row .cv-content h4{font-size: var(--px-24);line-height: var(--px-32);color: var(--darkBrown);}
.cv-row .cv-content p{color: var(--black);font-family: var(--helr);margin-top: var(--px-16);}
.milestone-point.active + .cv-row .cv-img img{transform: scale(1);}


 .milestones-container {
    position: relative;
    width: 100%;
    height: var(--px-472);
    overflow: hidden;
  }

 #scrollPath {
    position: absolute;
    left: 0;
    top: 0;
    width: 21%;
    height: 360%;
    overflow: visible;
    /* z-index: 1; */
     /* z-index: 99; */
        right: 0;
    margin: 0 auto;
  }

  #road {
    stroke-linecap: round;
  }

  .milestone-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: margin-top 1s ease;
    z-index: 2;
  }

  #scrollPath{transition: transform 1s ease;}

  .milestone {
    height: var(--px-472);padding: var(--px-48) 0;display: flex;align-items: center;position: relative;
  }

  .milestone-point {
    width: var(--px-24);
    height: var(--px-24);
    border-radius: 100%;
    background-color: transparent;
    border: 3px solid #130B0B;
    flex-shrink: 0;
    transition: 0.3s;
    position: absolute;opacity: 0;transform: scale(0);
 
  }

  .milestone-point.active {
    background-color: #130B0B;opacity: 1;transition: transform .5s ease-in;transform: scale(1);
 
  }

  .controls {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    gap: 10px;align-items: center;
  }

  .controls button {
    /* padding: 6px 12px; */
    border: none;
    border-radius: 4px;
    /* background: #333;
    color: #fff; */
    cursor: pointer;
    width: var(--px-32);
    display: flex;
    justify-content: flex-end;
  }
  .controls button#prev{
    justify-content: flex-start;
  }
  .controls button:disabled {
    opacity: .5;
    pointer-events: none;
  }
.milestone-point img{display: none;}
.first-milestone .milestone-point{left: 48.7%;margin-top: -4%;}
.scnd-milestone .milestone-point{left: 55.7%;margin-top: 3%;}
.trd-milestone .milestone-point{left: 47.4%;margin-top: -3%;}
.frth-milestone .milestone-point{left: 45.4%;margin-top: -2%;}
.fifth-milestone .milestone-point{left: 50.8%;margin-top: 7%;}

.milestone-point:after, .milestone-point:before, .milestone-point-inner:after, .milestone-point-inner:before {
    border: 1px solid #302e2d;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .6s;
    transition-delay: .3s;
    width: 100%;
}

  .milestone-point.active:before {
    width: var(--px-48);
    height: var(--px-48);
}

.milestone-point.active:after {
    width: var(--px-96);
    height: var(--px-96);    opacity: .5;
}

.milestone-point.active .milestone-point-inner:before {
    width: var(--px-172);
   height: var(--px-172);
}

.milestone-point.active .milestone-point-inner:after {
    width: var(--px-260);
    height: var(--px-260);;opacity: .05;
}

#counter{font-family: var(--ntss);font-size: var(--px-28);color: var(--black)}
#counter span{color: var(--gray)}

.loader-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 99;display: flex;align-items: center;justify-content: center;}
.loader-overlay img{width: var(--px-350)}

.popup-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.5);z-index: 99;align-items: center;justify-content: center;display: none;}
.enq-popup{background-color: #fff;max-width: 360px;width: 90%;border-radius: var(--px-16);padding: var(--px-32);padding-top: var(--px-44); position: relative;}
.enq-popup .close-enq-form{display: block;position: absolute;right: 5%;top: 5%;width: var(--px-24);}
.enq-popup .heading02{font-weight: 800;font-size: var(--px-36);}
.enq-popup .custom-input label{text-align: left;}

body.compensate-for-scrollbar{overflow: auto;}


.slick-slider .slick-track, .slick-slider .slick-list{display: flex; align-items: flex-start;}
.form-content-box .input-box input.black-btn, .input-box input.black-btn {
    background-color: #2B2F30;
    color: #F2EFEB;
    font-size: var(--px-16);
    line-height: 1;
    padding: var(--px-12) var(--px-20);
    width: max-content;
    margin: 0 auto;
    display: block;
}

.wpcf7-not-valid-tip{font-size: var(--px-14); text-align: left;}
.wpcf7 form .wpcf7-response-output{font-size: var(--px-18); border: none; margin:0; padding: 0}
.wpcf7 form.invalid .wpcf7-response-output{color: red}
.wpcf7 form.sent .wpcf7-response-output{color: green;}

.f-box{display: flex; align-items: center;gap: var(--px-6)}
.f-box br{display: none}
.pro-dlt-right .wpcf7-spinner{position: absolute;}
.wpcf7-spinner{display: none;}
.newsletter-form input[type="submit"], .newsletter-form input[type="email"]{height: auto !important}
.newsletter-form input[type="email"]{padding: 12px 16px !important;}
.sub-box .wpcf7-response-output{display: none}
.wpcf7 form.sent .wpcf7-response-output{display: block;background: green;position: absolute;color: #fff;width: 100%;font-size: 12px; padding: 2px;}
.newsletter-form .wpcf7-not-valid-tip{position: absolute;}