.container{margin: 0 auto;position: relative;width: 86%}
.mid-container{margin: 0 auto;position: relative;width: 80%}

.page-wrapper-inner{overflow: hidden;width: 82%}
.sticky-box{position: fixed;right: calc(18% + -2px);top: 50%;transform: translateY(-50%);z-index: 9;width: var(--px-48);}
.sticky-box a{margin: var(--px-12) 0;display: block;}
.sticky-box .mob{display: none;}
.sticky-form{width: 18%;}
.header{position: fixed;top: 0;left: 0;right: 0;z-index: 99;background-color: #fff;box-shadow: 1px -3px 4px -2px rgba(0, 0, 0, 0.07) inset;}
.header .container{width: 92%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.logo{width: 16%;display: block;margin-bottom: calc(var(--px-8) * -1);}
.menu-box{display: flex;align-items: center;justify-content: space-between;column-gap: var(--px-32);}
.nav-bar{display: flex;align-items: center;column-gap: var(--px-32);}
.nav-bar a{color: #261E2F;font-weight: var(--med);font-size: var(--px-18);}
.call-back{background-color: #0d0d0d;font-size: var(--px-18);color: #fff;padding: var(--px-8) var(--px-16);transition: background-color .3s linear;}
.call-back:hover{background-color: #CC9F89;}
.menu-btn, .close-btn{display: none;}
[data-scroll].active, [data-scroll]:hover{color: #c58b6f;}


.ticker{font-size: var(--px-24);color: #5B5B5B;font-weight: var(--sm);line-height: 1;letter-spacing: 2.5%;background-color: #FBEADD;padding: var(--px-16) 0;padding-top: var(--px-24);padding-right: var(--px-100);text-align: right;}
.ticker marquee{width: 70%;}

.section{padding: var(--px-60) 0;}
p{font-size: var(--px-16);color: #0D0D0D;line-height: 1.3125;}

.hero-section{position: relative;}
.hero-section .heading01{width: 100%;/*position: absolute;*/top: 15%;left: 24%;}
.hero-section img{width: 100%;}
.banner-content{position: absolute;right: 7%;bottom: 16%;width: 32.5%;}
.banner-form{background-color: #FAE0CE;padding: var(--px-36);padding-bottom: var(--px-48);/*position: absolute;*/    width: 80%;margin: var(--px-40) auto 0;bottom: 14%;right: 12%;text-align: center;}
.banner-form h2{font-size: var(--px-28);color: #000000;font-weight: var(--bold);}
.banner-form h3{font-size: var(--px-20);color: #000000;font-weight: var(--med);margin-top: var(--px-12);}
.banner-form .pro-info{margin-top: var(--px-8);}
.banner-form dl{font-size: var(--px-12);color: #8A8A8D;font-weight: var(--med);line-height: 1;background-color: #fff;display: flex;justify-content: space-between;border-radius: var(--px-12);padding: var(--px-8) var(--px-12);margin-top: var(--px-16);}
.banner-form p{font-size: var(--px-16);color: #000000;font-weight: var(--med);margin-top: var(--px-12);}
.banner-form span{font-size: var(--px-24);color: #000000;font-weight: var(--bold);margin-top: var(--px-12);display: block;}
.banner-form .enq-btn{background-color: #0D0D0D;color: #F8F8F8;font-size: var(--px-20);padding: var(--px-8) var(--px-28);margin-top: var(--px-20);display: inline-block;transition: background-color .3s linear;}
.banner-form .enq-btn:hover{background-color: #CC9F89;}

.second-section{background: #FEECD6;background: linear-gradient(60deg, rgba(254, 236, 214, 1) 0%, rgba(204, 159, 137, 1) 100%);}
.world-class-row{padding-right: 10%;display: grid;grid-template-columns: 54% auto;column-gap: var(--px-40);align-items: center;}
.world-class-row .text-box .heading02{width: 95.8%;}
.world-class-row .text-box p{margin-top: var(--px-32);}
.world-class-row .text-box .ups-wrap{display: grid;grid-template-columns: auto auto auto;column-gap: var(--px-32);}
.world-class-row .text-box .ups-wrap dl{margin-top: var(--px-36)}
.world-class-row .text-box .ups-wrap dt{font-size: var(--px-28);line-height: 1.125; color: #000;}
.world-class-row .text-box .ups-wrap dt span{font-size: var(--px-12);text-transform: uppercase;}
.world-class-row .text-box .ups-wrap dd{font-size: var(--px-16);line-height: 1.125; color: #000;}

.walk-through-row{margin-top: var(--px-48);text-align: center;}
.walk-through-row .heading02{width: 53%;display: inline-block;}
.walk-through-row p{margin-top: var(--px-28);width: 66%;display: inline-block;}
.video-row{margin-top: var(--px-48);display: grid;grid-template-columns: 1fr;column-gap: var(--px-24); width: 50%; margin-inline: auto;}
.video-box a{display: block;position: relative;}
.video-box button{width: 15%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.presenting-section{background-image: url("../img/present_bg.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;text-align: center;}
.presenting-section .heading02{width: 54%;display: inline-block;}
.presenting-section p{color: #B5B5B5;width: 70%;display: inline-block;margin-top: var(--px-32);}
.tab-row{margin-top: var(--px-44);}
.tab-header{display: flex;align-items: center;justify-content: space-between;border-bottom: solid 1px #E2C175;}
.tab-btn-row{display: flex;column-gap: var(--px-16);}
.tab-btn-row button[data-tab]{padding: var(--px-8) var(--px-16);display: inline-block;border: solid 1px #D9D9D9;display: grid;grid-template-columns: auto auto;align-items: center;column-gap: var(--px-12);margin-bottom: -1px;}
/* .tab-btn-row button[data-tab] i{} */
.tab-btn-row button[data-tab] span{font-size: var(--px-22);line-height: 1.3;color: #FCEADD;}
.tab-btn-row button[data-tab].active{background: #F6CAB3;background: linear-gradient(90deg, rgba(246, 202, 179, 1) 21%, rgba(254, 236, 214, 1) 47%, rgba(204, 159, 137, 1) 100%);}
.tab-btn-row button[data-tab].active span{color: #0D0D0D;}
.tab-header .arrow-box{display: flex;column-gap: var(--px-12);}
.tab-header .arrow-box button{width: var(--px-32);aspect-ratio: 1;}
.tab-header .arrow-box button img{width: 100%;}
.tab-container{margin-top: var(--px-48);}
.presenting-section .tab-box{display: none;}
.presenting-section .tab-box.active{display: block;}
.presenting-section .tab-box .tab-box-inner{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--px-12);}
/* .tab-box dl:nth-child(1){grid-column: 1/4}
.tab-box dl:nth-child(2){grid-column: 4/7;}
.tab-box dl:nth-child(3){grid-column: 7/10;}
.tab-box dl:nth-child(4){grid-column: 10/13;}
.tab-box dl:nth-child(5){grid-column: 1/5;}
.tab-box dl:nth-child(6){grid-column: 5/9}
.tab-box dl:nth-child(7){grid-column: 9/13;} */

.tab-box dl{background-color: #fff;padding: var(--px-18);display: grid;grid-template-columns: var(--px-36) auto;justify-content: center; column-gap: var(--px-8);align-items: center;text-align: left;display: none;}
.tab-box dl.active{display: grid;}
.tab-box dl dd{color: #222A2C;font-size: var(--px-20);line-height: 1.1;}
.tab-box .see-all, .tab-box .see-less{color: #FCEADD;font-size: var(--px-24);font-weight: var(--light);line-height: 2;margin-top: var(--px-60);display: inline-block;}

.fourth-section{background: #FEECD6;background: linear-gradient(270deg, rgba(254, 236, 214, 1) 56%, rgba(204, 159, 137, 1) 94%);}
.design-row{text-align: center;}
.design-row .heading02{display: inline-block;width: 64%;}
.design-row p{margin-top: var(--px-28);color: #222A2C}
.space-slider{margin-top: var(--px-40);}
.spaces-slide{display: grid;grid-template-columns: 76.6% auto;column-gap: var(--px-12);}
.spaces-slide .left-box{position: relative;}
.left-box .spaces-lg-slider .slick-list{box-shadow: 6px 7px 5px 0 rgba(0, 0, 0, 0.2);}
.left-box .spaces-lg-slider .spaces-mob-img{display: none;}
.spaces-slide .left-box .content-box{position: absolute;bottom: 20%;width: 75%;left: 0;right: 0;margin: 0 auto;}
.spaces-slide .left-box .content-box .left-head i{width: 10.6%;display: inline-block;}
.spaces-slide .left-box .content-box .left-head h3{font-size: var(--px-32);color: #fff;line-height: 1;margin-top: var(--px-18)}
.spaces-slide .left-box .content-box .left-bottom{margin-top: var(--px-52);display: grid;grid-template-columns: 1fr 1fr 1fr;column-gap: var(--px-80);}
.spaces-slide .left-box .content-box .left-bottom p{color: #FFFFFF;margin-top: 0;}
.spaces-slide .right-box{display: grid;row-gap: var(--px-12);margin-top: calc(var(--px-8) * -1);}
/* .spaces-slide .right-box dl{background-color: #0D0D0D;display: block;padding: var(--px-12);display: flex;column-gap: var(--px-12);align-items: center;justify-content: center;}
.spaces-slide .right-box dt{width: var(--px-40);}
.spaces-slide .right-box dd{color: #FCEADD;font-size: var(--px-22);line-height: 1.3;} */
.slick-vertical .slick-slide{border: none;margin: var(--px-6) 0;}
.slick-dots li button{vertical-align: top;}

.family-row{margin-top: var(--px-40);display: grid;grid-template-columns: auto auto;align-items: center;margin-left: -8%;grid-template-columns: 54.5% auto;margin-right: 8%;}
.family-row .content-box{margin-left: -14%;margin-top: calc(var(--px-100) * -1);margin-right: -14%;text-align: left;}
.family-row .content-box h2{width: 76.5%;}
.family-row .content-box a{font-size: var(--px-18);color: #0D0D0D;padding: var(--px-12) var(--px-40);border: solid 1px #1A1818;margin-top: var(--px-60);display: inline-block;transition: background-color .3s linear;}
.family-row .content-box a:hover{background-color: #0D0D0D;color: #fff;}
.slick-dots{margin-top: var(--px-20);text-align: center;}
.slick-dots li{display: inline-block;margin: 0 4px;}
.slick-dots li button{font-size: 0;color: transparent;padding: 0;width: var(--px-12);height: var(--px-12);border-radius: var(--px-20);background-color: #707070;transition: width .5s linear;}
.slick-dots li.slick-active button{background-color: #0D0D0D;width: var(--px-48);}

.map-section{background-image: url("../img/map_bg.jpg");background-repeat: no-repeat;background-size: 100%;background-position: bottom right;background-color: #0D0D0D;}
.map-section .tab-row{margin-top: 0}
.map-section  .tab-box{opacity: 0;height: 0;visibility: hidden;overflow: hidden;}
.map-section .tab-box.active{opacity: 1;height: auto;visibility: visible}
.map-section .btn-row{margin-top: var(--px-24);text-align: right;width: 68%;position: relative;}
.map-section .btn-row:before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 3px;width: calc(100% - var(--px-350));background-color: #F3DAA7;}
.bv-btn{padding: var(--px-12) var(--px-24);color: #FCEADD;font-size: var(--px-16);display: inline-block;border: solid 1px #F9D1BF;vertical-align: top;transition: background-color .3s linear;}
.bv-btn:hover{background-color: #CC9F89;color: #0D0D0D;}
.db-btn{padding: var(--px-12) var(--px-24);color: #0D0D0D;font-size: var(--px-16);display: inline-block;border: solid 1px #5B5B5B;background: #F8D7C9;background: linear-gradient(90deg, rgba(248, 215, 201, 1) 0%, rgba(246, 202, 179, 1) 26%, rgba(254, 236, 214, 1) 57%, rgba(204, 159, 137, 1) 100%);line-height: 1.2;vertical-align: top;transition: ease .3s all;border: solid 2px #0d0d0d;}
.db-btn:hover{background: transparent;color: #fff;border-color: rgba(204, 159, 137, 1);}

.map-section .slick-dots li button{background-color: #707070;}
.map-section .slick-dots li.slick-active button{background-color: #fff;}

.sl-section{background: #FEECD6;background: linear-gradient(115deg, rgba(254, 236, 214, 1) 56%, rgba(204, 159, 137, 1) 94%);text-align: center;}
.sl-section .heading02{width: 35%;display: inline-block;}
.sl-section .sl-container{margin-top: var(--px-76);display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;column-gap: var(--px-36);}
.sl-section figure{position: relative;}
.sl-section figure:hover .img-box{box-shadow: 0px 4px var(--px-16) 0 rgba(0,0,0,.25);}
.sl-section figure:nth-child(2n){margin-top: var(--px-72)}
.sl-section figure .img-box img{width: 100%;}
.sl-section figcaption{background: #FAD9CA;background: linear-gradient(90deg, rgba(250, 217, 202, 1) 0%, rgba(253, 236, 213, 1) 51%, rgba(206, 163, 140, 1) 82%);color: #000000;font-weight: var(--light);font-size: var(--px-16);padding: var(--px-18) var(--px-12);font-weight: var(--bold);}
.sl-section figcaption strong{font-weight: var(--bold);}
.see-all{color: #0D0D0D;font-size: var(--px-24);font-weight: var(--light);display: inline-block;margin-top: var(--px-44);}
.mobile-banner{display: none;}
.location-section{background-color: #060707;}
.location-section .mid-container{display: grid;grid-template-columns: 45% auto;align-items: flex-end;}
.location-content{position: relative;}
.location-content .heading02{width: 100%}
.location-content p{color: #B5B5B5;margin-top: var(--px-36);width: 70.6%;list-style: circle;display: list-item  ;}
.loc-box{margin-top: var(--px-48);width: 75%;position: relative;}
.loc-box:before{content: "";position: absolute;width: 1px;background-color: #FBE9E2;left: var(--px-14);top: 20px;bottom: 20px;}
.loc-box .loc-row{padding: var(--px-16) 0;}
.loc-box .loc-row .loc-head{display: grid;grid-template-columns: var(--px-28) auto;column-gap: var(--px-44);align-items: center;position: relative;cursor: pointer;}
.loc-box .loc-row .loc-head:after{content: "";background-image: url("../img/plus_icon.svg");background-size: 100%;background-repeat: no-repeat;width: var(--px-12);aspect-ratio: 1;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.loc-box .loc-row .loc-head i{text-align: center;padding: var(--px-6) 0;background-color: #060707;}
.loc-box .loc-row .loc-head i img{display: inline-block;}
.loc-box .loc-row .loc-head span{font-size: var(--px-22);color: #B5B5B5;line-height: 1.3;}
.loc-box .loc-row  .loc-info{margin-top: var(--px-8);padding-left: var(--px-72);display: none;}
.loc-box .loc-row  .loc-info p{margin-top: 0;}
.loc-box .loc-row.active .loc-head:after{background-image: url("../img/minus_icon.svg");}
.location-map{margin-left: -6%;}

.witness-section{background: #FEECD6;background: linear-gradient(260deg, rgba(254, 236, 214, 1) 56%, rgba(204, 159, 137, 1) 94%);text-align: center;}
.witness-section .heading02{width: 36%;display: inline-block;}
.witness-section .witness-container{display: grid;grid-template-columns: 1fr 1fr 1fr;column-gap: var(--px-16);margin-top: var(--px-52);}

.about-section{background-color: #4B403B;padding-bottom: 0;}
.about-container{width: 90%;display: grid;grid-template-columns: 60% auto;align-items: center;}
.about-container .about-head{border-bottom: solid 1px #F3DAA7;padding-bottom: var(--px-12);}
.about-container .about-head img{width: 36%}
.about-container .heading02{margin-top: var(--px-32);width: 82%;}
.about-container p{color: #E8E8E8;margin-top: var(--px-16);line-height: 1.5;}
.about-container a{display: inline-block;margin-top: var(--px-32);background: #F8D7C9;background: linear-gradient(90deg, rgba(248, 215, 201, 1) 0%, rgba(246, 202, 179, 1) 26%, rgba(254, 236, 214, 1) 57%, rgba(204, 159, 137, 1) 100%);color: #0D0D0D;font-size: var(--px-18);padding: var(--px-12) var(--px-28);transition: ease .3s all;border: solid 2px #4b403b;}
.about-container a:hover{background: transparent;color: #fff;border-color: rgba(204, 159, 137, 1);}

.footer{background-color: #060707;}
.ft-top-row{padding: var(--px-40) 0;position: relative;}
.social-box{position: absolute;top: 50%;transform: translateY(-50%);right: 3%;width: 2%;}
.social-box a{display: block;margin: 8px 0;}
.ft-container{max-width: 810px;width: 52%;margin: 0 auto;position: relative;display: grid;grid-template-columns: auto 2px auto;column-gap: var(--px-80);align-items: flex-end;text-align: center;}
.ft-container img{display: inline-block;}
.ft-logo-box img{Width: 80%;}
.ft-logo-box P{color: #fff;margin-top: var(--px-28)}
.divider{height: 125px;background-color: #fff;}
.ft-bank-box img{margin-top: var(--px-20);margin-bottom: var(--px-32);width: 95%;}
.ft-bank-box p{font-size: var(--px-20);color: #fff}

.ft-bottom-row{padding: var(--px-16) 0;border-top: solid 1px #FCEADD;display: flex;align-items: center;justify-content: center;column-gap: var(--px-36);}
.ft-bottom-row p, .ft-bottom-row a{color: #fff;font-size: var(--px-14);}

.enq-sticky-box{background-color: #0D0D0D;position: fixed;right: 0;width: 18%;z-index: 9;}
.enq-sticky-box .enq-head{display: grid;grid-template-columns: 1fr 1fr;}
.enq-sticky-box .enq-head .enq-btn{background-color: #CC9F89;font-size: var(--px-16);font-weight: var(--sm);color: #000;padding: var(--px-20) var(--px-12);text-align: center;}
.enq-sticky-box .enq-head a{background-color: #F9D1BF;font-size: var(--px-16);font-weight: var(--sm);color: #000;padding: var(--px-20) var(--px-6);display: grid;grid-template-columns: var(--px-16) auto;justify-content: center;}
.enq-sticky-box .enq-box{padding: var(--px-40) var(--px-28);}
.enq-sticky-box .call-bk{display: grid;grid-template-columns: max-content 13%;align-items: center;column-gap: var(--px-20);}
.enq-sticky-box .call-bk .rcb-btn{background: #FEECD6;background: linear-gradient(90deg, rgba(254, 236, 214, 1) 0%, rgba(248, 215, 201, 1) 42%, rgba(204, 159, 137, 1) 100%);font-size: var(--px-12);font-weight: var(--sm);color: #292132;padding: var(--px-8);transition: ease .3s all;border: solid 2px #0d0d0d;}
.enq-sticky-box .call-bk .rcb-btn:hover{background: transparent;color: #fff;border-color: rgba(204, 159, 137, 1);}
.enq-sticky-box h4{margin-top: var(--px-32);font-size: var(--px-18);font-weight: var(--bold);color: #fff;}
.enq-sticky-box p{margin-top: var(--px-12);font-size: var(--px-16);color: #fff;}
.enq-sticky-box .form-box{margin-top: var(--px-24);}
.enq-sticky-box .form-box .input-box{margin-top: var(--px-12);}
.enq-sticky-box .form-box .input-box input{background-color: #fff;width: 100%;color: rgba(1,12,15,0.40);font-size: var(--px-16);line-height: 1.5;padding: var(--px-8) var(--px-16);}
.enq-sticky-box .form-box .tc-box{margin-top: var(--px-32);display: grid;grid-template-columns: 12px auto;column-gap: var(--px-8);align-items: flex-start;}
.enq-sticky-box .form-box .tc-box span{color: #FFFFFF;font-size: var(--px-12);line-height: 1.2;}
.enq-sticky-box .form-box .sub-btn{color: #292132;font-size: var(--px-18);line-height: 1.2;padding: var(--px-8) var(--px-36);background: #FEECD6;background: linear-gradient(90deg, rgba(254, 236, 214, 1) 0%, rgba(248, 215, 201, 1) 42%, rgba(204, 159, 137, 1) 100%);margin: 0 auto;display: block;margin-top: var(--px-40);transition: ease .3s all;border: solid 2px #0d0d0d;}
.enq-sticky-box .form-box .sub-btn:hover{background: transparent;color: #fff;border-color: rgba(204, 159, 137, 1);}

.popup-overlay, .enq-sticky-box-overlay{background-color: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;display: none;cursor: pointer;}
.enq-sticky-box-overlay.active{display: block;}
.enq-popup{background-color: #FAE0CE;padding: var(--px-48) var(--px-36);position: fixed;z-index: 99; width: var(--px-472);top: 50%;left: 50%;transform: translate(-50%,-50%); text-align: center;display: none;}
.enq-popup h2{font-size: var(--px-28);color: #000000;font-weight: var(--bold);}
.enq-popup h3{font-size: var(--px-20);color: #000000;font-weight: var(--med);margin-top: var(--px-12);}
.enq-popup .pro-info{margin-top: var(--px-8);}
.enq-popup .form-box{margin-top: var(--px-24);}
.enq-popup .form-box .input-box{font-size: var(--px-12);color: #8A8A8D;font-weight: var(--med);line-height: 1;background-color: #fff;display: flex;justify-content: space-between;border-radius: var(--px-12);padding: var(--px-12) var(--px-16);margin-top: var(--px-16);position: relative;}
.enq-popup .form-box .input-box .error-message{position: absolute;bottom: -12px;}
.enq-popup .form-box .input-box input{background-color: #fff;width: 100%;color: #010F0F;font-size: var(--px-16);line-height: 1.5;}
.enq-popup .form-box .tc-box{margin-top: var(--px-24);display: grid;grid-template-columns: 12px auto;column-gap: var(--px-8);align-items: flex-start;}
.enq-popup .form-box .tc-box span{color: #000;font-size: var(--px-14);line-height: 1.2;text-align: left;}
.enq-popup .form-box .sub-btn{color: #fff;font-size: var(--px-18);line-height: 1.2;padding: var(--px-8) var(--px-36);background: #0D0D0D;margin: 0 auto;display: block;margin-top: var(--px-40)}
.enq-popup .close-enq{position: absolute;top: var(--px-24);right: var(--px-24);width: var(--px-24);}


.thankyou-section{background: #FEECD6;background: linear-gradient(60deg, rgba(254, 236, 214, 1) 0%, rgba(204, 159, 137, 1) 100%);}
.thankyou-content {height: 75vh;max-width: 1000px;margin: 0 auto;align-items: center;justify-content: center;display: flex;}
.thankyou-content .wrapper-1 {width: 100%;display: flex;flex-direction: column;justify-content: center;}
.thankyou-content .wrapper-2 {padding: 15px;text-align: center;}
.thankyou-content .wrapper-2 h1 {font-size: 64px;color: #000;margin: 0;margin-bottom: 10px;font-weight: 700}
.thankyou-content .wrapper-2 p {margin: 0;margin-top: 20px;}
.thk-btn{background: #000;color: #fff;text-decoration: none;margin-top: 24px;display: inline-block;padding: 10px 24px;border-radius: 8px;}