.header .nav li{color:#9a9592;font:600 18px "Montserrat",sans-serif;margin-right:40px}.header .nav li a:hover{color:#000}.header .nav li a.active{color:#000;position:relative}.header .nav li a.active:after{background:#e05e0f;border-radius:4px;content:"";height:4px;left:50%;position:absolute;top:calc(100% + 8px);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:28px}.header .nav a{color:inherit;text-decoration:none}.header .mob_nav_icon{height:24px;width:24px}.header .mob_nav_icon span{background:#828282;border-radius:5px;display:block;height:2px;width:18px}.header .mob_nav_icon span+span{margin-top:4px;width:12px}.header .search-icon{cursor:pointer}.page-nav-bar a{color:#564d43;font:600 14px "Lato",serif;text-decoration:none}.page-nav-bar a i{color:#e05e0f;font-size:18px}.hero .hero-slider{border-radius:72px;overflow:hidden}.hero .slider-hero_wrap{position:relative}.hero .over-caption{bottom:40px;left:60px;max-width:550px;position:absolute;z-index:5}.hero .over-caption h2{color:#fff;font:600 36px "Montserrat",sans-serif}.hero__wrap{border-radius:72px;overflow:hidden;position:relative}.hero__wrap .img-hero{height:100%}.hero__wrap .img-hero img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.hero__wrap--inner{height:360px}.hero-space{background:#f1f6ef}.hero-space .img-gride{border-radius:36px;display:grid;gap:8px;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(3, 1fr);overflow:hidden}@media(min-width: 768px){.hero-space .img-gride{border-radius:72px;grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(2, 1fr)}}@media(max-width: 767px){.hero-space .img-gride .img1{grid-area:1/1/2/3}}@media(min-width: 768px){.hero-space .img-gride .img1{grid-column:span 2/span 2;grid-row:span 2/span 2}}@media(max-width: 767px){.hero-space .img-gride .img2{grid-area:2/1/3/2}}@media(min-width: 768px){.hero-space .img-gride .img2{grid-column-start:3}}@media(max-width: 767px){.hero-space .img-gride .img3{grid-area:2/2/3/3}}@media(min-width: 768px){.hero-space .img-gride .img3{grid-column-start:3;grid-row-start:2}}@media(max-width: 767px){.hero-space .img-gride .img4{grid-area:3/1/4/2}}@media(min-width: 768px){.hero-space .img-gride .img4{grid-column-start:4;grid-row-start:1}}@media(max-width: 767px){.hero-space .img-gride .img5{grid-area:3/2/4/3}}@media(min-width: 768px){.hero-space .img-gride .img5{grid-column-start:4;grid-row-start:2}}.hero-space .img-gride .img{overflow:hidden}@media(max-width: 767px){.hero-space .img-gride .img{height:92px}}.hero-space .img-gride .img img{height:102%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:102%}.hero-space .space-meta .head h2{color:#4a4a4a;font:600 30px/1.35 "Montserrat",sans-serif;letter-spacing:-0.5px}.hero-space .space-meta .head p{color:#827668;font:500 18px "Lato",serif}.hero-space .space-meta .book .price{color:#6b6b6b;font:18px "Lato",serif}.hero-space .space-meta .book .price .big{color:#564d43;font:600 34px "Lato",serif}.hero-space .space-meta .book .cta{background:#5e7481;color:#fff;font:700 18px/1 "Montserrat",sans-serif}hr{border-color:#ddd;margin-block:2rem}.space-best_features .box_feature{background:#f1f6ef;height:100%}.space-best_features .box_feature .icon{height:40px;width:40px}.space-best_features .box_feature p{color:#726d6a;font:600 24px "Lato",serif;letter-spacing:-0.3px}.space-location_features .box_feature .icon{-webkit-box-flex:0;-ms-flex:0 0 30px;flex:0 0 30px;height:30px;width:30px}.space-location_features .box_feature h2{color:#827668;font:600 24px "Lato",serif}.space-location_features .box_feature p{color:#707070;font:18px "Lato",serif}.space-included-services .service_box{background:#f1f6ef}.space-included-services .service_box .icon{-webkit-box-flex:0;-ms-flex:0 0 30px;flex:0 0 30px;height:30px;width:30px}.space-included-services .service_box .name{color:#827668;font:500 18px "Lato",serif}.space-location .map_feature .icon{-webkit-box-flex:0;-ms-flex:0 0 30px;flex:0 0 30px;height:30px;width:30px}.space-location .map_feature h2{color:#827668;font:600 24px "Lato",serif}.space-location .map_feature p{color:#707070;font:18px "Lato",serif}.space-conference .room{border:1px solid #e3e3e3;border-radius:.5rem;overflow:hidden}.space-conference .room .img{position:relative}.space-conference .room .img:before{content:"";display:block;padding-top:50%}.space-conference .room .img img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.space-conference .room .text .tag{color:#827668;font:13px "Lato",serif}.space-conference .room .text h2{color:#564d43;font:600 18px "Lato",serif}.space-conference .room .text p{color:#827668;font:16px/1.35 "Lato",serif}.space-hospitality .dish{border:1px solid #e3e3e3;border-radius:.5rem}.space-hospitality .dish h2{color:#827668;font:600 18px "Lato",serif}.about-space h2{color:#4a4a4a;font:700 40px "Montserrat",sans-serif;letter-spacing:-0.5px}.accordion-wrap .accordion_box .head{cursor:pointer}.accordion-wrap .accordion_box .head h2{color:#564d43;font:600 20px "Lato",serif}.accordion-wrap .accordion_box .content{display:none}.accordion-wrap .accordion_box .content .text{max-width:714px}.accordion-wrap .accordion_box .content p{color:#827668;font:18px/1.45 "Lato",serif}.accordion-wrap .accordion_box+.accordion_box{border-top:1px solid #e3e3e3}@media(max-width: 767px){.space-offering{background:#f9f7f4;isolation:isolate;position:relative}}.space-offering .mobile-bg{background-repeat:no-repeat;background-size:100% auto;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.space-offering .tour-request{-webkit-box-flex:0;-ms-flex:0 0 390px;flex:0 0 390px;margin-top:-115px;max-width:480px;position:relative;width:480px;z-index:10}@media(max-width: 767px){.space-offering .meta-space{padding-top:2rem;position:relative;z-index:1}}@media(min-width: 768px){.space-offering .meta-space{margin-block:3rem}}.space-offering .meta-space h1{color:#4f4f4f;font:700 40px/1.4 "Montserrat",sans-serif}.space-offering .meta-space p{color:#4f4f4f;font:16px/1.65 "Lato",sans-serif}.space-offering .meta-space .cta{color:#fff;font:700 18px "Montserrat",sans-serif;min-height:50px;min-width:255px}@media(max-width: 767px){.space-offering .meta-space .cta{background:#e05e0f;width:100%}}@media(min-width: 768px){.space-offering .meta-space .cta{background:#5e7481}}.space-offering .meta-space .cta .icon{height:24px;width:24px}.space-offering .variety-option{margin-top:3rem}@media(max-width: 767px){.space-offering .variety-option{position:relative;z-index:1}}.space-offering .variety-option .heading h2{color:#4f4f4f;font:700 14px/1.65 "Lato",sans-serif;letter-spacing:.15em}.space-offering .variety-option .heading h3{color:#4f4f4f;font:700 28px/1.25 "Montserrat",sans-serif}@media(max-width: 767px){.space-offering .variety-option .rooms [class*=col-md-]:nth-child(4n+1){display:none}}@media(max-width: 767px){.space-offering .variety-option .rooms .room{-webkit-box-shadow:0 0 .5rem rgba(0,0,0,.15);box-shadow:0 0 .5rem rgba(0,0,0,.15)}}.space-offering .variety-option .rooms .room .img{height:76px}@media(min-width: 768px){.space-offering .variety-option .rooms .room .img{height:180px}}.space-offering .variety-option .rooms .room .img img{height:100%;width:auto}.space-offering .variety-option .rooms .room h2{color:#4f4f4f;font:700 18px/1.4 "Montserrat",sans-serif}.space-offering .variety-option .rooms .room h3{color:#726d6a;font:500 16px/1.5 "Lato",sans-serif}.tour-request{border-radius:1.25rem;padding:1.25rem;z-index:10}@media(min-width: 768px){.tour-request{border-radius:2rem;padding:2rem}}.tour-request h2{color:#4f4f4f;font:32px/1.25 "Montserrat",sans-serif}.tour-request .select-place{background:#f9f7f4;cursor:pointer;position:relative;z-index:10}.tour-request .select-place .img{height:64px;overflow:hidden;position:relative;width:64px}.tour-request .select-place .img:before{content:"";display:block;padding-top:100%}.tour-request .select-place .img img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.tour-request .select-place .place-name{color:#000;font:700 20px "Lato",sans-serif}.tour-request .select-place .down-arrow{color:#828282}.tour-request .select-place .other-places{background:#f9f7f4;border-radius:.8rem;left:0;max-height:242px;overflow:hidden;overflow-y:auto;position:absolute;top:100%;width:100%}.tour-request .select-place .place .img{height:32px;width:32px}.tour-request .select-place .place .place-name{font-size:16px;font-weight:400}.tour-request .select-place .place.selected,.tour-request .select-place .place:hover{background:#e05e0f}.tour-request .select-place .place.selected .place-name,.tour-request .select-place .place:hover .place-name{color:#fff}.tour-request .room-space .room{background:#f9f7f4;border-radius:18px;cursor:pointer;height:100%;padding:.8rem 0}.tour-request .room-space .room .icon{height:32px;height:32px}.tour-request .room-space .room .icon svg path{fill:#726d6a}.tour-request .room-space .room h3{color:#726d6a;font:700 13px "Lato",sans-serif}.tour-request .room-space .room.checked{background:#fdf3ed;position:relative}.tour-request .room-space .room.checked .icon svg path{fill:#fff}.tour-request .room-space .room.checked h3{color:gray}.tour-request .room-space .room.checked .checked-icon{position:absolute;right:10px;top:5px}.tour-request .form-head h2{color:#4f4f4f;font:700 20px "Lato",sans-serif}.tour-request .form-check-wrap{min-height:56px}.tour-request form .bi{font-size:18px}.tour-request form .form-label{-webkit-box-flex:0;-ms-flex:0 0 80px;flex:0 0 80px;width:80px}.tour-request form .form-label,.tour-request form .form-check-label{color:#4f4f4f;font:700 16px "Lato",sans-serif}.tour-request form .form-check-input{border-color:#b8b3b0}.tour-request form .form-check-input:checked{background-color:#e05e0f;border-color:#e05e0f}.tour-request form .form-check-input:focus{-webkit-box-shadow:none;box-shadow:none}.tour-request form .input-group{background:#f9f7f4}.tour-request form .input-group .input-group-text,.tour-request form .input-group .form-control{background:inherit;border-color:#f9f7f4}.tour-request form .input-group .input-group-text{color:#e1b697}.tour-request form .input-group .form-control{color:#828282;font:16px "Lato",sans-serif;height:56px;letter-spacing:.5px}.tour-request form .input-group .form-control::-webkit-input-placeholder{color:#828282;opacity:1}.tour-request form .input-group .form-control::-moz-placeholder{color:#828282;opacity:1}.tour-request form .input-group .form-control:-ms-input-placeholder{color:#828282;opacity:1}.tour-request form .input-group .form-control::-ms-input-placeholder{color:#828282;opacity:1}.tour-request form .input-group .form-control::placeholder{color:#828282;opacity:1}.tour-request form .input-group .form-control:focus{-webkit-box-shadow:none;box-shadow:none}.tour-request form .cta{background:rgba(224,94,15,.5);font:700 18px/1.75 "Montserrat",sans-serif}.tour-request form .cta.blue{background:#0071c0}.thanks-wrap{isolation:isolate;min-height:calc(100vh - 84px);position:relative}@media(min-height: 1020px){.thanks-wrap{min-height:calc(100vh - 520px)}}.thanks-wrap .bg-radial{background:radial-gradient(63.21% 52.99% at 60.4% 89.91%, #5a7889 0%, rgba(99, 124, 106, 0.29) 100%);height:100%;left:0;position:absolute;top:0;width:100%}.thanks-wrap .bg-liner{background:-webkit-gradient(linear, left top, left bottom, color-stop(2.08%, #4a4a4a), to(rgba(71, 71, 71, 0.45)));background:linear-gradient(180deg, #4a4a4a 2.08%, rgba(71, 71, 71, 0.45) 100%);height:100%;left:0;position:absolute;top:0;width:100%}.thanks-wrap .bg-img{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.thanks-wrap .bg-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.thanks-wrap .over-text{border-radius:32px;position:relative;z-index:1}.thanks-wrap .over-text h1{color:#e05e0f;font:700 46px/1 "Lato",serif}@media(min-width: 768px){.thanks-wrap .over-text h1{font-size:64px}}.thanks-wrap .over-text h2{font-size:20px}@media(min-width: 768px){.thanks-wrap .over-text h2{font-size:24px}}.thanks-wrap .over-text p{font-size:16px}@media(min-width: 768px){.thanks-wrap .over-text p{font-size:20px}}.modal-book .head-book h2{font:32px "Montserrat",sans-serif}.modal-book .head-book p{font:600 16px "Lato",sans-serif}.modal-book .head-book h2,.modal-book .head-book p{color:#fff}.modal-book .form-book{border-radius:2rem;padding:2rem 1.5rem}.modal-book .form-book .select-place{margin-top:-4rem}.modal-book .book-space-list .owl-stage-outer{padding-block:1rem}.modal-book .book-space-list .owl-stage-outer .space-box-price{background:#fff;border:1px solid #fff}.modal-book .book-space-list .owl-stage-outer .space-box-price.active{background:#fff3eb;border:1px solid #e05e0f}.modal-book .selected-room{background:#f9f7f4;margin-top:-80px}.modal-book .selected-room .img{-webkit-box-flex:0;-ms-flex:0 0 80px;flex:0 0 80px;overflow:hidden;position:relative;width:80px}@media(min-width: 768px){.modal-book .selected-room .img{-webkit-box-flex:0;-ms-flex:0 0 145px;flex:0 0 145px;width:145px}}.modal-book .selected-room .img:before{content:"";display:block;padding-top:62.4%}.modal-book .selected-room .img img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.modal-book .selected-room .info-room .room{color:#333;font:16px/1.5 "Lato",sans-serif;font-family:Lato}.modal-book .selected-room .info-room .room-name{color:#726d6a}.modal-book .selected-room .info-room .features .price{color:#828282;font:12px "Lato",sans-serif;font-family:Lato;letter-spacing:.5px}.modal-book .selected-room .info-room .features .price .heavy{font-size:24px}.modal-book .meta-room{padding-right:2rem}.modal-book .meta-room .icon{-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;width:2rem}.modal-book .meta-room .icon i{color:#e1b697;font-size:20px}.modal-book .meta-room p{color:#000;font:600 16px/1.8 "Lato",sans-serif}.modal-book .price-detail{color:#9a9592;font:600 16px "Lato",sans-serif;padding-inline:2rem}.modal-book .price-detail .total{color:#000;font-size:20px}.modal-book .edit-booking{margin-bottom:3rem}.modal-book .step-first-size{max-width:900px}.modal-book .step-confirm-size{max-width:550px}h2,.h2{color:#4a4a4a;font:700 26px "Montserrat",sans-serif;letter-spacing:-0.3px}p,.p{color:#4f4f4f;font:16px/1.65 "Lato",sans-serif;letter-spacing:.1px}p:last-child,.p:last-child{margin-bottom:0}.head h2{font-size:28px;font-weight:600}@media(min-width: 768px){.head h2{font-size:36px}}.head .cta{background:rgba(65,95,107,.8)}.head.multi-head{margin-bottom:30px}.head.multi-head h2{font:700 24px "Lato",sans-serif;margin-bottom:10px}.head.multi-head h3{color:#4f4f4f;font:700 28px "Montserrat",sans-serif;margin-bottom:0}.head.multi-head h4{color:#e05e0f;font:500 45px "Montserrat",sans-serif;margin-bottom:0}.highlight h2{color:#4f4f4f;font:500 32px/1.25 "Montserrat",sans-serif}@media(min-width: 768px){.highlight h2{font-size:46px}}.highlight h3{color:#e05e0f;font:40px/1.25 "Montserrat",sans-serif}@media(min-width: 768px){.highlight h3{font-size:58px}}.highlight h2,.highlight h3{margin-bottom:0}.orange-text{color:#e05e0f !important}@media(min-width: 768px){.space-md-5{margin-block:8rem}}.cta{background:#e05e0f;font:700 16px/24px "Montserrat",sans-serif}.cta .bi{font-size:18px;line-height:1}.cta.blue{background:#0071c0}.cta.gray{background:rgba(65,95,107,.8)}.room-head h2{color:#9a9592;font:700 18px "Montserrat",sans-serif}.col-text h2{color:#4f4f4f;font:500 32px/1.25 "Montserrat",sans-serif}@media(min-width: 768px){.col-text h2{font-size:46px}}@media(min-width: 768px){.col-text h2,.col-text p{margin-bottom:3rem}}.col-text p:last-child{margin-bottom:0}.img-border{overflow:hidden;position:relative}.img-border:before{content:"";display:block;padding-top:72%}.img-border img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}.img-border.radius{border-radius:50px}@media(min-width: 768px){.img-border.radius{border-radius:150px}}.img-border.radius-right-top{border-top-right-radius:50px}.img-border.radius-right-bottom{border-bottom-right-radius:50px}.img-border.radius-left-top{border-top-left-radius:50px}.img-border.radius-left-bottom{border-bottom-left-radius:50px}.img-100 .img-border{height:100%}.working-meta .box{max-width:364px}.working-meta .box .img{height:144px;width:144px}.working-meta .box .text p{color:#726d6a;font:700 18px "Montserrat",sans-serif}@media(max-width: 767px){.more-location{background:rgba(191,205,207,.3);padding-block:2rem}}.more-location .locations-map{background-position:top center;background-repeat:no-repeat;padding-top:80px}@media(min-width: 768px){.more-location .locations-map{padding-top:190px}}.locations-slider .owl-stage-outer{padding-block:1rem}@media(max-width: 767px){.locations-slider .owl-stage-outer{padding-inline:1rem}}.space-box-price{border-radius:1.5rem;height:100%;padding:.8rem}.space-box-price .img{border-radius:16px;isolation:isolate;overflow:hidden;position:relative}.space-box-price .img img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.space-box-price .img:before{content:"";display:block;padding-top:64.3%}.space-box-price .text h2{color:#333;font:700 16px "Lato",sans-serif;letter-spacing:.1px}.space-box-price .text .price{color:#828282;font:14px "Lato",sans-serif;letter-spacing:.5px}.space-box-price .text .price .heavy{color:#726d6a;font-size:24px;font-weight:600;letter-spacing:.1px}.review-sec{overflow:hidden}.review-sec .border-reviews{background:#fff3eb;border-radius:4rem 0 0 4rem;padding-block:4rem 2rem;position:relative}@media(min-width: 768px){.review-sec .border-reviews{border-radius:120px 0 0 5rem;padding-block:8rem}}.review-sec .border-reviews:before{background:#fff3eb;content:"";height:100%;left:100%;position:absolute;top:0;width:100vw}.review-sec .head h2{color:#9a9592;font:700 18px "Montserrat",sans-serif}.review-sec .head h3{color:#4f4f4f;font:600 36px/1.22 "Montserrat",sans-serif}.review-sec .review-slider .owl-stage-outer{padding-block:1rem}@media(min-width: 768px){.review-sec .review-slider .owl-stage-outer{padding-inline:1rem}}.review-sec .review-slider .item{padding:2rem}.review-sec .review-slider .item .star_list li{color:#f4c2a5;font-size:20px}.review-sec .review-slider .item .star_list li+li{margin-left:4px}.review-sec .review-slider .item .meta .img{height:42px;width:42px}.review-sec .review-slider .item .meta .name h2{color:#225266;font-size:22px}.review-sec .review-slider .item .meta .name h3{color:#7a7a7a;font:16px "Lato",sans-serif}.benefits-space{background:#f1f6ef;padding-block:3rem}@media(min-width: 768px){.benefits-space{margin-block:5rem;padding-block:5rem}}.benefits-space .head h2{color:#9a9592;font:700 14px "Lato",sans-serif;letter-spacing:.15em}.benefits-space .head h3{color:#4f4f4f;font:600 36px "Montserrat",sans-serif}.benefits-space .head h4{color:#9a9592;font:500 24px "Lato",sans-serif}.benefits-space .benefit-box{height:100%;padding:2rem}.benefits-space .benefit-box .img{height:80px;width:80px}.benefits-space .benefit-box h2{color:#333;font:700 22px "Lato",sans-serif}.live-space .head h2{color:#b8b3b0;font:700 18px "Montserrat",sans-serif}.live-space .head h3{color:#4f4f4f;font:600 36px "Montserrat",sans-serif}.live-space .img{border-radius:40px;overflow:hidden;position:relative}.live-space .img:before{content:"";display:block;padding-top:65%}.live-space .img img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.live-space .img-col-space .head h3{font-size:28px}.live-space .head h2{color:#b8b3b0;font:500 14px "Lato",sans-serif}.live-space .head h2 strong{letter-spacing:.15em}.live-space .head h3{color:#4f4f4f;font:700 24px "Montserrat",sans-serif}.live-space .time{color:#9a9592;font:14px "Lato",sans-serif}.faq-section{background:#f9f7f4;border-top-left-radius:4rem;padding-block:4rem}@media(min-width: 768px){.faq-section{border-top-left-radius:80px;padding-block:5rem}}.faq-section .head h2{color:#9a9592;font:700 18px "Montserrat",sans-serif}.faq-section .head h3{color:#000;font:600 36px/1.22 "Montserrat",sans-serif}.faq-section .faq-box{background:#fffbf9;min-height:60px}.faq-section .faq-box .ques{cursor:pointer}.faq-section .faq-box .ques h2{color:#225266;font:600 22px "Lato",sans-serif}.faq-section .faq-box .ques .arrow{font-size:18px}.faq-section .faq-box .ans{display:none}.faq-section .faq-box.active{background:#fff}.faq-section .faq-box+.faq-box{margin-top:10px}.request-tour{position:relative}@media(max-width: 767px){.request-tour{background:#f9f7f4}}.request-tour .bg-img{border-radius:0 180px 180px 0;height:90%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.request-tour .bg-img img{width:100%}@media(min-width: 768px){.request-tour .container{padding-top:135px;position:relative;z-index:1}}@media(max-width: 767px){.request-tour .head{margin-bottom:20px}}@media(min-width: 768px){.request-tour .head{margin-top:5rem}}.request-tour .head h2{font:32px "Montserrat",sans-serif}@media(min-width: 768px){.request-tour .head h2,.request-tour .head p{color:#fff}}@media(min-width: 768px){.request-tour .tour-request .select-place{margin-top:-60px}}@media(min-width: 768px){.request-tour:before{background:#f9f7f4;content:"";height:40%;left:0;position:absolute;top:0;width:100%}}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{border-radius:4px;cursor:pointer;-webkit-filter:invert(0.8);filter:invert(0.8);margin-right:2px;opacity:.6}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.container{max-width:1230px}.container.wide{max-width:1364px}.container.wide-across{max-width:1440px}.go{color:#726d6a;font:16px "Montserrat",sans-serif}.footer .brand img{-webkit-filter:grayscale(100);filter:grayscale(100); width: 100%;}@media(max-width: 767px){.footer .brand img{width:240px}}.footer .link h2{color:#b8b3b0;font:600 24px "Lato",serif}.footer li,.footer p{color:#4f4f4f;font:16px "Montserrat",sans-serif;font-family:Montserrat}.footer li+li{margin-top:15px}.footer .social li{color:#564d43;font-size:24px}.footer .social li+li{margin-left:.8rem}.footer .copyright li+li{margin-left:1rem}@media(min-width: 768px){.footer .copyright li+li{margin-left:2rem}}.footer .copyright p,.footer .copyright li{font-size:13px}@media(min-width: 768px){.footer .copyright p,.footer .copyright li{font-size:16px}}.footer a{color:inherit;text-decoration:none}/*# sourceMappingURL=app.min.css.map */

#header{
	justify-content: center; align-items: center; width: 100%; min-height: 110px; display: flex;padding-top: 1rem !important; padding-bottom: 1rem !important;
}

@media (max-width: 768px) {
  #header {
    padding-top: 0 !important; padding-bottom: 0 !important; padding: none; margin-bottom: none;
  }
}

.mobile-property-stories{
	margin-top: -20px !important;
}

.worksocial-logo {
  height: 100px; width: auto; display: block;
}

.select-space{
	 padding: 0.75rem 0.75rem;
	font-weight: 600;
}

/* ===== Contact Form Styling ===== */
.contact-page {
  background: linear-gradient(180deg, #0b1f46 0%, #0b1f46 50%, #f6f9fc 50%);
  padding: 60px 0;
}

.contact-page .container {
  background: #ffffff;
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 50px;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}

.contact-page h1 {
  font-size: 28px;
  color: #0b1f46;
  margin-bottom: 25px;
  text-align: center;
}

/* Gravity Forms wrapper or general form */
.contact-page form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Form fields */
.contact-page input[type="text"],
.contact-page input[type="email"],
.contact-page input[type="tel"],
.contact-page input[type="number"],
.contact-page select,
.contact-page textarea {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #d8dee9;
  border-radius: 8px;
  font-size: 16px;
  background-color: #f9fafc;
  transition: all 0.3s ease;
}

.contact-page input:focus,
.contact-page select:focus,
.contact-page textarea:focus {
  border-color: var(--ws-orange, #E05E0F);
  background-color: #fff;
  outline: none;
  box-shadow: 0 0 0 3px var(--ws-orange-ghost, rgba(224,94,15,0.1));
}

/* Labels */
.contact-page label {
  font-weight: 600;
  color: #1e2a3a;
  margin-bottom: 5px;
  display: block;
  font-size: 15px;
}

/* Button — Brand orange only, never blue */
.contact-page button,
.contact-page input[type="submit"] {
  background-color: var(--ws-orange, #E05E0F);
  color: #fff;
  border: none;
  padding: 14px 24px;
  border-radius: var(--ws-radius, 12px);
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
}

.contact-page button:hover,
.contact-page input[type="submit"]:hover {
  background-color: var(--ws-orange-dark, #B84A08);
  transform: translateY(-1px);
}

/* Two-column layout for first fields */
@media (min-width: 768px) {
  .contact-page .form-two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}

/* Responsive */
@media (max-width: 767px) {
  .contact-page .container {
    padding: 25px;
  }
}

/* ===== Typography — Montserrat headings + Lato body ===== */
body,
p, .p,
.space-offering .meta-space p,
.tour-request form .form-control,
.tour-request form .form-label,
.tour-request form .form-check-label,
.footer li, .footer p {
    font-family: var(--ws-font-body, 'Lato', sans-serif);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.head h2, .head h3, .head h4,
.head.multi-head h3,
.highlight h2, .highlight h3,
.about-space h2,
.space-offering .meta-space h1,
.hero .over-caption h2,
.review-sec .head h3,
.faq-section .head h3,
.benefits-space .head h3,
.live-space .head h3,
.col-text h2,
.thanks-wrap .over-text h1,
.modal-book .head-book h2,
.tour-request h2 {
    font-family: var(--ws-font-heading, 'Montserrat', sans-serif);
}

/* Preserve Lato for small labels, buttons, nav items */
.cta,
.go,
.btn,
.nav a,
.header .nav li,
.page-nav-bar a,
.ws-trust-bar,
.ws-amenity-chip,
.ws-availability-badge,
.ws-bottom-nav,
.filters-bar,
.filter-count-label {
    font-family: var(--ws-font-body, 'Lato', sans-serif);
}

/* ===== Trust Bar ===== */
.ws-trust-bar {
    background: var(--ws-sand, #F6F2ED);
    padding: 12px 0;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.ws-trust-bar .ws-trust-items {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 24px;
    font-size: 13px;
    color: #564d43;
}
.ws-trust-bar .ws-trust-item {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.ws-trust-bar .ws-trust-item i {
    color: var(--ws-orange, #E05E0F);
    font-size: 14px;
}
.ws-trust-bar .ws-trust-divider {
    color: #ccc;
    font-size: 10px;
}
@media (max-width: 767px) {
    .ws-trust-bar .ws-trust-items {
        gap: 6px 16px;
        font-size: 11px;
    }
    .ws-trust-bar .ws-trust-divider { display: none; }
}

/* ===== Availability Badge ===== */
.ws-availability-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    color: #16A34A;
    background: rgba(22, 163, 74, 0.08);
    padding: 3px 10px;
    border-radius: 20px;
}
.ws-availability-badge .ws-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #16A34A;
    animation: ws-pulse 2s infinite;
}
@keyframes ws-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

/* ===== Amenity Icons Row ===== */
.ws-amenity-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
}
.ws-amenity-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: #717171;
    background: #f6f2ed;
    padding: 3px 8px;
    border-radius: 4px;
}
.ws-amenity-chip i {
    font-size: 12px;
    color: #E05E0F;
}

/* ===== Floating Search Bar ===== */
.ws-search-bar-wrap {
    position: relative;
    z-index: 20;
    margin-top: -32px;
    margin-bottom: 24px;
}
.ws-search-bar {
    background: #fff;
    border-radius: var(--ws-radius, 12px);
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.12);
}
.ws-search-bar select,
.ws-search-bar input[type="date"] {
    flex: 1;
    min-width: 0;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 14px;
    color: #564d43;
    background: #f9f7f4;
}
.ws-search-bar select:focus,
.ws-search-bar input[type="date"]:focus {
    border-color: var(--ws-orange, #E05E0F);
    outline: none;
    box-shadow: 0 0 0 2px rgba(224,94,15,0.1);
}
.ws-search-bar .ws-search-divider {
    width: 1px;
    height: 32px;
    background: #e3e3e3;
    flex-shrink: 0;
}
.ws-search-bar .ws-search-btn {
    background: var(--ws-orange, #E05E0F);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s;
}
.ws-search-bar .ws-search-btn:hover {
    background: var(--ws-orange-dark, #B84A08);
}
@media (max-width: 767px) {
    .ws-search-bar {
        flex-direction: column;
        gap: 10px;
    }
    .ws-search-bar select,
    .ws-search-bar input[type="date"] {
        width: 100%;
    }
    .ws-search-bar .ws-search-divider { display: none; }
    .ws-search-bar .ws-search-btn { width: 100%; text-align: center; }
}

/* ===== Redesigned Review Card ===== */
.review-sec .review-slider .item {
    border-left: 3px solid var(--ws-orange, #E05E0F);
}
.ws-google-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #564d43;
    text-decoration: none;
    padding: 6px 14px;
    background: #f6f2ed;
    border-radius: 20px;
    margin-top: 16px;
    transition: background 0.2s;
}
.ws-google-badge:hover {
    background: #ede8e0;
    color: #564d43;
}

/* ===== Mobile Bottom Nav ===== */
.ws-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1050;
    background: #fff;
    border-top: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 -2px 12px rgba(0,0,0,0.06);
    padding: 8px 16px;
    padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.ws-bottom-nav .ws-bnav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    text-decoration: none;
    font-size: 10px;
    color: #717171;
    transition: color 0.2s;
}
.ws-bottom-nav .ws-bnav-item.active,
.ws-bottom-nav .ws-bnav-item:hover {
    color: var(--ws-orange, #E05E0F);
}
.ws-bottom-nav .ws-bnav-item i {
    font-size: 20px;
}
.ws-bottom-nav .ws-bnav-cta {
    background: var(--ws-orange, #E05E0F);
    color: #fff;
    border-radius: 100px;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(224,94,15,0.3);
    transition: background 0.2s, transform 0.2s;
}
.ws-bottom-nav .ws-bnav-cta:hover {
    background: var(--ws-orange-dark, #B84A08);
    transform: translateY(-1px);
}
@media (min-width: 768px) {
    .ws-bottom-nav { display: none !important; }
}
/* Add padding to body on mobile so content isn't hidden behind bottom nav */
@media (max-width: 767px) {
    body { padding-bottom: 72px; }
}

/* ===== Hover Micro-Interactions ===== */

/* Button press feedback */
.cta:active,
.btn:active,
.ws-search-btn:active,
.ws-bnav-cta:active {
    transform: scale(0.96) !important;
    transition: transform 0.1s ease;
}

/* Card image zoom on hover */
.space-box-price .img {
    overflow: hidden;
}
.space-box-price .img img {
    transition: transform 0.4s ease;
}
.space-box-price:hover .img img {
    transform: scale(1.06);
}

/* Review card hover lift */
.review-sec .review-slider .item {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.review-sec .review-slider .item:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.10) !important;
}

/* Benefit box hover */
.benefits-space .benefit-box {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.benefits-space .benefit-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.08);
}

/* FAQ box hover */
.faq-section .faq-box {
    transition: background 0.2s ease;
}
.faq-section .faq-box:hover {
    background: #fff !important;
}

/* Service icon subtle pulse on card hover */
.space-box-price:hover .icon-list img {
    animation: ws-icon-bounce 0.4s ease;
}
@keyframes ws-icon-bounce {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); }
}

/* ===== Standardised border-radius (12px) across cards & modals ===== */
.space-box-price {
  border-radius: var(--ws-radius, 12px);
}
.space-box-price .img {
  border-radius: var(--ws-radius, 12px);
}
.space-conference .room {
  border-radius: var(--ws-radius, 12px);
}
.tour-request {
  border-radius: var(--ws-radius, 12px);
}
@media (min-width: 768px) {
  .tour-request {
    border-radius: var(--ws-radius-lg, 16px);
  }
}
.modal-book .form-book {
  border-radius: var(--ws-radius-lg, 16px);
}
.benefit-box,
.benefits-space .benefit-box {
  border-radius: var(--ws-radius, 12px) !important;
}
.faq-section .faq-box {
  border-radius: var(--ws-radius, 12px);
}
.review-sec .review-slider .item {
  border-radius: var(--ws-radius, 12px);
}
.contact-page .container {
  border-radius: var(--ws-radius, 12px);
}
.space-hospitality .dish {
  border-radius: var(--ws-radius, 12px);
}
.ws-space-card {
  border-radius: var(--ws-radius, 12px);
}
.live-space .img {
  border-radius: var(--ws-radius-xl, 24px);
}

/* Override legacy blue CTA — brand orange only */
.cta.blue {
  background: var(--ws-orange, #E05E0F) !important;
}
.cta.blue:hover {
  background: var(--ws-orange-dark, #B84A08) !important;
}
.tour-request form .cta.blue {
  background: var(--ws-orange, #E05E0F) !important;
}

@media (max-width: 767px) {
 .review-sec{
    background-color: #f9f7f4;
  }
}

/* WorkSocial Horizontal Scroll Slider */
.ws-locations-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.ws-horizontal-scroll {
    display: flex;
    gap: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1);
    padding-bottom: 15px;
}

/* Custom scrollbar for webkit browsers */
.ws-horizontal-scroll::-webkit-scrollbar {
    height: 8px;
}

.ws-horizontal-scroll::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.ws-horizontal-scroll::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.ws-horizontal-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
}

.ws-horizontal-scroll .ws-space-card {
    flex: 0 0 auto;
    scroll-snap-align: start;
    width: 100%;
}

@media (max-width: 576px) {
  /* Buttons side by side */
  .d-flex.gap-3.mt-3 {
    display: flex;
    justify-content: space-between;
    gap: 8px !important;
  }

  /* Common button styling */
  .btn {
    flex: 1 1 50%;
    max-width: 50%;
    border-radius: 5px !important; /* square corners */
    font-weight: 600;
    padding: 10px 0;
    text-align: center;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }

  /* SCHEDULE TOUR (outline style) */
  .btn-warning.schedule-tour {
    background-color: transparent !important;
    border: 1.5px solid #E05E0F !important;
    color: #E05E0F !important;
  }

  .btn-warning.schedule-tour:hover {
    background-color: #E05E0F !important;
    color: #fff !important;
    transform: translateY(-2px);
  }

  /* BOOK NOW (solid orange → transparent on hover) */
  .btn-primary.book-modal {
    background-color: #E05E0F !important;
    border: 1.5px solid #E05E0F !important;
    color: #fff !important;
  }

  .btn-primary.book-modal:hover {
    background-color: transparent !important;
    color: #E05E0F !important;
    border-color: #E05E0F !important;
    transform: translateY(-2px);
  }
}

/* Create the fill effect */
  .btn-warning.schedule-tour::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #E05E0F;
    z-index: -1;
    transition: width 0.4s ease;
  }

  /* On hover, the fill slides in */
  .btn-warning.schedule-tour:hover::before {
    width: 100%;
  }

  /* Change text color on hover */
  .btn-warning.schedule-tour:hover {
    color: #fff !important;
  }

 .location-card-feature .card-body {
        padding: 2rem !important;
    }


/* =============================================
   DROPDOWN MENU STYLES FOR WORKSOCIAL
   Add this to Customize → Additional CSS
   ============================================= */

/* Parent menu item with children */
.nav > li.menu-item-has-children {
    position: relative;
}

/* Dropdown arrow indicator */
.nav > li.menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    margin-left: 6px;
    margin-bottom: 2px;
    transition: transform 0.3s ease;
}

/* Rotate arrow on hover */
.nav > li.menu-item-has-children:hover > a::after {
    transform: rotate(-135deg);
}

/* Dropdown menu (sub-menu) */
.nav > li > .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    padding: 12px 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 1000;
}

/* Show dropdown on hover */
.nav > li.menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Dropdown items */
.nav > li > .sub-menu > li {
    margin: 0;
}

.nav > li > .sub-menu > li > a {
    display: block;
    padding: 12px 20px;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
}

/* Dropdown item hover */
.nav > li > .sub-menu > li > a:hover {
    background: #f8f8f8;
    color: #E05E0F;
    padding-left: 24px;
}

/* Active/current dropdown item */
.nav > li > .sub-menu > li.current-menu-item > a {
    color: #E05E0F;
    background: #fff8f5;
}

/* Small triangle pointer at top of dropdown */
.nav > li > .sub-menu::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 30px;
    width: 16px;
    height: 16px;
    background: #fff;
    transform: rotate(45deg);
    border-radius: 3px 0 0 0;
    box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.04);
}

/* Prevent gap between parent and dropdown */
.nav > li.menu-item-has-children::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 15px;
}

/* =============================================
   MOBILE MENU DROPDOWN (if needed)
   ============================================= */
@media (max-width: 767px) {
    .nav > li > .sub-menu {
        position: static;
        box-shadow: none;
        background: #f9f9f9;
        border-radius: 8px;
        margin: 8px 0;
        padding: 8px 0;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
    
    .nav > li > .sub-menu::before {
        display: none;
    }
    
    .nav > li > .sub-menu > li > a {
        padding: 10px 16px;
        font-size: 14px;
    }
    
    .nav > li > .sub-menu > li > a:hover {
        padding-left: 20px;
    }
}

/**
 * Coworking Services Page - Additional CSS
 * Includes book button orange styling for all screen sizes
 */

/* ===== BOOK BUTTON - Orange on ALL screens ===== */
.btn-primary.book-modal {
    background-color: #E05E0F !important;
    border: 1.5px solid #E05E0F !important;
    color: #fff !important;
    transition: all 0.3s ease;
}

.btn-primary.book-modal:hover {
    background-color: transparent !important;
    color: #E05E0F !important;
    border-color: #E05E0F !important;
    transform: translateY(-2px);
}

/* ===== Service Pages Hero — shared by all sub-pages ===== */
/* Figma: 1414x367, Left 84px, Top-left + Bottom-left radius 120px, image bleeds right */
.hero--service {
    padding-top: 80px;
}
.hero--service .hero__container {
    padding-left: 84px;
    padding-right: 0;
    max-width: 100%;
}
.hero--service .hero__wrap {
    position: relative;
    overflow: hidden;
    border-radius: 120px 0 0 120px;
    height: 367px;
}
.hero--service .hero__wrap .img-hero,
.hero--service .hero__wrap .img-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.hero--service .hero__wrap .over-caption {
    position: absolute;
    left: 60px;
    right: 60px;
    bottom: 60px;
    z-index: 2;
    background: linear-gradient(transparent, rgba(30, 58, 95, 0.0));
    padding: 0;
    max-width: 600px;
}
.hero--service .hero__wrap .over-caption h2 {
    font: 600 44px/52px 'Montserrat', sans-serif;
    color: #FFFFFF;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
    margin: 0 0 8px;
}
.hero--service .hero__wrap .over-caption p {
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}
.hero--service .hero__wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.1) 60%, transparent 100%);
    pointer-events: none;
}

/* Responsive */
@media (max-width: 1199px) {
    .hero--service .hero__container { padding-left: 40px; }
    .hero--service .hero__wrap { height: 320px; border-radius: 72px 0 0 72px; }
    .hero--service .hero__wrap .over-caption h2 { font-size: 36px; line-height: 44px; }
}
@media (max-width: 767px) {
    .hero--service { padding-top: 24px; }
    .hero--service .hero__container { padding-left: 16px; padding-right: 16px; }
    .hero--service .hero__wrap { height: 260px; border-radius: 32px; }
    .hero--service .hero__wrap .over-caption { left: 24px; right: 24px; bottom: 32px; }
    .hero--service .hero__wrap .over-caption h2 { font-size: 26px; line-height: 32px; }
}

/* Legacy .hero__wrap--inner overlay — kept for backwards compat */
.hero__wrap--inner .over-caption {
    background: linear-gradient(transparent, rgba(30, 58, 95, 0.85));
    padding: 40px 60px;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    border-radius: 0 0 72px 72px;
}

/* ===== Filters bar ===== */
.btn-light.rounded-pill {
    border: 1px solid #e3e3e3;
    font-size: 14px;
}

.btn-light.rounded-pill:hover {
    background: #f1f6ef;
    border-color: #5e7481;
}

/* ===== Location card hover ===== */
#locations-container .space-box-price {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#locations-container .space-box-price:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12) !important;
}

/* ===== Benefit box CTA variant ===== */
.benefit-box.d-flex {
    border: 2px dashed rgba(224, 94, 15, 0.3);
    background: rgba(224, 94, 15, 0.05) !important;
}

.benefit-box.d-flex:hover {
    background: rgba(224, 94, 15, 0.1) !important;
    border-color: #e05e0f;
}

.vfrc-launcher { display: none !important; }

#ws-custom-tour-wrapper{max-width: 780px! important; margin-top: -10px;}

/**
 * BOOK MODAL VISIBILITY FIX
 * Add this to your theme's Additional CSS or enqueue as a stylesheet
 * This fixes z-index and visibility issues with #bookModal
 */

/* Ensure modal is on top of everything */
#bookModal {
    z-index: 1055 !important;
}

#bookModal.show {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ensure backdrop appears and is below modal */
.modal-backdrop {
    z-index: 1050 !important;
}

.modal-backdrop.show {
    opacity: 0.5 !important;
}

/* Ensure modal dialog is visible */
#bookModal .modal-dialog {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

#bookModal .modal-content {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Fix for body when modal is open */
body.modal-open {
    overflow: hidden !important;
    padding-right: 0 !important;
}

/* If modal is inside a container with overflow:hidden, this helps */
#bookModal.modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* Ensure no parent is clipping the modal */
.modal-open #bookModal {
    overflow: visible !important;
}

/* ===== Equal Height Review Cards ===== */
.review-slider .owl-stage {
    display: flex !important;
}

.review-slider .owl-item {
    display: flex !important;
    height: auto !important;
}

.review-slider .item {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
}

/* Make the copy section fill available space */
.review-slider .item .copy {
    flex: 1 1 auto !important;
}

/* Keep star rating and meta fixed */
.review-slider .item .star_list {
    flex: 0 0 auto !important;
}

.review-slider .item .meta {
    flex: 0 0 auto !important;
    margin-top: auto !important;
}
/* Client images removed from HTML */

.review-slider .item .copy {
    margin-bottom: 20px;
}

/* Optional: Limit review text height with ellipsis */
.review-slider .item .copy p {
    display: -webkit-box;
    -webkit-line-clamp: 5; /* Show max 5 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
}

/* ==========================================================================
   SERVICE PAGES CSS - Add to App_min.css
   For: Conference Room, Training Room, Shared Office, Coworking, etc.
   ========================================================================== */

/* Intro Section Image */
.intro-image-wrap {
    border-radius: 50px;
    overflow: hidden;
	height: 500px;
}
@media (min-width: 768px) {
    .intro-image-wrap {
        border-radius: 100px;
    }
}
.intro-image-wrap img {
    display: block;
    width: 100%;
}

/* Capacity/Size Guide Bar */
.capacity-guide {
    background: linear-gradient(135deg, #f9f7f4 0%, #f1f6ef 100%);
}
.capacity-item {
    background: #fff;
    border-radius: 50px;
    font-size: 14px;
    color: #564d43;
}

/* Service Page Cards - Enhanced space-box-price */
.service-listing .space-box-price {
    border-radius: 16px !important;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #f0f0f0;
}
.service-listing .space-box-price:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12) !important;
}
.service-listing .space-box-price .img {
    border-radius: 12px;
    overflow: hidden;
    margin: 12px;
    position: relative;
}

/* Capacity Badge on Cards */
.capacity-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
    z-index: 5;
}

/* Feature Tags */
.feature-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.feature-tag {
    background: #f9f7f4;
    color: #564d43;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.feature-tag i {
    color: #E05E0F;
    font-size: 10px;
}

/* Card Description Truncation */
.card-description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 60px;
    color: #666 !important;
    font-size: 14px;
    line-height: 1.5;
}

/* Filters Bar — sticky on scroll */
.filters-bar {
    position: sticky;
    top: 0;
    z-index: 50;
    background: #fff;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: 16px !important;
    transition: box-shadow 0.2s ease;
}
.filters-bar.is-stuck {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.filters-bar .form-select {
    border: 1px solid #e3e3e3;
    font-size: 14px;
    padding: 8px 35px 8px 15px;
}
.filters-bar .form-select:focus {
    border-color: #E05E0F;
    box-shadow: 0 0 0 0.2rem rgba(224, 94, 15, 0.15);
}
.filter-count-label {
    font-weight: 600;
    color: #564d43;
}

/* Why Choose Section Cards */
.why-card {
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.why-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.why-card .icon-wrap {
    width: 80px;
    height: 80px;
    background: rgba(224, 94, 15, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Room Setup/Configuration Cards */
.setup-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}
.setup-card:hover {
    background: #f9f7f4;
    transform: scale(1.05);
}

/* Use Case Tags (Ideal For section) */
.use-case-tag {
    background: #fff;
    color: #564d43;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.use-case-tag i {
    color: #E05E0F;
}

/* Inclusion Items (What's Included) */
.inclusion-item {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    transition: all 0.3s ease;
}
.inclusion-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

/* ==========================================================================
   ADDITIONAL CSS - Add to App_min.css
   Fix for Advantages section using Bootstrap Icons instead of SVG files
   ========================================================================== */

/* Benefit Box Icon Wrapper - for Bootstrap Icons */
.benefits-space .benefit-box .icon-wrap-benefit {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.benefits-space .benefit-box .icon-wrap-benefit i {
    font-size: 48px;
    color: #E05E0F;
    line-height: 1;
}

/* Hover effect for benefit icons */
.benefits-space .benefit-box:hover .icon-wrap-benefit i {
    color: #c04d0c;
    transform: scale(1.1);
    transition: all 0.3s ease;
}

/* Alternative: Two-tone icon style (outline with accent) */
.benefits-space .benefit-box .icon-wrap-benefit.two-tone {
    background: rgba(224, 94, 15, 0.1);
    border-radius: 50%;
}

.benefits-space .benefit-box .icon-wrap-benefit.two-tone i {
    font-size: 36px;
}

/* CTA Connect wrapper */
.cta-connect {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* ===== Landing Page Interactive Map ===== */
.ws-landing-map-wrap {
    position: relative;
    min-height: 500px;
}
.ws-landing-map {
    width: 100%;
    height: 100%;
    min-height: 500px;
}
.ws-landing-map-wrap .locations-map {
    background: transparent !important;
}

/* ===== Quick-View Slide-In Panel ===== */
.ws-quickview-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1070;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.ws-quickview-overlay.active {
    opacity: 1;
    visibility: visible;
}
.ws-quickview-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 420px;
    max-width: 90vw;
    background: #fff;
    z-index: 1071;
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
    overflow-y: auto;
    box-shadow: -8px 0 32px rgba(0,0,0,0.15);
}
.ws-quickview-overlay.active .ws-quickview-panel {
    transform: translateX(0);
}
.ws-qv-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(0,0,0,0.06);
    border: none;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: background 0.2s;
}
.ws-qv-close:hover { background: rgba(0,0,0,0.12); }
.ws-qv-image {
    width: 100%;
    height: 240px;
    object-fit: cover;
}
.ws-qv-body {
    padding: 24px;
}
.ws-qv-name {
    font-family: var(--ws-font-heading, 'Montserrat', sans-serif);
    font-size: 28px;
    font-weight: 700;
    color: #141414;
    margin-bottom: 4px;
}
.ws-qv-service {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #717171;
    margin-bottom: 16px;
}
.ws-qv-price {
    font-size: 24px;
    font-weight: 700;
    color: var(--ws-orange, #E05E0F);
    margin-bottom: 4px;
}
.ws-qv-price span {
    font-size: 14px;
    font-weight: 400;
    color: #717171;
}
.ws-qv-divider {
    height: 1px;
    background: #eee;
    margin: 16px 0;
}
.ws-qv-section-title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #564d43;
    margin-bottom: 10px;
}
.ws-qv-description {
    font-size: 14px;
    color: #717171;
    line-height: 1.7;
    margin-bottom: 16px;
}
.ws-qv-amenities {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}
.ws-qv-actions {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}
.ws-qv-actions .cta { flex: 1; text-align: center; }
.ws-qv-actions .ws-qv-link {
    flex: 1;
    text-align: center;
    padding: 12px;
    border: 1.5px solid var(--ws-orange, #E05E0F);
    border-radius: 8px;
    color: var(--ws-orange, #E05E0F);
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: background 0.2s;
}
.ws-qv-actions .ws-qv-link:hover {
    background: var(--ws-orange, #E05E0F);
    color: #fff;
}
@media (max-width: 767px) {
    .ws-quickview-panel { width: 100%; max-width: 100%; }
}

/* ===== Mobile Bottom Sheet — Tour Request Modal ===== */
.ws-bottom-sheet-handle {
    width: 40px;
    height: 4px;
    background: #ddd;
    border-radius: 2px;
    margin: -8px auto 16px;
}

@media (max-width: 767.98px) {
    /* Override Bootstrap modal to slide up from bottom */
    #scheduleTourModal .modal-dialog {
        margin: 0;
        max-width: 100%;
        min-height: auto;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        top: auto;
        transform: translateY(100%);
        transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
    }
    #scheduleTourModal.show .modal-dialog {
        transform: translateY(0);
    }
    #scheduleTourModal .modal-content {
        border-radius: 20px 20px 0 0 !important;
        max-height: 85vh;
        overflow-y: auto;
        background: #fff !important;
    }
    #scheduleTourModal .modal-body {
        border-radius: 20px 20px 0 0 !important;
    }
    /* Hide the centered header on mobile — title moves inside body */
    #scheduleTourModal .head-book {
        background: transparent;
        padding: 12px 16px 0;
    }
    #scheduleTourModal .head-book h2 {
        color: #281D18;
        font-size: 22px;
    }
    /* Remove the fade backdrop transition delay for snappier feel */
    #scheduleTourModal.fade .modal-dialog {
        transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
    }
}

/* ===== Shared Components (used across multiple pages) ===== */

/* Accordion (FAQ, About Property) */
.ws-acc-item { border-bottom: 1px solid #eee; }
.ws-acc-head { display: flex; justify-content: space-between; align-items: center; padding: 18px 0; cursor: pointer; user-select: none; }
.ws-acc-head:focus-visible { outline: 2px solid #f97316; outline-offset: 2px; border-radius: 4px; }
.ws-acc-head h4 { display: flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 600; color: #1a1a1a; margin: 0; }
.ws-acc-head .ic { color: #f97316; font-size: 18px; }
.ws-acc-head .arrow { color: #999; transition: transform 0.3s ease; font-size: 14px; }
.ws-acc-item.open .arrow { transform: rotate(180deg); }
.ws-acc-body { max-height: 0; overflow: hidden; padding: 0 0 0 32px; font-size: 14px; color: #555; line-height: 1.7; transition: max-height 0.3s ease, padding 0.3s ease; }
.ws-acc-body ul { margin: 0; padding-left: 18px; }
.ws-acc-body li { margin-bottom: 6px; }
.ws-acc-item.open .ws-acc-body { max-height: 500px; padding-bottom: 18px; }

/* FAQ Grid Layout */
.ws-faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; padding: 40px 0; }
.ws-faq-box { background: #f97316; border-radius: 16px; padding: 30px; color: #fff; height: fit-content; }
.ws-faq-box h3 { font-size: 24px; font-weight: 700; margin: 0 0 12px; }
.ws-faq-box p { font-size: 14px; margin: 0 0 20px; opacity: 0.9; line-height: 1.6; }
.ws-faq-box .btn { background: #fff; color: #f97316; border: none; padding: 12px 24px; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: none; display: inline-block; }
.ws-faq-box .btn:hover { background: #f5f5f5; }

/* Trust Stats (dark bar) */
.ws-trust-stats { background: #1a1a1a; padding: 48px 0; }
.ws-stats-row { display: flex; justify-content: center; gap: 60px; flex-wrap: wrap; }
.ws-stat-card { text-align: center; }
.ws-stat-number { font-size: 36px; font-weight: 700; color: #f97316; margin-bottom: 6px; }
.ws-stat-label { font-size: 14px; color: #ccc; font-weight: 500; }

/* Support CTA Block */
.ws-support-cta { background: #fef9f3; padding: 48px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.ws-support-inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.ws-support-text h3 { font-size: 22px; font-weight: 700; color: #1a1a1a; margin: 0 0 8px; }
.ws-support-text p { font-size: 14px; color: #666; margin: 0; line-height: 1.6; max-width: 480px; }
.ws-support-actions { display: flex; gap: 12px; flex-shrink: 0; }

/* Shared CTA Buttons */
.ws-btn-primary { background: #E05E0F; color: #fff; border: none; padding: 12px 24px; border-radius: 8px; font-weight: 600; font-size: 14px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: background 0.2s; cursor: pointer; }
.ws-btn-primary:hover { background: #B84A08; color: #fff; }
.ws-btn-outline { border: 1.5px solid #E05E0F; color: #E05E0F; background: transparent; padding: 12px 24px; border-radius: 8px; font-weight: 600; font-size: 14px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: all 0.2s; cursor: pointer; }
.ws-btn-outline:hover { background: #E05E0F; color: #fff; }

/* Shared responsive rules */
@media (max-width: 992px) {
    .ws-faq-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .ws-trust-stats { padding: 32px 0; }
    .ws-stats-row { gap: 24px; }
    .ws-stat-card { flex: 0 0 calc(50% - 12px); }
    .ws-stat-number { font-size: 28px; }
    .ws-support-cta { padding: 32px 0; }
    .ws-support-inner { flex-direction: column; text-align: center; }
    .ws-support-text p { max-width: 100%; }
    .ws-support-actions { width: 100%; flex-direction: column; }
    .ws-support-actions a { width: 100%; justify-content: center; text-align: center; }
    .ws-faq-box .btn { width: 100% !important; max-width: 100% !important; text-align: center; display: block; }
}

/* Location Card Filter States */
.location-card.filtered-out {
    display: none !important;
}

.ws-why-card .img {
    width: 100%;
    height: 180px;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 12px;
}
.ws-why-card .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/* No Results Message */
#no-results {
    padding: 3rem 1rem;
}
#no-results i {
    font-size: 3rem;
    color: #ccc;
}

.ws-use-card img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    object-position: center;
}

/* ===== Figma Homepage Alignment (D - Homepage Working) ===== */

/* Body text: Figma specifies 180% line-height */
p, .p {
    line-height: 1.8;
}

/* Section heading "Find a variety…" — Figma: Montserrat 700, 28px, line-height 40px, #4F4F4F */
.space-offering .variety-option .heading h3 {
    font: 700 28px/40px 'Montserrat', sans-serif;
    color: #4F4F4F;
}

/* Overline "DIFFERENT SIZES, ALL AMAZING SPACES" — Figma: Lato 700, 14px, lh 24px, uppercase, 15% spacing */
.space-offering .variety-option .heading h2 {
    font: 700 14px/24px 'Lato', sans-serif;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #4F4F4F;
}

/* Space mockup card titles — Figma: Montserrat 700, 18px, lh 22px, #4F4F4F */
.space-offering .variety-option .rooms .room h2 {
    font: 700 18px/22px 'Montserrat', sans-serif;
    color: #4F4F4F;
}

/* Space mockup card descriptions — Figma: Lato 500, 16px, lh 26px, #726D6A */
.space-offering .variety-option .rooms .room h3 {
    font: 500 16px/26px 'Lato', sans-serif;
    color: #726D6A;
}

/* Space card radius — Figma: 24px */
.space-offering .variety-option .rooms .room {
    border-radius: 24px;
}

/* CTA button — Figma: border-radius 26px, Montserrat 700, 18px/24px */
.cta {
    border-radius: 26px;
    font: 700 18px/24px 'Montserrat', sans-serif;
    color: #FFFFFF;
}

/* Tour Request sidebar — Figma: shadow Drop-1, radius 32px */
.tour-request {
    box-shadow: 0px 4px 12px 6px rgba(100, 100, 100, 0.06);
}
@media (min-width: 768px) {
    .tour-request {
        border-radius: 32px;
    }
}

/* Tour Request h2 — Figma: Montserrat 400, 32px/39px */
.tour-request h2 {
    font: 400 32px/39px 'Montserrat', sans-serif;
    color: #4F4F4F;
}

/* Pill tag labels — Figma: Lato 700, 13px/16px */
.tour-request .room-space .room h3 {
    font: 700 13px/16px 'Lato', sans-serif;
    color: #726D6A;
}

/* Active pill tag — Figma: #E05E0F bg, white text, radius 18px */
/* Room selector — hover, focus, active states */
.tour-request .room-space .room {
    transition: all 0.2s ease;
}
.tour-request .room-space .room:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(224, 94, 15, 0.15);
}
.tour-request .room-space .room:focus-visible {
    outline: 2px solid #E05E0F;
    outline-offset: 2px;
}
.tour-request .room-space .room.checked {
    background: #E05E0F;
    border-radius: 18px;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(224, 94, 15, 0.25);
}
.tour-request .room-space .room.checked h3 {
    color: #FFFFFF;
}
/* Icon fill/stroke intentionally not overridden for checked state — preserve original SVG colors */

/* Form inputs — Figma: Lato 400, 16px/24px, letter-spacing 0.5px, #828282, bg #F9F7F4, radius 8px */
.tour-request form .input-group {
    border-radius: 8px;
}
.tour-request form .input-group .form-control {
    font: 400 16px/24px 'Lato', sans-serif;
    letter-spacing: 0.5px;
    color: #828282;
}

/* Form input icons — Figma: #E1B697 */
.tour-request form .input-group .input-group-text {
    color: #E1B697;
}

/* Submit button — Figma: Montserrat 700, 18px/24px, #E05E0F bg at 50% opacity, radius 26px */
.tour-request form .cta {
    background: rgba(224, 94, 15, 0.5);
    border-radius: 26px;
    font: 700 18px/24px 'Montserrat', sans-serif;
}

/* Location selector card — Figma: bg #F9F7F4, radius 12px */
.tour-request .select-place,
#ws-tour-location {
    border-radius: 12px;
}

/* Location name — Figma: Lato 700, 20px, #000 */
.tour-request .select-place .place-name,
#ws-tour-place-name {
    font: 700 20px 'Lato', sans-serif;
    color: #000000;
}

/* Header nav links — Figma: Montserrat 600, 18px/22px, #9A9592 */
.header .nav li {
    font: 600 18px/22px 'Montserrat', sans-serif;
    color: #9A9592;
}

/* Hero caption — Figma: Montserrat 600, 36px/44px, white */
.hero .over-caption h2 {
    font: 600 36px/44px 'Montserrat', sans-serif;
    color: #FFFFFF;
}

/* Hero slider — Figma: radius 72px */
.hero .hero-slider {
    border-radius: 72px;
}

/* ===== Request a Tour — Figma: bg 583px, form overlaps bottom ===== */

/* Section wrapper — allow form to extend below bg image */
.request-tour {
    position: relative;
    background: transparent;
    overflow: visible;
    padding-bottom: 0;
}
.request-tour::before {
    display: none;
}

/* Background image — fixed 583px height, soft right-side curve */
.request-tour .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 583px;
    border-radius: 0 216px 216px 0;
    overflow: hidden;
}
.request-tour .bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Dark overlay for text readability */
.request-tour .bg-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(72.57% 61.36% at 24.81% 68.86%, rgba(99, 124, 106, 0.45) 0%, rgba(90, 120, 137, 0.69) 96.56%);
    mix-blend-mode: multiply;
}

/* Content container — top-aligned within the 583px image area */
.request-tour .container {
    position: relative;
    z-index: 1;
    padding-top: 120px;
    padding-bottom: 60px;
}
.request-tour .container > .row {
    width: 100%;
    align-items: flex-start;
}

/* Left heading — sits vertically near center of bg image */
.request-tour .head {
    margin-top: 80px;
    margin-bottom: 0;
}
.request-tour .head h2 {
    font: 400 32px/39px 'Montserrat', sans-serif;
    color: #FFFFFF;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
}
.request-tour .head p {
    font: 600 16px/19px 'Lato', sans-serif;
    color: #FFFFFF;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
}

/* Tour form card — extends below the bg image */
.request-tour .tour-request {
    border-radius: 32px;
    box-shadow: 0px 4px 12px 6px rgba(100, 100, 100, 0.06);
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {
    .request-tour .bg-img {
        position: relative;
        height: 300px;
        border-radius: 0 0 40px 0;
    }
    .request-tour .container {
        padding-top: 24px;
        padding-bottom: 40px;
    }
    .request-tour .head {
        margin-top: 0;
        margin-bottom: 24px;
    }
}

/* Schedule Tour CTA — Figma: full opacity on hover */
.tour-request form .cta:hover {
    background: #E05E0F;
}

/* ===== Figma Headline - Med (Lato 700, 24px/32px, #4F4F4F) ===== */
.benefits-space .benefit-box h2,
.working-meta .box .text p {
    font: 700 24px/32px 'Lato', sans-serif;
    color: #4F4F4F;
}

/* Benefits section subtitle — Figma: Lato 500, 24px, #9A9592 */
.benefits-space .head h4 {
    font: 500 24px/32px 'Lato', sans-serif;
    color: #9A9592;
}

/* Benefits overline — Figma: Lato 700, 14px, uppercase, 15% spacing */
.benefits-space .head h2 {
    font: 700 14px/24px 'Lato', sans-serif;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #9A9592;
}

/* Benefits title — Figma: Montserrat 600, 36px */
.benefits-space .head h3 {
    font: 600 36px/44px 'Montserrat', sans-serif;
    color: #4F4F4F;
}

/* Live Social overline + heading */
.live-space .head h2 {
    font: 700 14px/24px 'Lato', sans-serif;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #B8B3B0;
    text-align: left;
}
.live-space .head h3 {
    font: 700 28px/40px 'Montserrat', sans-serif;
    color: #4F4F4F;
}

/* "Helping you find" / "Rent Customized" section — Figma: Headline-Large */
.col-text .head.multi-head h3 {
    font: 700 28px/40px 'Montserrat', sans-serif;
    color: #4F4F4F;
}
.col-text .head.multi-head h2 {
    font: 700 24px/32px 'Lato', sans-serif;
    color: #4F4F4F;
}
.col-text .head.multi-head h4 {
    font: 500 45px/56px 'Montserrat', sans-serif;
    color: #E05E0F;
}

/* Review section — Figma overline + heading */
/* Review section — Figma: 1375x822, left 65px, radius 216px 0 0 216px */
.review-sec {
    overflow: hidden;
}
.review-sec .border-reviews {
    background: #FFF3EB;
    border-radius: 216px 0 0 216px;
    padding: 94px 0 78px 0;
    margin-left: 95px;
    position: relative;
}
.review-sec .border-reviews::before {
    display: none;
}
/* Heading + slider content indented from left edge of rounded bg */
.review-sec .border-reviews .container {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 40px;
}
.review-sec .head h2 {
    font: 700 14px/24px 'Lato', sans-serif;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #9A9592;
    text-align: left;
}
.review-sec .head h3 {
    font: 600 36px/44px 'Montserrat', sans-serif;
    color: #4F4F4F;
    text-align: left;
}
/* Slider: clip left side, allow peek on right */
.review-sec .review-slider .owl-stage-outer {
    padding: 1rem 0;
    overflow: hidden;
}
@media (max-width: 767px) {
    .review-sec .border-reviews {
        margin-left: 16px;
        border-radius: 40px 0 0 40px;
        padding: 40px 0 32px;
    }
    .review-sec .border-reviews .container {
        padding-left: 32px;
        padding-right: 16px;
    }
}

/* Review card names — Figma: Lato 700, #225266 */
.review-sec .review-slider .item .meta .name h2 {
    font: 700 22px/28px 'Lato', sans-serif;
    color: #225266;
}
.review-sec .review-slider .item .meta .name h3 {
    font: 400 16px/24px 'Lato', sans-serif;
    color: #7a7a7a;
}

/* ===== FAQ Section — Figma High-Fidelity ===== */

/* Section wrapper */
.ws-faq-section {
    background: #F9F7F4;
    border-top-left-radius: 80px;
    padding: 80px 0 72px;
}
@media (max-width: 767px) {
    .ws-faq-section {
        border-top-left-radius: 40px;
        padding: 48px 0 40px;
    }
}

/* Eyebrow */
.ws-faq-eyebrow {
    display: block;
    font: 700 12px/16px 'Lato', sans-serif;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #9A9592;
    margin-bottom: 8px;
}

/* Heading */
.ws-faq-heading {
    font: 600 36px/44px 'Montserrat', sans-serif;
    color: #000000;
    margin-bottom: 32px;
}
@media (max-width: 767px) {
    .ws-faq-heading {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 24px;
    }
}

/* Accordion list */
.ws-faq-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Accordion item */
.ws-faq-item {
    background: #FFFBF9;
    border-radius: 12px;
    padding: 16px 20px;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease;
}
.ws-faq-item.active {
    background: #FFFFFF;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

/* Question row */
.ws-faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.ws-faq-question h3 {
    font: 600 16px/24px 'Lato', sans-serif;
    color: #225266;
    margin: 0;
    flex: 1;
}
.ws-faq-arrow {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9A9592;
    font-size: 14px;
}

/* Answer */
.ws-faq-answer {
    display: none;
    padding-top: 12px;
}
.ws-faq-answer p {
    font: 400 14px/22px 'Lato', sans-serif;
    color: #726D6A;
    margin: 0;
}

/* Right image */
.ws-faq-image {
    border-radius: 0 80px 0 80px;
    overflow: hidden;
    position: relative;
}
.ws-faq-image::before {
    content: "";
    display: block;
    padding-top: 110%;
}
.ws-faq-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 991px) {
    .ws-faq-image {
        border-radius: 0 40px 0 40px;
        max-height: 400px;
    }
    .ws-faq-image::before {
        padding-top: 75%;
    }
}

/* Legacy .faq-section overrides for pages that still use old markup */
.faq-section .head h2 {
    font: 700 12px/16px 'Lato', sans-serif;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #9A9592;
    text-align: left;
}
.faq-section .head h3 {
    font: 600 36px/44px 'Montserrat', sans-serif;
    color: #000000;
    text-align: left;
}

/* Request a Tour form — Figma: 732px max */
.request-tour .tour-request {
    max-width: 732px;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

/* ===== Hero + Tour Request Layout — Figma: D - Homepage Working ===== */
/* Hero image: 530px tall, Tour card: 413px wide, overlaps hero by ~120px */
@media (min-width: 768px) {
    .space-offering .tour-request {
        flex: 0 0 413px;
        width: 413px;
        max-width: 413px;
        margin-top: -120px;
    }
}

/* ===== Trusted Offices — Logo Marquee ===== */
.trusted-offices {
    padding: 64px 0 48px;
    overflow: hidden;
}
.trusted-offices .head {
    text-align: center;
    margin-bottom: 40px;
}
.trusted-offices .head h2 {
    font: 600 36px/44px 'Montserrat', sans-serif;
    color: #4F4F4F;
    margin-bottom: 8px;
}
.trusted-offices .head p {
    font: 400 16px/28px 'Lato', sans-serif;
    color: #9A9592;
}

/* Marquee animation */
.marquee {
    display: flex;
    overflow: hidden;
    gap: 40px;
    user-select: none;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}
.marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 40px;
    min-width: 100%;
    animation: marquee-scroll 30s linear infinite;
}
.marquee--reverse .marquee__group {
    animation-direction: reverse;
}
@keyframes marquee-scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(calc(-100% - 40px)); }
}
.client-name {
    font: 700 18px/24px 'Montserrat', sans-serif;
    color: #B8B3B0;
    white-space: nowrap;
    padding: 12px 32px;
    border: 1px solid #E3E3E3;
    border-radius: 8px;
    background: #FFFFFF;
    letter-spacing: 0.5px;
}

/* ===== "Work with people" section — Figma spacing ===== */
.col-text .orange-text {
    font: 500 46px/56px 'Montserrat', sans-serif;
}
@media (min-width: 768px) {
    .col-text .orange-text {
        font-size: 46px;
    }
}

/* Reset .head h2 text-align — only center where explicitly needed */
.head h2 {
    text-align: left;
}
.benefits-space .head h2,
.trusted-offices .head h2 {
    text-align: center;
}

/* ===== Review Section ===== */

/* Footer social icons */
.footer .social .nav {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
}
.footer .social .nav-item {
    margin-top: 0;
    flex-shrink: 0;
}
.footer .social .nav-link {
    color: #564D43;
    font-size: 24px;
    transition: color 0.2s ease;
}
.footer .social .nav-link:hover {
    color: #E05E0F;
}
.footer .social .nav-link img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

/* Footer headings — Figma: Lato 600, 24px */
.footer .link h2 {
    font: 600 24px/32px 'Lato', sans-serif;
    color: #B8B3B0;
}

/* ===== Service Page CTA Section ===== */
.ws-service-cta .ws-cta-card {
    background: #F1F6EF;
}
.ws-service-cta .ws-cta-card h2 {
    font: 600 32px/40px 'Montserrat', sans-serif;
    color: #4F4F4F;
}
.ws-service-cta .ws-cta-card p {
    font: 400 16px/28px 'Lato', sans-serif;
    color: #726D6A;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}
.ws-service-cta .cta {
    min-width: 200px;
    padding: 12px 24px;
}

/* ===== Location Landing Page ===== */

/* ===== Find Location Page — Overrides ===== */

/* Fix: .locations-map was rendering full-screen-width with 190px top padding
   creating ~80px margin-top illusion above slider. Constrain to container,
   remove excessive padding, and tighten slider top spacing. */
.more-location .locations-map {
    padding-top: 0 !important;
    background-size: contain;
    background-position: center top;
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
    .more-location .locations-map {
        padding-top: 24px !important;
    }
}
.more-location .locations-slider .owl-stage-outer {
    padding-block: 0.5rem !important;
    margin-top: 0 !important;
}

/* Fix: Reduce gap between section title and cards */
.more-location .head {
    margin-bottom: 16px;
}
/* Old .ws-loc-service-card removed — now uses homepage .room classes */

/* ===== Service Page — Intro Section ===== */
.ws-service-intro .ws-intro-heading {
    font: 700 40px/48px 'Montserrat', sans-serif;
    color: #4A4A4A;
    margin-bottom: 10px;
}
.ws-service-intro .ws-intro-subheading {
    font: 400 24px/32px 'Lato', sans-serif;
    font-style: italic;
    color: #9A9592;
    margin-bottom: 24px;
}
.ws-service-intro p {
    font: 400 18px/1.7 'Lato', sans-serif;
    color: #4F4F4F;
}

/* ===== Service Page — Editorial Card with Overlay ===== */
.ws-editorial-card {
    min-height: 360px;
}
.ws-editorial-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.ws-editorial-card::before {
    content: "";
    display: block;
    padding-top: 75%;
}
.ws-editorial-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.65));
    min-height: 40%;
}
.ws-editorial-overlay h3 {
    font: 700 24px/32px 'Montserrat', sans-serif;
}

/* ===== Service Page — Benefit CTA Card ===== */
.ws-benefit-cta {
    border: 2px dashed rgba(224, 94, 15, 0.3) !important;
    background: rgba(224, 94, 15, 0.05) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
.ws-benefit-cta:hover {
    background: rgba(224, 94, 15, 0.1) !important;
    border-color: #E05E0F !important;
}

/* ===== Service Page — Space Card Refinements ===== */
.space-box-price {
    border-radius: 16px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: 1px solid #F0F0F0;
}
.space-box-price:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
}
.space-box-price .img {
    border-radius: 12px;
    overflow: hidden;
    margin: 12px;
    position: relative;
}
.space-box-price .img::before {
    content: "";
    display: block;
    padding-top: 65%;
}
.space-box-price .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font: 400 14px/1.5 'Lato', sans-serif;
    color: #666;
}

/* ===== Service Card Click-Through Link Wrapper ===== */
a.ws-card-link {
    text-decoration: none;
    color: inherit;
    display: block;
}
a.ws-card-link:hover .space-box-price {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
    transition: all 0.2s ease;
}

/* Footer text/links — Figma: Lato 16px, #4F4F4F */
.footer li, .footer p, .footer a {
    font: 400 16px/28px 'Lato', sans-serif;
    color: #4F4F4F;
}

/* ===== Coworking Services Page — Figma D-Coworking Alignment =====
   (Hero consolidated into .hero--service shared block above) */

/* Section 2: Service Intro — Figma: 512x512 image + 542x419 text card, radius 26px */
.ws-service-intro {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
}
.ws-service-intro .row {
    justify-content: center;
    align-items: center;
}
@media (min-width: 992px) {
    .ws-service-intro .intro-image-wrap {
        width: 512px;
        height: 512px;
        max-width: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ws-service-intro .intro-image-wrap img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }
    .ws-service-intro .col-md-7 {
        max-width: 542px;
        flex: 0 0 auto;
    }
    .ws-service-intro .col-md-7 > * {
        max-width: 542px;
    }
}
@media (min-width: 992px) {
    .ws-service-intro .ws-intro-heading {
        font: 700 32px/40px 'Montserrat', sans-serif;
        color: #4A4A4A;
        margin-bottom: 4px;
    }
    .ws-service-intro .ws-intro-subheading {
        font: 500 16px/24px 'Lato', sans-serif;
        color: #9A9592;
        margin-bottom: 20px;
    }
    .ws-service-intro p {
        font: 400 16px/26px 'Lato', sans-serif;
        color: #4F4F4F;
    }
    .ws-service-intro .ws-intro-body {
        min-height: 234px;
        margin-bottom: 32px;
    }
    .ws-service-intro .cta {
        min-width: 160px;
        height: 50px;
        padding: 10px 24px;
        gap: 10px;
        border-radius: 26px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #E05E0F;
        color: #FFFFFF;
        font: 700 16px/24px 'Montserrat', sans-serif;
        text-decoration: none;
    }
}
.ws-service-intro .ws-intro-heading {
    font: 700 32px/40px 'Montserrat', sans-serif;
    color: #4A4A4A;
}
.ws-service-intro .cta {
    border-radius: 26px;
}

/* Section 3: Locations Grid — Figma 1228x580, equal spacing */
.more-location .container {
    max-width: 1228px;
}
.more-location .space-box-price {
    border-radius: 24px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.more-location .space-box-price:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.more-location .space-box-price .img {
    border-radius: 16px 16px 0 0;
    overflow: hidden;
}

/* Section 4: Split Content — text left, image bleeds full-width to right edge */
.ws-coworking-editorial { padding-left: 0; padding-right: 0; }
.ws-coworking-editorial .ws-editorial-text {
    padding-left: calc((100vw - 1334px) / 2 + 15px);
    padding-right: 40px;
}
.ws-coworking-editorial .ws-editorial-card {
    border-radius: 50px 0 0 50px;
    overflow: hidden;
    min-height: auto;
}
.ws-coworking-editorial .ws-editorial-card::before { display: none; }
.ws-coworking-editorial .ws-editorial-card img {
    position: static;
    width: 100%;
    height: 481px;
    object-fit: cover;
    object-position: center;
}
.ws-coworking-editorial .ws-editorial-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 130px;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
}
.ws-coworking-editorial .ws-editorial-overlay h3 {
    font: 600 36px/44px 'Montserrat', sans-serif;
    max-width: 539px;
    color: #FFFFFF;
}
.ws-coworking-editorial .ws-editorial-heading {
    font: 600 36px/44px 'Montserrat', sans-serif;
    color: #4A4A4A;
    margin-bottom: 20px;
}
.ws-coworking-editorial .ws-editorial-text p {
    font: 400 16px/26px 'Lato', sans-serif;
    color: #4F4F4F;
}
@media (max-width: 1334px) {
    .ws-coworking-editorial .ws-editorial-text {
        padding-left: 40px;
    }
}
@media (max-width: 767px) {
    .ws-coworking-editorial .ws-editorial-text {
        padding-left: 20px;
        padding-right: 20px;
    }
    .ws-coworking-editorial .ws-editorial-card {
        border-radius: 24px 0 0 24px;
    }
    .ws-coworking-editorial .ws-editorial-card img { height: 280px; }
    .ws-coworking-editorial .ws-editorial-overlay h3 { font-size: 22px; line-height: 28px; }
}

/* Private Office: Amazing Offices — image bleeds LEFT, text padded right */
.ws-amazing-offices .ws-amazing-image-col .cta-image-wrap {
    border-radius: 0 50px 50px 0;
    overflow: hidden;
    height: 481px;
}
.ws-amazing-offices .ws-amazing-image-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.ws-amazing-offices .ws-amazing-text {
    padding-left: 40px;
    padding-right: calc((100vw - 1334px) / 2 + 15px);
}
@media (max-width: 1334px) {
    .ws-amazing-offices .ws-amazing-text {
        padding-right: 40px;
    }
}
@media (max-width: 991px) {
    .ws-amazing-offices .ws-amazing-text {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 24px;
    }
    .ws-amazing-offices .ws-amazing-image-col .cta-image-wrap {
        height: 280px;
        border-radius: 0 24px 24px 0;
    }
}

/* Private Office: Companies Thrive — image bleeds RIGHT, text padded left */
.ws-companies-thrive .ws-thrive-image-col .cta-image-wrap {
    border-radius: 50px 0 0 50px;
    overflow: hidden;
    height: 577px;
}
.ws-companies-thrive .ws-thrive-image-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.ws-companies-thrive .ws-thrive-text {
    padding-left: calc((100vw - 1334px) / 2 + 15px);
    padding-right: 40px;
}
@media (max-width: 1334px) {
    .ws-companies-thrive .ws-thrive-text {
        padding-left: 40px;
    }
}
@media (max-width: 991px) {
    .ws-companies-thrive .ws-thrive-text {
        padding-left: 20px;
        padding-right: 20px;
    }
    .ws-companies-thrive .ws-thrive-image-col .cta-image-wrap {
        height: 320px;
        border-radius: 24px 0 0 24px;
        margin-top: 24px;
    }
    .ws-companies-thrive .benefits-list li span {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}

/* Private Office: How We Attract — image bleeds LEFT, text padded right */
.ws-how-attract .ws-attract-image-col .cta-image-wrap {
    border-radius: 0 50px 50px 0;
    overflow: hidden;
    height: 436px;
}
.ws-how-attract .ws-attract-image-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.ws-how-attract .ws-attract-text {
    padding-left: 40px;
    padding-right: calc((100vw - 1334px) / 2 + 15px);
}
@media (max-width: 1334px) {
    .ws-how-attract .ws-attract-text {
        padding-right: 40px;
    }
}
@media (max-width: 991px) {
    .ws-how-attract .ws-attract-text {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 24px;
    }
    .ws-how-attract .ws-attract-image-col .cta-image-wrap {
        height: 280px;
        border-radius: 0 24px 24px 0;
    }
}

/* FAQ Section — text left (padded), image bleeds to right edge, 676px height */
.faq-section .ws-faq-text {
    padding-left: calc((100vw - 1334px) / 2 + 15px);
    padding-right: 40px;
}
.faq-section .ws-faq-image-col .img-border {
    border-radius: 216px 0 0 216px;
    overflow: hidden;
    height: 676px;
    position: relative;
}
.faq-section .ws-faq-image-col .img-border::before { display: none; }
.faq-section .ws-faq-image-col .img-border img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: static;
}
@media (max-width: 1334px) {
    .faq-section .ws-faq-text {
        padding-left: 40px;
    }
}
@media (max-width: 767px) {
    .faq-section .ws-faq-text {
        padding-left: 20px;
        padding-right: 20px;
    }
    .faq-section .ws-faq-image-col .img-border {
        height: 320px;
        border-radius: 24px 0 0 24px;
    }
}

/* Section 5: Benefits — Figma 1511x736, rounded bg block */
.benefits-space {
    background: #F1F6EF;
    border-radius: 72px;
    margin: 48px 38px;
    padding: 80px 40px;
}
@media (max-width: 767px) {
    .benefits-space {
        margin: 32px 16px;
        padding: 48px 20px;
        border-radius: 32px;
    }
}
.benefits-space .benefit-box {
    padding: 40px 24px;
    border-radius: 26px;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.benefits-space .benefit-box .img {
    width: 80px;
    height: 80px;
}
.benefits-space .ws-benefit-cta {
    background: rgba(224, 94, 15, 0.05) !important;
    border: 2px dashed rgba(224, 94, 15, 0.3) !important;
}

/* Section 6: FAQ — Figma: left accordion + right rounded portrait */
.ws-faq-section {
    padding: 80px 0;
}
.ws-faq-section .ws-faq-eyebrow {
    font: 700 14px/24px 'Lato', sans-serif;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #9A9592;
    display: block;
    margin-bottom: 8px;
}
.ws-faq-section .ws-faq-heading {
    font: 700 40px/48px 'Montserrat', sans-serif;
    color: #4F4F4F;
    margin-bottom: 32px;
}
.ws-faq-section .ws-faq-item {
    background: #FFFBF9;
    border-radius: 16px;
    padding: 20px 24px;
    margin-bottom: 12px;
    transition: background 0.2s ease;
}
.ws-faq-section .ws-faq-item.active {
    background: #FFFFFF;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.ws-faq-section .ws-faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.ws-faq-section .ws-faq-question h3 {
    font: 600 18px/26px 'Lato', sans-serif;
    color: #225266;
    margin: 0;
}
.ws-faq-section .ws-faq-arrow {
    color: #E05E0F;
    font-size: 20px;
    flex-shrink: 0;
}
.ws-faq-section .ws-faq-answer {
    padding-top: 16px;
}
.ws-faq-section .ws-faq-answer p {
    font: 400 16px/26px 'Lato', sans-serif;
    color: #726D6A;
    margin: 0;
}
.ws-faq-section .ws-faq-image {
    border-radius: 32px;
    overflow: hidden;
}
.ws-faq-section .ws-faq-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 32px;
}