:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} /*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} /*# sourceURL=/wp-includes/css/classic-themes.min.css */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} /*# sourceURL=global-styles-inline-css */ /* Theme Name: Signature Theme URI: https://www.signature.com Author: Wpmaster Author URI: https://www.signature.com Description: A WordPress theme frame work Requires at least: WordPress 5.0.0 Version: 1.0.0 License: GNU General Public License v3 License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: signature Tags: blog, news, photography, two-columns, left-sidebar, right-sidebar, flexible-header, custom-colors, custom-menu, editor-style, featured-images, footer-widgets, rtl-language-support, threaded-comments This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Typography # Elements # Forms # Alignments # Sidebars # Widgets # Preloader # Header # Navigation ## Links ## Menus # Accessibility # Content ## Posts and pages ## Asides ## Comments # Media ## Captions ## Galleries # Post Format # Pagination # Footer # Social Share # Load more # Responsive --------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { margin: 0; padding: 0; box-sizing: border-box; } .clear { clear: both; } html, body { font-size: 100%; height: 100%; } body { margin: 0; background-color: #fff; transition: all 0.5s ease; } body, th, td, input, textarea { color: #333333; font-family: "Nunito Sans", sans-serif; font-size: 16px; } input.text { background: #FFFFFF; border: none; padding: 1px; } input.button { background: #000000; border: 1px solid #000000; color: #ffffff; } h1, h2, h3, h4, h5, h6 { color: #000; font-family: "Instrument Serif", serif; font-weight: 400; } h1 { font-size: 66px; } h2 { font-size: 45px; } h3 { font-size: 35px; } h4 { font-size: 30px; } h5 { font-size: 25px; } h6 { font-size: 20px; } p, ul, ol { font-family: "Nunito Sans", sans-serif; font-size: 16px; font-weight: 300; line-height: 1.6; color: #000; } blockquote { margin-left: 36px; margin-right: 36px; } a { color: #000000; text-decoration: none; } a:hover { border: none; } h1 a, h2 a, h3 a { border: none; color: #333333; text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover { background: none; color: #371015; } hr { display: none; } #header { background-color: #9F9F9F; height: 38px; margin: 0 auto; width: 1640px; position: relative; z-index: 9999; } #search { float: right; width: 270px; padding-top: 10px; } #search fieldset { border: none; } #search #s { padding: 3px; width: 140px; vertical-align: top; } #search #x { width: 60px; vertical-align: top; } #logo-wrapper { height: auto; margin: 0 auto; width: 1640px; background-color: #FFF; background-repeat: no-repeat; display: flex; justify-content: space-between; padding-top: 40px; padding-bottom: 25px; transition: all 0.3s ease-in-out; } #page { background: #FFFFFF; margin: 0 auto; padding-top: 117px; max-width: 100%; width: 100%; } .contentmain { width: 490px; float: left; } #content { padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } .post .title { font-weight: normal; margin: 0; } h1.title { font-weight: 400; font-size: 66px; line-height: 100%; color: #000; font-family: "Instrument Serif", serif; padding-bottom: 50px; } h2.title { color: #371015; font-size: 16px; } .desctitle { font-size: 10px; } .post h1.title { font-size: 24px; height: auto; } .entry p { padding-bottom: 20px; } .entry ul, ol { padding-left: 20px; } .post .meta { border-bottom: 1px dotted #CCCCCC; color: #333333; font-size: 14px; } .navigation { padding-top: 10px; padding-bottom: 10px; } .navigation a { font-size: 14px; font-weight: bold; } .post .meta a { color: #333333; } .post .links { margin: 0; } .post .tags { font-size: 9px; font-weight: bold; margin: 0; text-transform: uppercase; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } .post .links a, .post .tags a { border: none; } .leftsidebar { width: 245px; float: left; } .rightsidebar { width: 245px; float: right; } #sidebar ul { list-style: none; margin: 0; padding: 0; } #sidebar li { background-color: #C6C6C6; padding: 5px; } #sidebar li li { margin: 0; } #sidebar li h2 { margin: 0; } #sidebar li h2 { height: 30px; font-size: 14px; font-weight: bold; color: #FFFFFF; line-height: 30px; background-color: #333333; text-align: center; } #sidebar li ul { line-height: normal; padding-left: 5px; padding-right: 5px; } #sidebar li li { background-image: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/list.jpg'); background-repeat: no-repeat; background-position: left center; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; } #sidebar li li li { background-image: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/list.jpg'); background-repeat: no-repeat; background-position: left center; padding: 0px; } #calendar { margin: 0 auto; } #calendar caption { font-weight: bold; } #calendar table { border-collapse: collapse; text-align: center; width: 220px; } #calendar thead th { background: #CCCCCC; color: #FFFFFF; } #calendar tbody td { background: #EEEEEE; } #calendar #today { background: #B8D03B; color: #FFFFFF; font-weight: bold; } #calendar a { font-weight: bold; } #calendar #prev { text-align: left; } #calendar #next { text-align: right; } .info { background: #000; display: flex; width: 100%; padding: 15px 50px; } .info a { color: #fff; } .comlabel { color: #666666; font-size: 13px; font-weight: lighter; } .comtext { background-color: #371015; border: 5px solid #FFFFFF; color: #FFFFFF; padding: 5px; } .postlabel { color: #666666; font-size: 13px; font-weight: lighter; } .posttext { background-color: #371015; border: 5px solid #FFFFFF; color: #FFFFFF; padding: 5px; } .commentlist { list-style: none; } .authorcomment { background-color: #efefef; margin: 10px 0px 0px 0px; padding: 3px; } .odd { color: #333333; background-color: #EAEAEA; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #666666; } .odd a:link { color: #000000; } .commenttext { color: #000000; color: #000000; font-size: 10px; margin: 0px 0px 10px 0px; padding: 5px 10px 5px 10px; background-color: #EAEAEA; } #author, #email, #url { background: #FBFBFB; border: 1px solid #cbcbcb; padding: 3px; width: 40%; margin-bottom: 5px; } #comment { background: #FBFBFB; border: 1px solid #cbcbcb; margin-bottom: 0.6em; padding: 3px; width: 95%; } #submit { background-color: #efefef; border-bottom: 2px solid #CCCCCC; border-left: 1px solid #E4E4E4; border-right: 2px solid #CCCCCC; border-top: 1px solid #E4E4E4; padding: 3px; } blockquote { padding-left: 52px; background-image: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/qt.png'); background-repeat: no-repeat; background-position: left top; margin-top: 15px; margin-right: 30px; margin-bottom: 0; margin-left: 10px; padding-top: 5px; } blockquote cite { display: block; margin: 5px 0 0; } .center { text-align: center; } .aligncenter { margin-right: auto; margin-left: auto; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } hr { display: none; } a img { border: none; } pre { background: #f3f2ed; border: solid 1px #9a9a9a; color: blue; margin: 10px; padding: 10px; } code { color: #000; font-size: 1.0em; } p img { padding: 0; max-width: 100%; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .post-password-form input[type="password"] { border: 1px solid #f90; height: 30px; padding: 0 5px; } .post-password-form input[type="submit"] { background: #f90; border: none; height: 30px; cursor: pointer; color: #fff; transition: all 0.5s ease; } .post-password-form input[type="submit"]:hover { background: #e1921b; transition: all 0.5s ease; } .post-comment-block .comments-area { float: left; width: 100%; } .post-comment-block .comments-area ul { float: left; width: 100%; padding-left: 15px; } .post-comment-block .comments-area ul li { float: left; width: 100%; padding-left: 15px; } .post-comment-block .comments-area ul li.media { padding-bottom: 30px; } .post-comment-block .comments-area ul li .media-left-avatar { float: left; width: auto; border-radius: 50%; } .post-comment-block .comments-area ul li .media-left-avatar img { float: left; width: 50px; border-radius: 50%; height: 50px; } .post-comment-block .comments-area ul li .media-body { float: left; width: auto; padding-left: 30px; } .post-comment-block .comments-area ul li.media .children { padding-top: 30px; } .menu-section-wrapper { display: flex; justify-content: flex-end; align-items: center; } /*---------------------------------------*/ /* Desktop Menu */ /*---------------------------------------*/ #access { width: auto; } #access2 { display: block; float: right; margin: 0 auto; width: 1640px; } #access .menu-header, #access2 .menu-header, div.menu { font-size: 13px; margin-left: 15px; } #access .menu-header ul, #access2 .menu-header ul, div.menu ul { list-style: none; margin: 0; padding: 0; } #access .menu-header li, #access2 .menu-header li, div.menu li { float: left; position: relative; } /* Top-level links */ #access a, #access2 a { color: #30302f; display: block; font-family: "Nunito Sans", sans-serif; font-size: 16px; font-weight: 400; line-height: 38px; padding: 0 35px; text-decoration: none; transition: all 0.3s ease-in-out; } /* Down arrow on top-level items with submenus */ #access .menu-item-has-children>a::after { content: ' ▾'; font-size: 16px; line-height: inherit; } /* Down arrow on 2nd-level items with submenus (flyout indicator) */ #access ul ul .menu-item-has-children>a::after { content: ' ›'; float: right; font-size: 18px; } /* Dropdown container */ #access ul ul, #access2 ul ul { display: none; position: absolute; top: 38px; left: 0; float: left; width: 180px; z-index: 99999; background: #2e3a3c; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25); border-radius: 0 0 4px 4px; } /* Nested dropdown (3rd level) */ #access ul ul ul, #access2 ul ul ul { left: 100%; top: 0; border-radius: 0 4px 4px 4px; } /* Dropdown list items */ #access ul ul li, #access2 ul ul li { float: none; min-width: 180px; position: relative; } /* Dropdown links */ #access ul ul a, #access2 ul ul a { background: #2e3a3c; color: #ccc; height: auto; line-height: 1em; padding: 12px 15px; width: 100%; font-size: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); transition: background 0.2s ease, color 0.2s ease; } /* Dropdown link hover */ #access ul ul a:hover, #access2 ul ul a:hover { background: #4a5c5f; color: #fff; } /* Active / hover states on top-level */ #access li:hover>a, #access ul ul li:hover>a, #access2 li:hover>a, #access2 ul ul li:hover>a { color: #826729; } /* Current page / active menu item */ #access ul li.current_page_item>a, #access ul li.current-menu-ancestor>a, #access ul li.current-menu-item>a, #access ul li.current-menu-parent>a, #access2 ul li.current_page_item>a, #access2 ul li.current-menu-ancestor>a, #access2 ul li.current-menu-item>a, #access2 ul li.current-menu-parent>a { color: #5f4a1d; font-weight: 700; } /* IE6 fallback */ * html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover, * html #access2 ul li.current_page_item a, * html #access2 ul li.current-menu-ancestor a, * html #access2 ul li.current-menu-item a, * html #access2 ul li.current-menu-parent a, * html #access2 ul li a:hover { color: #826729; } /* Clearfix for floated menu */ #access .menu-header ul::after, #access2 .menu-header ul::after { content: ""; display: table; clear: both; } /* =Menu end -------------------------------------------------------------- */ /*---------------------------------------*/ /* Mobile Menu */ /*---------------------------------------*/ .mobile-menu-trigger { display: none; position: fixed; top: 38px; right: 40px; width: 30px; height: 22px; padding: 0; border: none; background: transparent; cursor: pointer; z-index: 100002; } .mobile-menu-trigger-bar { display: block; position: absolute; left: 0; width: 100%; height: 2px; background-color: #1e3a4a; border-radius: 2px; transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease; } .mobile-menu-trigger-bar:nth-child(1) { top: 0; } .mobile-menu-trigger-bar:nth-child(2) { top: 10px; } .mobile-menu-trigger-bar:nth-child(3) { top: 20px; } .mobile-menu-trigger.is-active .mobile-menu-trigger-bar:nth-child(1) { top: 10px; transform: rotate(45deg); } .mobile-menu-trigger.is-active .mobile-menu-trigger-bar:nth-child(2) { opacity: 0; } .mobile-menu-trigger.is-active .mobile-menu-trigger-bar:nth-child(3) { top: 10px; transform: rotate(-45deg); } .mobile-menu-trigger.is-active .mobile-menu-trigger-bar { background-color: #eef2f4; } .mobile-menu-overlay { position: fixed; inset: 0; z-index: 100000; background: linear-gradient(160deg, #3d5b70 0%, #274357 45%, #16303f 100%); opacity: 0; visibility: hidden; pointer-events: none; overflow-y: auto; padding: 90px 40px 60px; transition: opacity 0.35s ease, visibility 0.35s ease; } .mobile-menu-overlay.is-open { opacity: 1; visibility: visible; pointer-events: auto; } .mobile-menu-nav { width: 100%; } .mobile-menu-list { list-style: none; margin: 0; padding: 0; } .mobile-menu-list li { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.25); } .mobile-menu-list li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.25); } .mobile-menu-list a { display: block; position: relative; padding: 15px 0; font-family: "Nunito Sans", sans-serif; font-size: 15px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; color: #e1e1e1; text-decoration: none; transition: color 0.2s ease; } .mobile-menu-list a:hover { color: #ffffff; } .mobile-menu-list .menu-item-has-children>a::after { content: ''; position: absolute; top: 50%; right: 4px; width: 9px; height: 9px; border-top: 2px solid #c7d2d8; border-right: 2px solid #c7d2d8; transform: translateY(-50%) rotate(45deg); transition: transform 0.25s ease; } .mobile-menu-list .menu-item-has-children.submenu-open>a::after { transform: translateY(-25%) rotate(135deg); } .mobile-menu-list ul { display: none; list-style: none; margin: 18px 0 24px; padding: 0; } .mobile-menu-list ul li { border-bottom: none; margin-bottom: 12px; } .mobile-menu-list ul li:last-child { margin-bottom: 0; } .mobile-menu-list ul li:first-child { border-top: none; } .mobile-menu-list ul a { padding: 10px 20px; font-size: 15px; font-weight: 400; letter-spacing: 0; text-transform: none; color: #e7ebee; background: linear-gradient(135deg, #7c93a3 0%, #55707f 100%); border-radius: 0px; } .mobile-menu-list ul ul { margin: 12px 0 0; padding-left: 90px; } .mobile-menu-list ul .menu-item-has-children>a::after { right: 20px; } .mobile-menu-enquire { margin-top: 40px; } .mobile-menu-enquire-btn { display: inline-block; background: #eef2f4; color: #044371; font-family: "Nunito Sans", sans-serif; font-size: 15px; font-weight: 600; letter-spacing: 0.5px; padding: 15px 35px; text-decoration: none; transition: background 0.2s ease; text-transform: uppercase; } .mobile-menu-enquire-btn:hover { background: #ffffff; } body.mobile-menu-active { overflow: hidden; } .contentmain_404 { margin-top: 0px; margin-bottom: 0px; text-align: center; } .contentmain_404 img { max-width: 100%; height: auto; display: flex; } .center1 { text-align: center; } .swlogo { bottom: 15px; float: right; position: absolute; right: 10px; z-index: 999999999; } .site_logo { float: left; width: auto; } .bottom-to-top-arrow { bottom: 30%; display: block; height: 60px; position: fixed; right: 30px; transition: all 0.3s linear 0s; width: 60px; z-index: 9999; border-radius: 50%; outline: none; border: none; background-image: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/up-arrow-orange.png'); background-repeat: no-repeat; background-position: center; text-align: center; line-height: 56px; color: #fff; } .bottom-to-top-arrow:hover { opacity: .8; transition: all 0.3s linear 0s; } /*Blog Page*/ .eachRide { background: #fff; margin-bottom: 20px; border: 1px solid #ddd; padding: 20px; } .eachRide img { max-width: 100%; height: auto; } .rideTitle { font-size: 20px; font-weight: bold; margin-bottom: 10px; } .sliderDescription5 { font-size: 16px; color: #666; margin-bottom: 10px; } .learnMoreRide { display: inline-block; padding: 5px 10px; font-size: 16px; color: #fff; background-color: #007bff; border: none; text-decoration: none; border-radius: 5px; transition: all 0.3s ease; } .learnMoreRide:hover { background-color: #0056b3; } .blog-navigation-wrapper { margin-top: 20px; text-align: center; } .pagination { display: inline-block; } .pagination button { padding: 10px 20px; margin: 0 5px; font-size: 16px; color: #fff; background-color: #007bff; border: none; border-radius: 5px; cursor: pointer; transition: all 0.3s ease; } .pagination button:hover { background-color: #0056b3; } /* Removed legacy .row / .col-md-6 float overrides */ .header-wrapper { position: fixed; width: 100%; background-color: #fff; z-index: 9999; } .shrink-header #logo-wrapper { padding-top: 15px; padding-bottom: 15px; } .shrink-header #access a, #access2 a { font-size: 15px; } .flexbox { display: flex; width: 100%; flex-wrap: wrap; } .enquire-btn-wrapper a { font-family: "Nunito Sans", sans-serif; font-size: 18px; font-weight: 500; color: #fff; background: linear-gradient(to right, #4a5c5f, #2e3a3c); transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; padding: 5px 16px; line-height: 30px; } .enquire-btn-wrapper a:hover { background: linear-gradient(to right, #5b7174, #3a4d50); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(46, 58, 60, 0.45); } .home-section1 { padding: 50px 0; } .home-section1-slider-wrapper { width: 100%; max-width: 1620px; margin: 0 auto; } .home-section1-slider-header { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: flex-start; padding: 0 0 50px 0; } .home-section1-slider-title { padding-left: 75px; } .home-section1-slider-title h1 { font-weight: 400; font-size: 56px; line-height: 100%; color: #000; font-family: "Instrument Serif", serif; } .home-section1-slider-meta { padding-right: 75px; display: flex; justify-content: end; } .home-section1-slider-description-wrapper { max-width: 490px; } .home-section1-slider-description, .home-section1-slider-description p { font-weight: 300; font-size: 16px; color: #4a4a4a; line-height: 24px; font-family: "Nunito Sans", sans-serif; } .home-section1-meta-rule { width: 72px; height: 1px; background: #3f4040; margin-top: 25px; } /* ── Fade transition for title & description ── */ .home-section1-slider-title h1, .home-section1-slider-description p { transition: opacity 0.35s ease, transform 0.35s ease; } .home-section1-header-fade-out .home-section1-slider-title h1, .home-section1-header-fade-out .home-section1-slider-description p { opacity: 0; transform: translateY(8px); } .home-section1-header-fade-in .home-section1-slider-title h1, .home-section1-header-fade-in .home-section1-slider-description p { opacity: 1; transform: translateY(0); } /* ══════════════════════════════ STAGE ══════════════════════════════ */ .home-section1-slider-stage { position: relative; width: 100%; overflow: hidden; background: #0a0a0a; cursor: grab; user-select: none; -webkit-user-select: none; touch-action: pan-y; } .home-section1-slider-stage.home-section1-dragging { cursor: grabbing; } /* ══════════════════════════════ TRACK ══════════════════════════════ */ .home-section1-slides-track { display: flex; width: 100%; will-change: transform; } .home-section1-slides-track.home-section1-animated { transition: transform 0.72s cubic-bezier(0.77, 0, 0.175, 1); } /* ══════════════════════════════ SLIDE ══════════════════════════════ */ .home-section1-slide { flex: 0 0 100%; width: 100%; position: relative; pointer-events: none; } .home-section1-slide img { width: 100%; display: block; object-fit: cover; object-position: top; aspect-ratio: 16 / 6; pointer-events: none; -webkit-user-drag: none; user-drag: none; } .home-section1-slide::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, transparent 55%); pointer-events: none; } .home-section1-controls-wrapper { position: absolute; bottom: 0; right: 0; z-index: 3; display: flex; flex-direction: column; width: 170px; } .home-section1-controls-overlay { background: #ffffff; padding: 0; display: flex; align-items: center; gap: 10px; pointer-events: all; width: 100%; height: 40px; padding-top: 5px; justify-content: center; } .home-section1-nav-btn { background: none; border: none; cursor: pointer; padding: 6px; color: #1a1a1a; display: flex; align-items: center; justify-content: center; transition: opacity 0.2s, transform 0.2s; pointer-events: all; } .home-section1-nav-btn:hover { opacity: 0.45; transform: scale(0.88); } .home-section1-nav-btn:active { transform: scale(0.78); } .home-section1-nav-btn svg { width: 14px; height: 14px; fill: currentColor; } #homeSec1BtnPrev { background-image: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/left-arrow.png'); background-repeat: no-repeat; height: 50px; width: 50px; padding: 0; background-position: center; transform: scale(0.78); } #homeSec1BtnNext { background-image: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/right-arrow.png'); background-repeat: no-repeat; height: 50px; width: 50px; padding: 0; background-position: center; transform: scale(0.78); } /* ══════════════════════════════ PROGRESS DOTS ══════════════════════════════ */ .home-section1-progress-dots { position: absolute; bottom: 0; left: 0; display: flex; gap: 6px; padding: 0 24px 18px; z-index: 3; } .home-section1-dot { width: 20px; height: 2px; background: rgba(255, 255, 255, 0.3); transition: background 0.4s, width 0.4s; cursor: pointer; pointer-events: all; } .home-section1-dot.home-section1-active { background: #c9a96e; width: 36px; } /* ══════════════════════════════ FOOTER COUNTER ══════════════════════════════ */ .home-section1-slider-footer { display: flex; justify-content: center; align-items: center; padding: 5px 20px; background: #ffffff; width: 100%; box-sizing: border-box; } .home-section1-counter { display: flex; align-items: center; font-family: "Montserrat", sans-serif; font-weight: 300; font-size: 15px; color: #3f4040; } .home-section1-counter-current { font-weight: 400; min-width: 14px; text-align: right; } .home-section1-counter-sep { display: flex; align-items: center; gap: 10px; margin: 0 12px; color: #3f4040; } .home-section1-counter-sep::before, .home-section1-counter-sep::after { content: ''; display: block; height: 1px; background: #cfcfcf; width: 30px; } .home-section1-counter-total { min-width: 14px; } /* ══════════════════════════════ RESPONSIVE – TABLET (≤ 900px) ══════════════════════════════ */ @media (max-width: 900px) { .home-section1-slider-header { grid-template-columns: 1fr 1fr; gap: 24px; padding: 0 0 24px 0; } .home-section1-slider-title { padding-left: 0; } .home-section1-slider-meta { padding-right: 0; } .home-section1-slider-title h1 { font-size: clamp(2rem, 5vw, 3.5rem); } .home-section1-slide img { aspect-ratio: 16 / 8; } .home-section1-controls-overlay { padding: 16px 20px; gap: 16px; } .home-section1-progress-dots { padding: 0 20px 14px; } } /* ══════════════════════════════ RESPONSIVE – MOBILE (≤ 640px) ══════════════════════════════ */ @media (max-width: 640px) { .home-section1-slider-wrapper { max-width: 100%; } .home-section1-slider-header { grid-template-columns: 1fr; gap: 14px; padding: 0 16px 20px 0px; } .home-section1-slider-title { padding-left: 0; } .home-section1-slider-meta { padding-right: 0; justify-content: start; } .home-section1-slider-title h1 { font-size: clamp(1.8rem, 7vw, 2.4rem); } .home-section1-slider-description p { font-size: 15px; line-height: 22px; } .home-section1-slider-description-wrapper { max-width: 100%; } .home-section1-meta-rule { display: none; } .home-section1-slide img { aspect-ratio: 4 / 3; } .home-section1-controls-overlay { padding: 14px 16px; gap: 14px; } .home-section1-nav-btn svg { width: 12px; height: 12px; } .home-section1-progress-dots { padding: 0 16px 12px; gap: 5px; } .home-section1-dot { width: 16px; } .home-section1-dot.home-section1-active { width: 28px; } .home-section1-slider-footer { padding: 5px 15px; } .home-section1-counter-sep::before, .home-section1-counter-sep::after { width: 28px; } } /* ══════════════════════════════ RESPONSIVE – SMALL MOBILE (≤ 380px) ══════════════════════════════ */ @media (max-width: 380px) { .home-section1-slider-title h1 { font-size: 1.55rem; } .home-section1-slide img { aspect-ratio: 1 / 1; } .home-section1-controls-overlay { padding: 12px 14px; gap: 12px; } } .home-section2 { width: 100%; } .container { width: 100%; max-width: 1400px; margin: 0 auto; } /* ── Search Bar Container ── */ .home-section2-search-bar { display: flex; align-items: center; background: #e8e8e8; width: 100%; max-width: 1400px; height: 120px; position: relative; margin: 0 auto; } /* ── Dropdown Wrap ── */ .home-section2-dropdown-wrap { position: relative; flex: 1; } /* ── Dropdown Trigger ── */ .home-section2-dropdown-trigger { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; padding: 0 32px; height: 64px; cursor: pointer; color: #4f5152; user-select: none; transition: color 0.2s; font-family: "Nunito Sans", sans-serif; width: 100%; box-sizing: border-box; } .home-section2-dropdown-trigger:hover { color: #111; } .home-section2-trigger-content { display: flex; flex-direction: column; gap: 3px; } .home-section2-trigger-title { font-size: 18px; font-weight: 400; white-space: nowrap; line-height: 1; } .home-section2-dropdown-trigger .home-section2-chevron { width: 8px; height: 8px; border-right: 1.8px solid #4a4a4a; border-bottom: 1.8px solid #4a4a4a; transform: rotate(45deg) translateY(-2px); transition: transform 0.25s ease; flex-shrink: 0; } .home-section2-dropdown-wrap.home-section2-open .home-section2-chevron { transform: rotate(225deg) translateY(-2px); } .home-section2-selected-label { font-size: 13px; color: #888; white-space: nowrap; } /* ── Dividers ── */ .home-section2-divider { width: 1px; height: 60px; background: #4f5152; flex-shrink: 0; } /* ── Search Button ── */ .home-section2-search-btn { display: flex; align-items: center; gap: 15px; background: linear-gradient(to right, #4a5c5f, #2e3a3c); transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; color: #fff; border: none; border-radius: 4px; padding: 0 30px; font-size: 24px; font-weight: 500; cursor: pointer; margin-right: 32px; flex-shrink: 0; font-family: "Nunito Sans", sans-serif; width: 168px; height: 46px; } .home-section2-search-btn:hover { background: linear-gradient(to right, #5b7174, #3a4d50); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(46, 58, 60, 0.45); } .home-section2-search-btn:active { background: linear-gradient(to right, #5b7174, #3a4d50); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(46, 58, 60, 0.45); } .home-section2-search-btn .search-icon { width: 20px; height: 20px; background-image: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/search-icon.png'); background-repeat: no-repeat; background-size: contain; display: inline-block; } /* ── Dropdown Panel ── */ .home-section2-dropdown-panel { display: none; position: absolute; top: calc(100% + 8px); left: 0; background: #fff; border-radius: 8px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.13); padding: 12px 0; min-width: 200px; z-index: 100; } .home-section2-dropdown-panel.home-section2-active { display: block; } .home-section2-dropdown-panel .home-section2-option { padding: 10px 20px; font-size: 14px; color: #444; cursor: pointer; transition: background 0.15s, color 0.15s; } .home-section2-dropdown-panel .home-section2-option:hover { background: #f3f4f6; color: #111; } .home-section2-dropdown-panel .home-section2-option.home-section2-selected { font-weight: 600; color: #3a3e47; background: #f0f1f3; } /* ── Multi-select checkboxes (BHK) ── */ .home-section2-dropdown-panel .home-section2-option.home-section2-check { display: flex; align-items: center; gap: 10px; } .home-section2-dropdown-panel .home-section2-option.home-section2-check input[type="checkbox"] { accent-color: #3a3e47; width: 15px; height: 15px; cursor: pointer; } /* ── Price range slider ── */ .home-section2-price-panel { padding: 16px 20px 12px; min-width: 260px; } .home-section2-price-labels { display: flex; justify-content: space-between; font-size: 13px; color: #666; margin-bottom: 10px; } .home-section2-price-labels span { font-weight: 600; color: #3a3e47; } .home-section2-price-slider { -webkit-appearance: none; appearance: none; width: 100%; height: 4px; border-radius: 2px; background: linear-gradient(to right, #3a3e47 0%, #3a3e47 50%, #d1d5db 50%, #d1d5db 100%); outline: none; cursor: pointer; } .home-section2-price-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; border-radius: 50%; background: #3a3e47; cursor: pointer; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); } /* ── Selected value label (overrides above for specificity) ── */ .home-section2-selected-label { font-size: 13px; color: #888; margin-left: 0; } /* ── Overlay to close dropdowns ── */ #home-section2-overlay { display: none; position: fixed; inset: 0; z-index: 90; } /* ── Search Result ── */ .home-section2-search-result { width: 100%; max-width: 1000px; margin: 0 auto; padding: 10px; justify-content: center; display: block; } .home-section2-search-result:not(:empty) { padding: 30px 0; } .hs2-close-btn { display: flex; align-items: center; justify-content: center; margin: 0 0 24px auto; background: none; border: 2px solid #4a5c5f; color: #4a5c5f; border-radius: 50%; width: 38px; height: 38px; padding: 0; cursor: pointer; transition: background 0.2s, color 0.2s; } .hs2-close-btn:hover { background: #4a5c5f; color: #fff; } /* ── Search Result — Project Grid ── */ .home-section2-search-result .proj-section { width: 100%; } .home-section2-search-result .hs2-proj-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; width: 100%; } .home-section2-search-result .proj-card { flex: none; width: 100%; display: block; position: relative; text-decoration: none; transition: transform 0.3s ease; overflow: hidden; border-radius: 4px; } .home-section2-search-result .proj-card:hover { transform: translateY(-5px); } .home-section2-search-result .proj-img-wrap { width: 100%; aspect-ratio: 4 / 3; overflow: hidden; position: relative; } .home-section2-search-result .proj-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; } .home-section2-search-result .proj-card:hover .proj-img-wrap img { transform: scale(1.04); } .home-section2-search-result .proj-info-wrap { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 18px 18px; background: linear-gradient(to top, rgba(0, 0, 0, 0.60) 0%, transparent 100%); } .home-section2-search-result .proj-label { background: transparent; margin: 0; padding: 0; } .home-section2-search-result .proj-logo-row { display: flex; align-items: center; } .home-section2-search-result .proj-logo-row img { max-width: 130px; max-height: 42px; object-fit: contain; } .home-section2-search-result .proj-location { color: #fff; font-size: 14px; font-weight: 500; margin-top: 8px; font-family: "Nunito Sans", sans-serif; line-height: 1.4; } .hs2-loading, .hs2-no-results { font-weight: 300; font-size: 18px; color: #4a4a4a; line-height: 24px; font-family: "Nunito Sans", sans-serif; text-align: center; padding: 30px 0; width: 100%; display: block; } @media (max-width: 1024px) { .home-section2-search-result .hs2-proj-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } } @media (max-width: 600px) { .home-section2-search-result .hs2-proj-grid { grid-template-columns: 1fr; gap: 16px; } } .home-section2-search-result p { font-weight: 300; font-size: 18px; color: #4a4a4a; line-height: 24px; font-family: "Nunito Sans", sans-serif; } /* ════════════════════════════════════════ RESPONSIVE — Tablet (≤1100px) ════════════════════════════════════════ */ @media (max-width: 1100px) { .home-section2-search-bar { flex-wrap: wrap; height: auto; padding: 16px; gap: 8px; } .home-section2-dropdown-wrap { flex: 1 1 calc(50% - 8px); min-width: 0; } .home-section2-divider { display: none; } .home-section2-dropdown-trigger { padding: 0 14px; height: 52px; border: 1px solid #d8d8d8; border-radius: 6px; background: #fff; } .home-section2-trigger-title { font-size: 16px; } .home-section2-search-btn { flex: 1 1 100%; width: 100%; margin: 4px 0 0; height: 48px; font-size: 16px; justify-content: center; border-radius: 6px; } .home-section2-search-result:not(:empty) { padding: 60px 24px; } } /* ════════════════════════════════════════ RESPONSIVE — Mobile (≤768px) ════════════════════════════════════════ */ @media (max-width: 767px) { .home-section2-search-bar { flex-direction: column; height: auto; padding: 16px; gap: 8px; border-radius: 8px; } /* Each dropdown takes full width */ .home-section2-dropdown-wrap { flex: none; width: 100%; } .home-section2-dropdown-trigger { padding: 0 16px; font-size: 16px; height: 52px; width: 100%; justify-content: space-between; border-bottom: 1px solid #d8d8d8; } /* Hide vertical dividers — borders on triggers act as separators */ .home-section2-divider { display: none; } /* Dropdown panels sit in normal flow, full width */ .home-section2-dropdown-panel { position: static; box-shadow: none; border-radius: 0; border-top: 1px solid #eee; width: 100%; min-width: unset; } .home-section2-price-panel { min-width: unset; width: 100%; } /* Search button spans full width */ .home-section2-search-btn { width: 100%; margin: 12px 0 0 0; height: 50px; font-size: 18px; border-radius: 6px; justify-content: center; gap: 10px; } .home-section2-search-result:not(:empty) { padding: 40px 16px; } .home-section2-search-result p { font-size: 16px; text-align: center; } } /* ════════════════════════════════════════ RESPONSIVE — Small mobile (≤480px) ════════════════════════════════════════ */ @media (max-width: 480px) { .home-section2-dropdown-trigger { font-size: 15px; height: 48px; } .home-section2-search-btn { font-size: 16px; height: 46px; } .home-section2-search-result p { font-size: 14px; line-height: 22px; } } .home-section3 { background-color: #fff; } .home-section3-inner-wrapper { background-color: #e9ecea; padding: 68px 119px 57px 119px; width: 100%; } /* ── Desktop: 3-column grid ─────────────────── */ .home-section3-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; } .home-section3-stat.row1-col1 { padding: 0px 36px 38px 28px; } .home-section3-stat.row1-col2 { padding: 0px 36px 38px 28px; } .home-section3-stat.row1-col3 { padding: 0px 36px 38px 28px; } .home-section3-stat.row2-col1 { padding: 40px 20px 2px 28px; } .home-section3-stat.row2-col2 { padding: 40px 20px 2px 28px; } .home-section3-stat.row2-col3 { padding: 40px 20px 2px 28px; } /* Row 1 (items 1–3): bottom border */ .home-section3-stat:nth-child(-n+3) { border-bottom: 1px solid #747675; } /* Column 2 (items 2, 5): left + right border */ .home-section3-stat:nth-child(3n+2) { border-left: 1px solid #747675; border-right: 1px solid #747675; } /* ── Number ─────────────────────────────────── */ .home-section3-number { font-weight: 400; color: #4b4d4d; line-height: 1; margin-bottom: 0px; font-family: "Instrument Serif", serif; font-size: 79px; } .home-section3-number sup { font-size: 60px; vertical-align: super; line-height: 0; } /* ── Count span ─────────────────────────────── */ .home-section3-count { display: inline-block; transition: opacity 0.3s ease; } /* Before animation fires, keep at 0 */ .home-section3-count.home-section3-count--ready { opacity: 1; } /* ── Label ──────────────────────────────────── */ .home-section3-label { font-size: 18px; font-weight: 300; color: #000; line-height: 1.5; font-family: "Nunito Sans", sans-serif; } .home-section3-stat.row1-col2, .home-section3-stat.row1-col3, .home-section3-stat.row2-col3 { padding-left: 120px; padding-right: 0; } .home-section3-stat.row2-col2 { padding-left: 50px; } /* ── Tablet: 2-column ───────────────────────── */ @media (max-width: 1366px) { .home-section3-stat.row1-col2, .home-section3-stat.row1-col3, .home-section3-stat.row2-col3 { padding-left: 80px; } .home-section3-number { font-size: 60px; } .home-section3-number sup { font-size: 40px; } } @media (max-width: 860px) { .home-section3 { padding: 48px 28px; } .home-section3-grid { grid-template-columns: 1fr 1fr; } .home-section3-stat { border: none !important; padding: 24px 24px 32px; } .home-section3-stat:nth-child(odd) { border-right: 1px solid #c0c0c0 !important; } .home-section3-stat:nth-child(-n+4) { padding: 30px 36px 38px 28px; border-bottom: 1px solid #c0c0c0 !important; } .home-section3-stat:nth-child(n+5) { border-bottom: none !important; } .home-section3-label { font-size: 16px; } .home-section3-stat, .home-section3-stat.row1-col2, .home-section3-stat.row1-col3, .home-section3-stat.row2-col3, .home-section3-stat.row2-col2 { padding: 30px 36px 38px 28px; } } @media (max-width: 600px) { .home-section3-stat, .home-section3-stat.row1-col2, .home-section3-stat.row1-col3, .home-section3-stat.row2-col3, .home-section3-stat.row2-col2 { padding: 30px 20px; } .home-section3-number { font-size: 50px; } } /* ── OUTER SECTION ── */ .home-section4 { width: 100%; padding: 149.5px 0; background-color: #fff; } /* ── HEADING ── */ .home-section4-label { font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: #8a7060; margin-bottom: 10px; } .home-section4-title { font-family: "Instrument Serif", serif; font-size: 42px; font-weight: 300; color: #1e3a4a; margin-bottom: 48px; line-height: 1.15; } /* ── CARDS GRID ── */ .home-section4-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } /* ── CARD ── */ .home-section4-card { overflow: hidden; cursor: default; padding-left: 40px; } .home-section4-cat-ongoing { background: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/ongoing-bg.png') no-repeat center center; background-size: cover; } .home-section4-cat-upcoming { background: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/upcoming-bg.png') no-repeat center center; background-size: cover; } .home-section4-cat-completed { background: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/completed-bg.png') no-repeat center center; background-size: cover; } .home-section4-card-inner-wrapper { display: flex; flex-direction: column; padding-bottom: 35px; } .home-section4-card-header { position: relative; padding-left: 45px; padding-right: 20px; padding-top: 35px; padding-bottom: 15px; } .home-section4-cat-ongoing .home-section4-card-header { border-bottom: 1px solid #c2a599; } .home-section4-cat-ongoing .home-section4-card-inner-wrapper { border-left: 1px solid #c2a599; } .home-section4-cat-ongoing .home-section4-card-meta { border-bottom: 1px solid #c2a599; } .home-section4-cat-ongoing .home-section4-meta-count { border-left: 1px solid #c2a599; } .home-section4-cat-upcoming .home-section4-card-header { border-bottom: 1px solid #8ea1ae; } .home-section4-cat-upcoming .home-section4-card-inner-wrapper { border-left: 1px solid #8ea1ae; } .home-section4-cat-upcoming .home-section4-card-meta { border-bottom: 1px solid #8ea1ae; } .home-section4-cat-upcoming .home-section4-meta-count { border-left: 1px solid #8ea1ae; } .home-section4-cat-completed .home-section4-card-header { border-bottom: 1px solid #c4d9dc; } .home-section4-cat-completed .home-section4-card-inner-wrapper { border-left: 1px solid #c4d9dc; } .home-section4-cat-completed .home-section4-card-meta { border-bottom: 1px solid #c4d9dc; } .home-section4-cat-completed .home-section4-meta-count { border-left: 1px solid #c4d9dc; } .home-section4-card-title { font-family: "Instrument Serif", serif; font-size: 44px; line-height: 100%; font-weight: 400; color: #fff; margin-bottom: 22px; } .home-section4-view-btn-wrapper { justify-content: end; } .home-section4-view-btn { display: inline-flex; align-items: center; background: #fff; border: none; border-radius: 50px; padding: 4px 20px; font-size: 16px; font-weight: 400; letter-spacing: 1px; color: #000; cursor: pointer; transition: background 0.2s, color 0.2s, box-shadow 0.2s; font-family: "Nunito Sans", sans-serif; } .home-section4-view-btn:hover { background: #f0ece8; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); } .home-section4-view-btn.active { background: #1e3a4a; color: #fff; } /* ── CARD META ROW ── */ .home-section4-card-meta { display: flex; align-items: stretch; } .home-section4-meta-locations { flex: 1; padding: 12px 40px; min-height: 116px; } .home-section4-meta-city { font-size: 20px; font-weight: 500; text-transform: uppercase; color: #fff; margin-bottom: 3px; font-family: "Nunito Sans", sans-serif; } .home-section4-meta-areas { font-size: 16px; font-weight: 400; color: #fff; font-family: "Nunito Sans", sans-serif; } .home-section4-meta-count { width: 113px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 52px; font-weight: 300; color: #fff; font-family: "Instrument Serif", serif; } /* ── CARD THUMBNAIL ── */ .home-section4-card-thumb { width: 100%; height: 270px; overflow: hidden; } .home-section4-card-thumb img { object-fit: cover; max-width: 100%; height: 270px; width: 100%; } .home-section4-cat-upcoming .home-section4-card-thumb { background: linear-gradient(160deg, #a0b4c0 0%, #5a7888 100%); } .home-section4-cat-completed .home-section4-card-thumb { background: linear-gradient(160deg, #c4c0a4 0%, #888468 100%); } /* Active card highlight */ .home-section4-card.home-section4-is-active { outline: none; outline-offset: 0; } /* ── FULL-WIDTH DETAIL PANEL ── */ .home-section4-detail-panel { display: none; margin-top: 149.5px; background: #fff; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.10); border-top: 2px solid #1e4a5c; padding-top: 16px; position: relative; } .home-section4-detail-panel.home-section4-theme-ongoing { border-top-color: #9e5c45; } .home-section4-detail-inner { display: grid; grid-template-columns: 660px 1fr; min-height: 300px; } .home-section4-theme-ongoing .home-section4-detail-panel-inner { background-color: #9e5c45; } .home-section4-theme-ongoing .home-section4-detail-inner { background-color: #9e5c45; border-top: 1px solid #c2a599; grid-template-columns: 1fr 660px; } .home-section4-theme-ongoing .home-section4-detail-img { grid-column: 2; grid-row: 1; } .home-section4-theme-ongoing .home-section4-detail-content-wrapper { grid-column: 1; grid-row: 1; flex-direction: row-reverse; } .home-section4-theme-upcoming .home-section4-detail-panel-inner { background-color: #1e4a5c; } .home-section4-theme-upcoming .home-section4-detail-inner { background-color: transparent; } .home-section4-theme-upcoming .home-section4-detail-content-wrapper { grid-column: 1; grid-row: 1; flex-direction: row-reverse; border-right: 1px solid #c4d9dc; } .home-section4-theme-upcoming .home-section4-detail-panel-inner.home-section4-slide-bg-1 { background: radial-gradient(ellipse at top left, #17838c 0%, transparent 55%), radial-gradient(ellipse at bottom right, #0c4048 0%, transparent 55%), #0a2e33; } .home-section4-theme-upcoming .home-section4-detail-panel-inner.home-section4-slide-bg-2 { background: radial-gradient(ellipse at top right, #4a6a86 0%, transparent 55%), radial-gradient(ellipse at bottom left, #35526c 0%, transparent 55%), #1b3a4f; } .home-section4-theme-upcoming .home-section4-detail-panel-inner.home-section4-slide-bg-3 { background: radial-gradient(ellipse at top left, #a97b62 0%, transparent 55%), radial-gradient(ellipse at bottom right, #8a5a42 0%, transparent 55%), #6e4632; } .home-section4-theme-upcoming .home-section4-detail-inner.home-section4-slide-bg-1 { background: radial-gradient(ellipse at top left, #17838c 0%, transparent 55%), radial-gradient(ellipse at bottom right, #0c4048 0%, transparent 55%), #0a2e33; } .home-section4-theme-upcoming .home-section4-detail-inner.home-section4-slide-bg-2 { background: radial-gradient(ellipse at top right, #4a6a86 0%, transparent 55%), radial-gradient(ellipse at bottom left, #35526c 0%, transparent 55%), #1b3a4f; } .home-section4-theme-upcoming .home-section4-detail-inner.home-section4-slide-bg-3 { background: radial-gradient(ellipse at top left, #a97b62 0%, transparent 55%), radial-gradient(ellipse at bottom right, #8a5a42 0%, transparent 55%), #6e4632; } .home-section4-theme-completed .home-section4-detail-panel-inner { background-color: #0f6673; } .home-section4-theme-completed .home-section4-detail-panel-inner.home-section4-slide-bg-1 { background: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/Slide1-bg.png') no-repeat center center; background-size: cover; } .home-section4-theme-completed .home-section4-detail-panel-inner.home-section4-slide-bg-2 { background: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/Slide2-bg.png') no-repeat center center; background-size: cover; } .home-section4-theme-completed .home-section4-detail-panel-inner.home-section4-slide-bg-3 { background: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/Slide3-bg.png') no-repeat center center; background-size: cover; } .home-section4-theme-upcoming .home-section4-detail-inner, .home-section4-theme-completed .home-section4-detail-inner { background-color: #0f6673; grid-template-columns: 1fr 660px; } .home-section4-theme-completed .home-section4-detail-img { grid-column: 2; grid-row: 1; } .home-section4-theme-completed .home-section4-detail-content-wrapper { grid-column: 1; grid-row: 1; flex-direction: row-reverse; border-right: 1px solid #c4d9dc; } .home-section4-theme-completed .home-section4-detail-inner.home-section4-slide-bg-1 { background: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/Slide1-bg.png') no-repeat center center; background-size: cover; } .home-section4-theme-completed .home-section4-detail-inner.home-section4-slide-bg-2 { background: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/Slide2-bg.png') no-repeat center center; background-size: cover; } .home-section4-theme-completed .home-section4-detail-inner.home-section4-slide-bg-3 { background: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/Slide3-bg.png') no-repeat center center; background-size: cover; } .home-section4-detail-img { width: 100%; height: 100%; min-height: 300px; background: linear-gradient(160deg, #b8c4c8 0%, #6a8898 100%); } .home-section4-detail-img.home-section4-theme-ongoing { background: #9e5c45; padding-top: 30px; border-right: 1px solid #c2a599; position: relative; } .home-section4-detail-img { display: flex; flex-direction: column; } .home-section4-detail-img.home-section4-theme-ongoing::before { content: ""; position: absolute; top: 30px; left: 0; width: 100%; height: 1px; background-color: #c2a599; } .home-section4-detail-img.home-section4-theme-upcoming { background: transparent; padding-top: 30px; border-right: 1px solid #8ea1ae; position: relative; } .home-section4-detail-img.home-section4-theme-upcoming::before { content: ""; position: absolute; top: 30px; left: 0; width: 100%; height: 1px; background-color: #8ea1ae; } .home-section4-detail-img.home-section4-theme-upcoming.home-section4-slide-bg-2 { background: radial-gradient(ellipse at top right, #4a6a86 0%, transparent 55%), radial-gradient(ellipse at bottom left, #35526c 0%, transparent 55%), #1b3a4f; } .home-section4-detail-img.home-section4-theme-upcoming.home-section4-slide-bg-3 { background: radial-gradient(ellipse at top left, #a97b62 0%, transparent 55%), radial-gradient(ellipse at bottom right, #8a5a42 0%, transparent 55%), #6e4632; } .home-section4-detail-img.home-section4-theme-completed { background: transparent; padding-top: 30px; border-right: 1px solid #c4d9dc; position: relative; } .home-section4-detail-img.home-section4-theme-upcoming .hs4-detail-img-inner, .home-section4-detail-img.home-section4-theme-completed .hs4-detail-img-inner { min-height: 333px !important; } .home-section4-detail-img.home-section4-theme-completed.home-section4-slide-bg-2 { background: radial-gradient(ellipse at top right, #4a6a86 0%, transparent 55%), radial-gradient(ellipse at bottom left, #35526c 0%, transparent 55%), #1b3a4f; } .home-section4-detail-img.home-section4-theme-completed.home-section4-slide-bg-3 { background: radial-gradient(ellipse at top left, #a97b62 0%, transparent 55%), radial-gradient(ellipse at bottom right, #8a5a42 0%, transparent 55%), #6e4632; } .home-section4-detail-img.home-section4-theme-completed::before { content: ""; position: absolute; top: 30px; left: 0; width: 100%; height: 1px; background-color: #c4d9dc; } .home-section4-detail-content-wrapper { display: flex; padding-top: 30px; } .home-section4-detail-content { display: flex; flex-direction: column; justify-content: space-between; position: relative; width: 56%; } .home-section4-theme-ongoing .home-section4-detail-content { border-right: none; border-left: 1px solid #c2a599; } .home-section4-theme-upcoming .home-section4-detail-content { border-right: none; width: 100%; } .home-section4-theme-completed .home-section4-detail-content { border-right: none; /* border-left: 1px solid #c4d9dc; */ border-left: none; width: 100%; } .home-section4-detail-content-inner { display: flex; flex-direction: column; padding: 40px 30px; height: 100%; } .home-section4-theme-ongoing .home-section4-detail-content-inner { border-top: 1px solid #c2a599; padding-right: 50px; } .home-section4-theme-upcoming .home-section4-detail-content-inner { border-top: 1px solid #8ea1ae; padding: 40px 100px; } .home-section4-theme-completed .home-section4-detail-content-inner { border-top: 1px solid #c4d9dc; padding: 40px 100px; } .home-section4-theme-ongoing .home-section4-detail-links { border-top: 1px solid #c2a599; } .home-section4-theme-upcoming .home-section4-detail-links { border-top: 1px solid #8ea1ae; display: none; } .home-section4-theme-completed .home-section4-detail-links { border-top: 1px solid #c4d9dc; border-bottom: 1px solid #c4d9dc; display: none; } .home-section4-detail-project-name { font-size: 33px; font-weight: 400; color: #fff; margin-bottom: 14px; font-family: "Instrument Serif", serif; } .home-section4-detail-desc, .home-section4-detail-desc p, .home-section4-detail-desc li { font-size: 15px; color: #fff; line-height: 24px; flex: 1; margin-bottom: 5px; padding-bottom: 5px; font-family: "Nunito Sans", sans-serif; font-weight: 300; } .home-section4-detail-desc ul, .home-section4-detail-desc ol { list-style: none; margin: 0 0 30px 0; padding: 0; max-width: 265px; } .home-section4-detail-desc li { border-bottom: 1px solid rgba(255, 255, 255, 0.25); } .home-section4-detail-desc li:last-child { border-bottom: none; } .home-section4-detail-cta { width: 38px; height: 40px; background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s, border-color 0.2s; flex-shrink: 0; } .home-section4-theme-ongoing .home-section4-detail-cta { border: 1px solid #c2a599; } .home-section4-theme-upcoming .home-section4-detail-cta { border: 1px solid #8ea1ae; } .home-section4-theme-completed .home-section4-detail-cta { border: 1px solid #c4d9dc; } .home-section4-theme-ongoing .home-section4-detail-cta:hover { background: #c2a599; border-color: #c2a599; } .home-section4-theme-upcoming .home-section4-detail-cta:hover { background: #8ea1ae; border-color: #8ea1ae; } .home-section4-theme-completed .home-section4-detail-cta:hover { background: #c4d9dc; border-color: #c4d9dc; } .home-section4-detail-cta:hover svg path { stroke: #30302f; } .home-section4-detail-links { padding: 40px; display: flex; flex-direction: column; justify-content: center; gap: 50px; width: 44%; } .home-section4-action-link-btn { display: flex; align-items: center; justify-content: space-between; border: 1px solid #ddd; border-radius: 15px; padding: 10px 18px; font-size: 16px; letter-spacing: 0.8px; color: #fff; background: transparent; cursor: pointer; text-decoration: none; transition: background 0.2s, border-color 0.2s; font-family: "Nunito Sans", sans-serif; font-weight: 500; } .home-section4-theme-ongoing .home-section4-action-link-btn { border: 1px solid #c2a599; } .home-section4-theme-upcoming .home-section4-action-link-btn { border: 1px solid #8ea1ae; } .home-section4-theme-completed .home-section4-action-link-btn { border: 1px solid #c4d9dc; } .home-section4-theme-ongoing .home-section4-action-link-btn:hover { background: #c2a599; border: 1px solid #c2a599; color: #30302f; } .home-section4-theme-upcoming .home-section4-action-link-btn:hover { background: #8ea1ae; border: 1px solid #8ea1ae; color: #30302f; } .home-section4-theme-completed .home-section4-action-link-btn:hover { background: #c4d9dc; border: 1px solid #c4d9dc; color: #30302f; } .home-section4-action-link-btn:hover svg path { stroke: #30302f; } .home-section4-arrow-icon { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .home-section4-detail-footer { display: flex; justify-content: flex-end; padding: 0; position: absolute; right: -120px; bottom: 0; } .home-section4-collapse-btn { width: 34px; height: 34px; border: 1px solid #ccc; background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s; } .home-section4-collapse-btn:hover { background: #f0ece8; border-color: #aaa; } /* ── SLIDER NAV ── */ .home-section4-slider-nav { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 14px 0 10px; border-top: 1px solid rgba(255, 255, 255, 0.15); margin-top: 0px; } .home-section4-theme-completed .home-section4-slider-nav { border-top: 1px solid #c4d9dc; } .home-section4-slider-btn { width: 34px; height: 34px; border: 1px solid rgba(255, 255, 255, 0.4); background: transparent; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s, border-color 0.2s; flex-shrink: 0; } .home-section4-slider-btn:hover { background: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.7); } .home-section4-slider-counter { font-size: 13px; color: rgba(255, 255, 255, 0.8); min-width: 40px; text-align: center; letter-spacing: 0.04em; } .home-section4-theme-ongoing .home-section4-slider-btn { border-color: rgba(255, 255, 255, 0.4); color: #fff; } .home-section4-theme-upcoming .home-section4-slider-btn, .home-section4-theme-completed .home-section4-slider-btn { border-color: rgba(255, 255, 255, 0.4); color: #fff; } /* ── RESPONSIVE ── */ @media (max-width: 960px) { .home-section4-grid { grid-template-columns: 1fr 1fr; } .home-section4-detail-inner { grid-template-columns: 1fr 1fr; } /* Reset ongoing/completed reversed layout so stacked layout works */ .home-section4-theme-ongoing .home-section4-detail-inner, .home-section4-theme-upcoming .home-section4-detail-inner, .home-section4-theme-completed .home-section4-detail-inner { grid-template-columns: 1fr 1fr; } .home-section4-theme-ongoing .home-section4-detail-img, .home-section4-theme-upcoming .home-section4-detail-img, .home-section4-theme-completed .home-section4-detail-img { grid-column: 1 / -1; grid-row: auto; } .home-section4-theme-ongoing .home-section4-detail-content-wrapper, .home-section4-theme-upcoming .home-section4-detail-content-wrapper, .home-section4-theme-completed .home-section4-detail-content-wrapper { grid-column: 1 / -1; flex-direction: row; } .home-section4-theme-ongoing .home-section4-detail-content { border-left: none; border-right: 1px solid #c2a599; } .home-section4-theme-upcoming .home-section4-detail-content { border-left: none; border-right: 1px solid #c2a599; } .home-section4-theme-completed .home-section4-detail-content { border-left: none; border-right: 1px solid #c4d9dc; border-bottom: 1px solid #c4d9dc; } .home-section4-detail-img.home-section4-theme-upcoming .hs4-detail-img-inner, .home-section4-detail-img.home-section4-theme-completed .hs4-detail-img-inner { min-height: 290px !important; } .home-section4-detail-img { grid-column: 1 / -1; min-height: 220px; height: 320px; } .home-section4-detail-content { border-right: none; border-bottom: 1px solid #c2a599; } .home-section4-detail-content-wrapper { grid-column: 1 / -1; width: 100%; flex-wrap: wrap; } .home-section4-detail-footer { right: 0; bottom: -40px; } .home-section4-theme-ongoing .home-section4-detail-links { border-top: 1px solid #c2a599; border-bottom: 1px solid #c2a599; } .home-section4-detail-panel { overflow: hidden; } } @media (max-width: 640px) { .home-section4 { padding: 36px 0 52px; } .home-section4 .container { padding: 0px; } .home-section4-title { font-size: 30px; margin-bottom: 28px; } .home-section4-grid { grid-template-columns: 1fr; gap: 16px; } .home-section4-card-title { font-size: 24px; } .home-section4-meta-count { font-size: 36px; width: 52px; } .home-section4-view-btn { right: 16px; top: 20px; } .home-section4-detail-inner { grid-template-columns: 1fr; } .home-section4-detail-img { height: 200px; } .home-section4-detail-content { border-right: none; border-bottom: 1px solid #f0ece8; } .home-section4-detail-links { padding: 24px 20px; } .home-section4-detail-project-name { font-size: 26px; } .home-section4-card-title { margin-bottom: 0; } .home-section4-theme-upcoming .home-section4-detail-content-inner, .home-section4-theme-completed .home-section4-detail-content-inner { padding: 30px 25px; } .home-section4-detail-img.home-section4-theme-upcoming, .home-section4-detail-img.home-section4-theme-completed { height: 325px; } } .home-section5 .container { max-width: 1540px; padding: 149.5px 0; border-top: 1px solid #3f3f3f; } /* ── WRAPPER ── */ .home-section5-slider-wrapper { width: 100%; max-width: 1540px; position: relative; display: flex; align-items: flex-end; height: 625px; } /* ── DESKTOP LOCK — prevents mobile rules bleeding above 767px ── */ @media (min-width: 768px) { .home-section5-slider-wrapper { height: 625px; flex-direction: row; align-items: flex-end; } .home-section5-slide-left { width: 44%; height: 72%; align-self: flex-end; } .home-section5-slide-right { position: absolute; width: 56%; height: 100%; top: 0; right: 0; } .home-section5-glyph { display: block; } .home-section5-slide-desc { display: block; } } /* ── LEFT PANEL ── */ .home-section5-slide-left { width: 44%; height: 72%; background: #9ca9b2; display: flex; flex-direction: column; justify-content: space-between; padding: 80px 65px 40px 45px; position: relative; z-index: 2; flex-shrink: 0; align-self: flex-end; } .home-section5-slide-left .home-section5-heading { font-size: 70px; font-weight: 400; color: #fff; line-height: 1.12; font-family: "Instrument Serif", serif; } .home-section5-slide-left .home-section5-item-label { display: flex; align-items: baseline; gap: 10px; } .home-section5-slide-left .home-section5-item-num { font-size: 70px; font-weight: 300; color: #fff; line-height: 1; font-family: "Instrument Serif", serif; } .home-section5-slide-left .home-section5-item-title { font-size: 37px; font-weight: 500; color: #323b3f; font-family: "Instrument Serif", serif; } /* ── NAV ── */ .home-section5-nav-bar { display: flex; align-items: center; gap: 10px; justify-content: end; } .home-section5-nav-btn { background: none; border: none; cursor: pointer; padding: 2px 4px; color: #3a3c3c; display: flex; align-items: center; transition: color 0.2s; line-height: 1; } .home-section5-nav-btn:hover { color: #3a3c3c; } .home-section5-nav-btn svg { width: 30px; height: 30px; } .home-section5-nav-counter { font-size: 18px; color: #3a3c3c; font-family: "Nunito Sans", sans-serif; } /* ── FADE TRANSITIONS ── */ #hs5-num, #hs5-title { display: inline; } #hs5-image { transition: opacity 0.35s ease; } /* ── RIGHT PANEL ── */ .home-section5-slide-right { width: 56%; height: 100%; position: absolute; right: 0; top: 0; overflow: hidden; } .home-section5-slide-right img { width: 100%; height: 100%; object-fit: cover; } /* Background per slide */ .home-section5-slide[data-slide="1"] .home-section5-slide-right { background: #2b4c50; } .home-section5-slide[data-slide="2"] .home-section5-slide-right { background: #1e3b36; } .home-section5-slide[data-slide="3"] .home-section5-slide-right { background: #111; } .home-section5-slide[data-slide="4"] .home-section5-slide-right { background: #2b5050; } .home-section5-slide[data-slide="5"] .home-section5-slide-right { background: #f5c83a; } .home-section5-slide[data-slide="6"] .home-section5-slide-right { background: #5a2e24; } .home-section5-slide[data-slide="7"] .home-section5-slide-right { background: #2b4c50; } .home-section5-slide[data-slide="8"] .home-section5-slide-right { background: #111; } .home-section5-slide[data-slide="9"] .home-section5-slide-right { background: #f5c83a; } .home-section5-slide[data-slide="10"] .home-section5-slide-right { background: #5a2e24; } /* ── DECORATIVE GLYPH ── */ .home-section5-glyph { position: absolute; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: flex-end; z-index: 2; pointer-events: none; } .home-section5-glyph svg { height: 100%; width: auto; } /* ── DESCRIPTION TEXT ── */ .home-section5-slide-desc { position: absolute; z-index: 3; top: 50%; transform: translateY(-50%); left: 36px; right: 200px; font-family: "Nunito Sans", sans-serif; font-size: 15.5px; line-height: 1.65; color: #fff; } /* Dark text on yellow slides */ .home-section5-slide[data-slide="5"] .home-section5-slide-desc, .home-section5-slide[data-slide="9"] .home-section5-slide-desc { color: #1a1a1a; } .home-section5-slide-desc strong { font-weight: 600; } /* Per-slide desc positioning */ .home-section5-slide[data-slide="1"] .home-section5-slide-desc { left: 30px; right: 180px; top: 52%; } .home-section5-slide[data-slide="2"] .home-section5-slide-desc { left: 26px; right: 200px; top: 52%; } .home-section5-slide[data-slide="3"] .home-section5-slide-desc { left: 26px; right: 140px; top: 54%; } .home-section5-slide[data-slide="4"] .home-section5-slide-desc { left: 30px; right: 150px; top: 52%; } .home-section5-slide[data-slide="5"] .home-section5-slide-desc { left: auto; right: 80px; top: 58%; text-align: center; width: 210px; } .home-section5-slide[data-slide="6"] .home-section5-slide-desc { left: auto; right: 80px; top: 58%; text-align: center; width: 230px; } .home-section5-slide[data-slide="7"] .home-section5-slide-desc { left: 26px; right: 120px; top: 54%; } .home-section5-slide[data-slide="8"] .home-section5-slide-desc { left: 26px; right: 110px; top: 54%; } .home-section5-slide[data-slide="9"] .home-section5-slide-desc { left: auto; right: 100px; top: 58%; text-align: center; width: 220px; } .home-section5-slide[data-slide="10"] .home-section5-slide-desc { left: 90px; right: 30px; top: 54%; } /* ── TRANSITION STATES ── */ .home-section5-slide-right .home-section5-glyph, .home-section5-slide-right .home-section5-slide-desc { transition: opacity 0.4s 0.35s, transform 0.5s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .home-section5-slides-track.animating .home-section5-slide-right .home-section5-glyph, .home-section5-slides-track.animating .home-section5-slide-right .home-section5-slide-desc { opacity: 0; transform: translateY(-44%) translateX(12px); } .home-section5-slides-track.animating .home-section5-slide[data-slide="5"] .home-section5-slide-desc, .home-section5-slides-track.animating .home-section5-slide[data-slide="6"] .home-section5-slide-desc, .home-section5-slides-track.animating .home-section5-slide[data-slide="9"] .home-section5-slide-desc { opacity: 0; transform: translateY(-50%) translateX(12px); } /* ── Section shell ── */ .home-section6 { padding-top: 150px; display: flex; align-items: center; justify-content: center; background-color: #efeeee; } .home-section6 .container { width: 100%; max-width: 1400px; } /* ── Inner flex row ── */ .home-section6-testimonials-section { display: flex; gap: 100px; width: 100%; align-items: flex-start; } /* ── Static "header" card ── */ .home-section6-static-card { background: radial-gradient(ellipse at center, #5f6a6e 0%, #4b5556 100%); border-radius: 0; padding: 50px 60px; width: 267px; min-width: 267px; height: 347px; display: flex; flex-direction: column; justify-content: space-between; flex-shrink: 0; } .home-section6-quote-mark { background-image: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/quote-icon.png'); background-repeat: no-repeat; width: 54px; height: 44px; margin-bottom: 33px; user-select: none; } .home-section6-static-card h2 { font-weight: 400; font-size: 36px; color: #efeeee; font-family: "Instrument Serif", serif; line-height: 36px; } .home-section6-nav-arrows { display: flex; align-items: center; gap: 22px; } .home-section6-nav-btn { background: none; border: none; color: rgba(255, 255, 255, 0.9); cursor: pointer; padding: 0; line-height: 1; transition: color 0.2s, transform 0.15s; outline: none; width: 38px; height: 16px; } .home-section6-nav-btn.prev { background-image: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/left-arrow2.png'); background-repeat: no-repeat; } .home-section6-nav-btn.next { background-image: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/right-arrow2.png'); background-repeat: no-repeat; } .home-section6-nav-btn:hover { color: #ffffff; transform: scale(1.15); } .home-section6-nav-btn:disabled { opacity: 0.3; cursor: default; transform: none; } .home-section6-nav-btn svg { display: block; width: 28px; height: 18px; } /* ── Slider viewport ── */ .home-section6-slider-viewport { flex: 1; overflow: hidden; min-width: 0; } .home-section6-slider-track { display: flex; gap: 100px; transition: transform 0.48s cubic-bezier(0.42, 0, 0.28, 1); will-change: transform; } /* ── Testimonial card ── */ .home-section6-testimonial-card { background: linear-gradient(to bottom, #707b80 0%, #667176 50%, #5e696e 100%); border-radius: 0 0 100px 100px; padding: 30px 27px; padding-bottom: 150px; flex-shrink: 0; position: relative; height: 347px; } .home-section6-testimonial-text { color: #efeeee; font-size: 16px; line-height: 22px; font-weight: 400; font-family: "Nunito Sans", sans-serif; } /* ── Author block ── */ .home-section6-author-block { display: flex; gap: 10px; position: absolute; bottom: -2px; right: 0; z-index: 3; white-space: nowrap; background-image: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/testimonial-author-bg.png'); background-repeat: no-repeat; height: 99px; flex-direction: column; width: 191px; justify-content: flex-end; align-items: center; align-content: center; padding-left: 15px; } .home-section6-author-avatar { width: 66px; height: 66px; border-radius: 50%; overflow: hidden; flex-shrink: 0; border: 2px solid #fff; } .home-section6-author-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; } .home-section6-author-meta { text-align: left; width: 100%; padding-left: 50px; } .home-section6-author-name { color: #000; font-size: 10px; font-weight: 700; text-transform: uppercase; font-family: "Nunito Sans", sans-serif; } .home-section6-author-role { font-family: "Nunito Sans", sans-serif; color: #4a4a4a; font-size: 12px; font-weight: 300; line-height: 18px; } /* ── Mobile header (replaces static card on small screens) ── */ .home-section6-mobile-header { display: none; background: #535e61; border-radius: 14px; padding: 26px 24px 22px; align-items: center; justify-content: space-between; gap: 14px; width: 100%; } .home-section6-mobile-header h2 { font-family: "Instrument Serif", serif; font-weight: 400; font-size: 20px; color: #ffffff; line-height: 1.3; } .home-section6-mobile-header .home-section6-nav-arrows { flex-shrink: 0; } @media (max-width: 1520px) { .home-section6-testimonials-section { gap: 50px; } .home-section6-slider-track { gap: 50px; } } @media (max-width: 1200px) { .home-section6-testimonials-section { gap: 30px; } .home-section6-slider-track { gap: 30px; } } /* ── Responsive breakpoints ── */ @media (max-width: 500px) { .home-section6-testimonials-section { flex-direction: column; gap: 20px; overflow-x: hidden; } .home-section6-static-card { width: 100%; min-width: unset; height: auto; padding: 30px 28px; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; } .home-section6-static-card>div:first-child { flex: 1; } .home-section6-quote-mark { margin-bottom: 16px; } .home-section6-static-card h2 { font-size: 22px; line-height: 26px; } .home-section6-mobile-header { display: none !important; } .home-section6-slider-viewport { width: 100%; max-width: 100%; overflow: hidden; } .home-section6-testimonial-card { max-width: 100%; } } .home-section7 { background-color: #efeeee; padding-top: 125px; padding-bottom: 100px; } .home-section7-wrapper { width: 100%; max-width: 1400px; } .home-section7-header { text-align: center; margin-bottom: 48px; } .home-section7-header h2 { font-family: "Instrument Serif", serif; font-size: clamp(28px, 4vw, 46px); font-weight: 600; color: #1a1a1a; letter-spacing: -0.5px; margin-bottom: 12px; } .home-section7-header p { font-size: 16px; color: #888; font-weight: 300; } /* ── Slider ── */ .home-section7-slider-outer { position: relative; overflow: hidden; cursor: grab; user-select: none; -webkit-user-select: none; } .home-section7-slider-outer.home-section7-dragging { cursor: grabbing; } .home-section7-slider-track { display: flex; transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); will-change: transform; } .home-section7-slider-track.home-section7-no-transition { transition: none; } .home-section7-slide { min-width: 100%; display: flex; gap: 20px; align-items: stretch; } /* ── Featured area ── */ .home-section7-featured-video { flex: 0 0 50%; position: relative; border-radius: 0px; overflow: hidden; background: #111; cursor: pointer; aspect-ratio: 16/9; } .home-section7-featured-video>img { width: 100%; height: 100%; object-fit: cover; display: block; transition: filter 0.3s; pointer-events: none; } .home-section7-slider-outer.home-section7-dragging .home-section7-featured-video>img { pointer-events: none; } .home-section7-featured-video:hover>img { filter: brightness(0.82); } .home-section7-featured-video iframe, .home-section7-featured-video video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border: none; } /* ── Thumbnails ── */ .home-section7-thumb-grid { flex: 1; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 20px; } .home-section7-thumb-item { position: relative; border-radius: 0px; overflow: hidden; background: #111; cursor: pointer; aspect-ratio: 16/9; transition: transform 0.25s, box-shadow 0.25s; } .home-section7-thumb-item:hover { transform: scale(1.025); box-shadow: 0 12px 36px rgba(0, 0, 0, 0.18); } .home-section7-thumb-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: filter 0.3s; pointer-events: none; } .home-section7-thumb-item:hover img { filter: brightness(0.72); } .home-section7-thumb-item.home-section7-active { outline: 3px solid #2b2b2b; outline-offset: -3px; } /* ── Play button ── */ .home-section7-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 52px; height: 52px; background: rgba(255, 255, 255, 0.92); border-radius: 50%; display: flex; align-items: center; justify-content: center; pointer-events: none; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.22); transition: transform 0.2s, background 0.2s; } .home-section7-thumb-item:hover .home-section7-play-btn { transform: translate(-50%, -50%) scale(1.12); background: #fff; } .home-section7-featured-video .home-section7-play-btn { width: 52px; height: 52px; } .home-section7-featured-video:hover .home-section7-play-btn { transform: translate(-50%, -50%) scale(1.08); } .home-section7-play-btn svg { margin-left: 4px; } /* ── Type badge ── */ .home-section7-type-badge { position: absolute; bottom: 8px; right: 8px; font-size: 10px; font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; padding: 3px 7px; border-radius: 4px; pointer-events: none; color: #fff; } .home-section7-type-badge.home-section7-vimeo { background: rgba(26, 183, 234, 0.82); } .home-section7-type-badge.home-section7-self { background: rgba(255, 102, 0, 0.82); } .home-section7-type-badge.home-section7-youtube { background: rgba(255, 0, 0, 0.82); } /* ── Playing state ── */ .home-section7-featured-video.home-section7-playing>img, .home-section7-featured-video.home-section7-playing .home-section7-play-btn, .home-section7-featured-video.home-section7-playing .home-section7-type-badge { display: none; } /* ── Footer ── */ .home-section7-slider-footer { display: flex; align-items: center; justify-content: flex-end; gap: 50px; margin-top: 18px; } .home-section7-cta-btn { font-size: 15px; font-weight: 400; color: #fff; background: linear-gradient(to right, #4a5c5f, #2e3a3c); transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; border: none; border-radius: 0; padding: 11px 22px; cursor: pointer; text-decoration: none; display: inline-block; font-family: "Nunito Sans", sans-serif; } .home-section7-cta-btn:hover { background: linear-gradient(to right, #5b7174, #3a4d50); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(46, 58, 60, 0.45); } .home-section7-dot-indicators { display: flex; gap: 7px; align-items: center; display: none; } .home-section7-dot { width: 7px; height: 7px; border-radius: 50%; background: #c5c5c5; cursor: pointer; transition: background 0.2s, transform 0.2s; } .home-section7-dot.home-section7-active { background: #2b2b2b; transform: scale(1.3); } .home-section7-nav-arrows { display: flex; gap: 45px; align-items: center; } .home-section7-arrow-btn { width: 42px; height: 42px; border: none; background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #3a3a3a; } .home-section7-arrow-btn.left { background-image: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/left-arrow3.png'); background-repeat: no-repeat; background-position: center; } .home-section7-arrow-btn.right { background-image: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/Right-arrow3.png'); background-repeat: no-repeat; background-position: center; } .home-section7-arrow-btn:hover { color: #fff; } .home-section7-arrow-btn:disabled { opacity: 0.35; cursor: not-allowed; transform: none; } .home-section7-arrow-btn svg { width: 16px; height: 16px; } /* ── Responsive ── */ @media (max-width: 900px) { .home-section7-slide { flex-direction: column; } .home-section7-featured-video { flex: none; width: 100%; } } @media (max-width: 540px) { .home-section7-featured-video .home-section7-play-btn { width: 52px; height: 52px; } .home-section7-thumb-item .home-section7-play-btn { width: 36px; height: 36px; } .home-section7-cta-btn { font-size: 12px; padding: 9px 16px; } } .home-section8 { padding-top: 149px; padding-bottom: 50px; } /* ─── PAGE WRAPPER ─── */ .home-section8-faq-page { max-width: 1400px; margin: 0 auto; } /* ─── SECTION TITLE ─── */ .home-section8-faq-header { display: flex; align-items: center; gap: 28px; margin-bottom: 72px; } .home-section8-faq-header::before, .home-section8-faq-header::after { content: ''; flex: 1; height: 1px; background: #a1a1a2; } .home-section8-faq-header h2 { font-family: "Instrument Serif", serif; font-size: 39px; font-weight: 400; color: #3d3f40; white-space: nowrap; } /* ─── CATEGORY BLOCK ─── */ .home-section8-faq-category { display: grid; grid-template-columns: 230px 1fr; gap: 0 64px; /* margin-bottom: 64px; */ } /* ─── CATEGORY LABEL ─── */ .home-section8-category-label { padding-top: 0px; } .home-section8-category-label::before { content: ''; display: block; width: 100%; height: 2px; background: #000; margin-bottom: 20px; } .home-section8-category-label h3 { font-size: 35px; font-weight: 300; text-transform: uppercase; color: #646666; font-family: "Instrument Serif", serif; line-height: 1; } /* ─── ACCORDION CONTAINER ─── */ .home-section8-accordion-list { border-top: 1px solid #3e3e3d; } /* ─── ACCORDION ITEM ─── */ .home-section8-accordion-item { border-bottom: 1px solid #3e3e3d; overflow: hidden; } .home-section8-accordion-list>.home-section8-accordion-item:last-child { border-bottom: none; } /* ─── QUESTION / TRIGGER ─── */ .home-section8-accordion-trigger { width: 100%; background: none; border: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 0; text-align: left; transition: opacity 0.2s ease; } .home-section8-accordion-trigger:hover { opacity: 0.7; } .home-section8-accordion-trigger:focus-visible { outline: 2px solid #888078; outline-offset: 2px; border-radius: 2px; } .home-section8-accordion-question { font-size: 30px; font-weight: 500; color: #000; font-family: "Instrument Serif", serif; } /* ─── ICON ─── */ .home-section8-accordion-icon { flex-shrink: 0; width: 22px; height: 22px; position: relative; display: flex; align-items: center; justify-content: center; } .home-section8-accordion-icon span { position: absolute; background: #3f3f3f; border-radius: 2px; transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.28s ease; } .home-section8-accordion-icon .home-section8-h-bar { width: 14px; height: 1.5px; } .home-section8-accordion-icon .home-section8-v-bar { width: 1.5px; height: 14px; } .home-section8-accordion-item.open .home-section8-accordion-icon .home-section8-v-bar { transform: scaleY(0); opacity: 0; } /* ─── ANSWER / PANEL ─── */ .home-section8-accordion-panel { display: none; overflow: hidden; } .home-section8-accordion-answer { font-size: 15px; font-weight: 300; color: #333; line-height: 36px; padding: 0 0 26px; max-width: 650px; font-family: "Nunito Sans", sans-serif; } /* ─── RESPONSIVE: TABLET ─── */ @media (max-width: 767px) { .home-section8-faq-category { grid-template-columns: 1fr; gap: 0; /* margin-bottom: 48px; */ } .home-section8-category-label { margin-bottom: 28px; padding-top: 0; } .home-section8-category-label::before { margin-bottom: 14px; } } /* ─── RESPONSIVE: MOBILE ─── */ @media (max-width: 540px) { .home-section8-faq-page { padding: 0px; } .home-section8-faq-header { gap: 16px; margin-bottom: 48px; } .home-section8-accordion-trigger { padding: 18px 0; } .home-section8-accordion-answer { padding-bottom: 20px; padding-right: 15px; } } .home-section9 .container { max-width: 1354.5px; } /* ── Section ── */ .home-section9-section { margin: 0 auto; opacity: 0; transition: opacity 0.7s ease, transform 0.7s ease; padding-bottom: 149.5px; border-bottom: 1px solid #a1a1a2; } .home-section9-section.visible { opacity: 1; transform: translateY(0); } /* ── Heading ── */ .home-section9-heading-wrap { display: flex; align-items: center; gap: 30px; margin-bottom: 75px; } .home-section9-heading-wrap::before, .home-section9-heading-wrap::after { content: ''; flex: 1; height: 1px; background: #3f3f3f; } .home-section9-heading-wrap h2 { font-family: "Instrument Serif", serif; font-weight: 400; font-size: 40px; color: #3d3f40; white-space: nowrap; } /* ── Outer rounded container ── */ .home-section9-container { background: #fff; border-radius: 25px; padding: 23px; display: flex; flex-direction: column; gap: 23px; box-shadow: 4px 6px 24px rgba(0, 0, 0, 0.12), 2px 3px 8px rgba(0, 0, 0, 0.08); } /* ── Rows ── */ .home-section9-row { display: flex; gap: 23px; align-items: stretch; justify-content: space-between; } /* ── TOP ROW column widths ── */ .home-section9-top .home-section9-card-hero { flex: 0 0 41%; background-image: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/home-section9-card-hero-bg.png'); background-repeat: no-repeat; background-position: right -2px bottom -10px; } .home-section9-top .home-section9-card-upcoming { flex: 1; } .home-section9-top .home-section9-card-selling { flex: 1; } /* ── BOTTOM ROW column widths ── */ .home-section9-bottom .home-section9-card-delivery { flex: 0 0 25%; } .home-section9-bottom .home-section9-card-illustration { flex: 0 0 14%; } .home-section9-bottom .home-section9-card-photo { flex: 1; } .home-section9-bottom .home-section9-card-emerging { flex: 1; } .home-section9-card.row1col2, .home-section9-card.row1col3, .home-section9-card.row2col3, .home-section9-card.row2col4 { width: 359px; flex: unset; } /* ── Base card ── */ .home-section9-card { border-radius: 14px; padding: 30px 28px; overflow: hidden; opacity: 0; transform: translateY(18px); transition: opacity 0.5s ease, transform 0.5s ease, box-shadow 0.3s ease; } .home-section9-card.home-section9-card-in { opacity: 1; transform: translateY(0); } .home-section9-card:hover { box-shadow: 0 16px 40px rgba(0, 0, 0, 0.13); transform: translateY(-3px) !important; transition: box-shadow 0.3s ease, transform 0.3s ease !important; } /* ── Hero ── */ .home-section9-card-hero { background: #6c7a81; min-height: 320px; display: flex; flex-direction: column; justify-content: space-between; padding: 36px 34px 28px; } .home-section9-card-hero h3 { font-weight: 500; font-size: 31px; color: #c5d3d2; margin-bottom: 25px; font-family: "Nunito Sans", sans-serif; } .home-section9-card-hero p { font-family: "Nunito Sans", sans-serif; font-size: 23px; font-weight: 400; color: #f3f3f3; line-height: 32px; max-width: 415px; } .home-section9-hero-divider { width: 110px; height: 3px; background: #b0b6ba; margin-top: 30px; } .home-section9-hero-skyline { margin-top: auto; padding-top: 22px; opacity: 0.14; display: flex; align-items: flex-end; justify-content: flex-end; } /* ── Upcoming (white) ── */ .home-section9-card-upcoming { background: #ffffff; } /* ── Selling (light gray) ── */ .home-section9-card-selling { background: #d7d7d7; } /* ── Delivery ── */ .home-section9-card-delivery { background: #d7d7d7; } /* ── Illustration ── */ .home-section9-card-illustration { background: #f3f1ee; display: flex; align-items: flex-end; justify-content: center; padding: 16px 10px 20px; min-height: 220px; } /* ── Photo ── */ .home-section9-card-photo { background: #000; padding: 0; overflow: hidden; min-height: 220px; display: flex; align-items: center; justify-content: center; } .home-section9-card-photo img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 14px; filter: brightness(0.85); transition: filter 0.35s ease, transform 0.4s ease; } .home-section9-card-photo:hover img { filter: brightness(1.02); transform: scale(1.04); } .home-section9-photo-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; width: 100%; height: 100%; min-height: 220px; color: #506060; } .home-section9-photo-placeholder span { font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; } /* ── Emerging builder (dark) ── */ .home-section9-card-emerging { background: #66737a; } /* ── Shared typography ── */ .home-section9-title { font-weight: 500; font-size: 22px; line-height: 26px; color: #536066; margin-bottom: 15px; font-family: "Nunito Sans", sans-serif; } .home-section9-card-emerging .home-section9-title { color: #c5d3d2; } .home-section9-source { display: inline-block; font-size: 12px; font-weight: 400; color: #19202e; text-decoration: underline; text-underline-offset: 3px; letter-spacing: 0.01em; margin-bottom: 15px; transition: color 0.2s; line-height: 18px; font-family: "Nunito Sans", sans-serif; } .home-section9-source:hover { color: #28434e; } .home-section9-card-emerging .home-section9-source { color: #fbf9f7; } .home-section9-card-emerging .home-section9-source:hover { color: #aad4ce; } .home-section9-desc { font-size: 16px; font-weight: 400; line-height: 20px; color: #19202e; font-family: "Nunito Sans", sans-serif; } .home-section9-card-emerging .home-section9-desc { color: #ffffff; } /* ════════════════════ RESPONSIVE ════════════════════ */ @media (max-width: 960px) { .home-section9-top { flex-wrap: wrap; } .home-section9-top .home-section9-card-hero { flex: 0 0 100%; min-height: 200px; flex-direction: row; align-items: flex-start; gap: 24px; } .home-section9-top .home-section9-card-upcoming, .home-section9-top .home-section9-card-selling { flex: 1; min-width: 160px; } .home-section9-bottom { flex-wrap: wrap; } .home-section9-bottom .home-section9-card-delivery { flex: 1 1 46%; } .home-section9-bottom .home-section9-card-illustration { flex: 1 1 28%; min-height: 180px; } .home-section9-bottom .home-section9-card-photo { flex: 1 1 46%; min-height: 200px; } .home-section9-bottom .home-section9-card-emerging { flex: 1 1 46%; } } @media (max-width: 580px) { .home-section9-container { padding: 10px; gap: 10px; } .home-section9-row { flex-direction: column; gap: 10px; } .home-section9-top .home-section9-card-hero, .home-section9-top .home-section9-card-upcoming, .home-section9-top .home-section9-card-selling, .home-section9-bottom .home-section9-card-delivery, .home-section9-bottom .home-section9-card-illustration, .home-section9-bottom .home-section9-card-photo, .home-section9-bottom .home-section9-card-emerging { flex: 0 0 auto; width: 100%; } .home-section9-card { padding: 24px 20px; } .home-section9-card-hero { min-height: 190px; flex-direction: column; } .home-section9-card-illustration { min-height: 150px; } .home-section9-card-photo { min-height: 200px; } } .home-section10-wrap { padding-top: 149.5px; overflow: hidden; padding-bottom: 50px; } /* ── MAIN ROW ── */ .home-section10-row { display: flex; align-items: stretch; gap: 70px; } /* ── LABEL CARD ── */ .home-section10-label-card { flex: 0 0 313px; display: flex; flex-direction: column; justify-content: space-between; padding: 20px 40px 32px 0; border-top: 2px solid #3f3f3f; } .home-section10-label-card .home-section10-label-title { font-size: 113px; font-weight: 400; color: #7b7b7b; line-height: 1; font-family: "Instrument Serif", serif; } .home-section10-label-card .home-section10-all-btn { display: inline-block; padding: 10px 45px; background: linear-gradient(to right, #4a5c5f, #2e3a3c); transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; color: #ffffff; font-size: 18px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; text-decoration: none; align-self: flex-start; font-family: "Nunito Sans", sans-serif; } .home-section10-label-card .home-section10-all-btn:hover { background: linear-gradient(to right, #5b7174, #3a4d50); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(46, 58, 60, 0.45); } /* ── SLIDER AREA ── */ .home-section10-slider-area { flex: 1; min-width: 0; overflow: hidden; } .home-section10-slider-viewport { overflow: hidden; cursor: grab; user-select: none; } .home-section10-slider-viewport.home-section10-is-dragging { cursor: grabbing; } .home-section10-slider-track { display: flex; gap: 25px; align-items: stretch; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .home-section10-slider-track.home-section10-no-transition { transition: none !important; } /* ── POST CARD ── */ .home-section10-post-card { flex: 0 0 auto; display: flex; flex-direction: column; border-top: 2px solid #3f3f3f; padding: 20px 0; } .home-section10-post-card .home-section10-post-title { font-size: 19px; font-weight: 700; line-height: 29px; color: #000; margin-bottom: 28px; height: 58px; /* 2 lines × 29px line-height */ font-family: "Nunito Sans", sans-serif; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .home-section10-post-card .home-section10-post-excerpt { font-family: "Nunito Sans", sans-serif; font-size: 16px; font-weight: 400; line-height: 20px; color: #000; margin-bottom: 30px; flex-grow: 1; } .home-section10-post-card .home-section10-post-thumb-placeholder { width: 100%; aspect-ratio: 4 / 2.6; display: flex; align-items: center; justify-content: center; height: 150px; } .home-section10-post-thumb img { width: 300px; height: 140px; object-fit: cover; max-width: 100%; } /* ── BOTTOM BAR ── */ .home-section10-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 50px; border-top: 1px solid #3f3f3f; position: relative; } .home-section10-slider-arrows { display: flex; gap: 40px; align-items: center; position: absolute; bottom: -10px; right: 0; background-color: #fff; width: 320px; justify-content: end; } .home-section10-arrow-btn { background: none; border: none; cursor: pointer; padding: 4px 0; color: #3f3f3f; transition: color 0.2s, opacity 0.2s; line-height: 1; } .home-section10-arrow-btn:hover { color: #1a1a1a; } .home-section10-arrow-btn svg { display: block; width: 36px; height: 14px; } /* ── RESPONSIVE ── */ @media (max-width: 900px) { .home-section10-wrap { padding: 0 24px 0; } .home-section10-label-card { flex: 0 0 200px; padding-right: 28px; } .home-section10-post-card { padding: 20px 20px 28px; } } @media (max-width: 640px) { .home-section10-wrap { padding: 0 16px 0; } .home-section10-label-card { flex: 0 0 140px; padding: 16px 18px 24px 0; } .home-section10-label-card .home-section10-label-title { font-size: 44px; } .home-section10-label-card .home-section10-all-btn { font-size: 10px; padding: 9px 18px; letter-spacing: 2.5px; margin-top: 24px; } .home-section10-post-card { padding: 16px 14px 22px; } .home-section10-post-card .home-section10-post-title { font-size: 14px; line-height: 20px; height: 40px; /* 2 lines × 20px line-height */ margin-bottom: 18px; } .home-section10-slider-arrows { gap: 28px; } .home-section10-arrow-btn svg { width: 28px; } } @media (max-width: 420px) { .home-section10-label-card { flex: 0 0 110px; } .home-section10-label-card .home-section10-label-title { font-size: 36px; } .home-section10-label-card .home-section10-all-btn { padding: 5px 14px; } } .home-section11 { padding-top: 99.5px; padding-bottom: 149.5px; } /* Card */ .home-section11-card { display: flex; flex-direction: row; background: #fff; overflow: hidden; height: 680px; } /* LEFT */ .home-section11-left { flex: 1; min-width: 0; background: radial-gradient(ellipse at top right, #636e73 0%, transparent 55%), radial-gradient(ellipse at bottom left, #626d72 0%, transparent 55%), #323c3d; display: flex; flex-direction: column; position: relative; overflow: hidden; user-select: none; -webkit-user-select: none; cursor: grab; padding: 30px; } .home-section11-left.is-dragging { cursor: grabbing; } .home-section11-left-header { display: flex; align-items: flex-end; justify-content: space-between; padding: 60px 30px 30px 30px; flex-shrink: 0; position: relative; z-index: 2; pointer-events: none; } .home-section11-label { font-weight: 300; font-size: 70px; color: #b4c3c5; line-height: 1; font-family: "Instrument Serif", serif; } .home-section11-num { font-family: "Instrument Serif", serif; font-weight: 500; font-size: 100px; color: #a6b5b6; line-height: 1; letter-spacing: -0.02em; } /* Track — all slides sit side-by-side inside here */ .home-section11-img-wrap { flex: 1; overflow: hidden; position: relative; } .home-section11-img-track { display: flex; height: 100%; /* JS sets inline CSS vars: --total, --current, --offset */ width: calc(var(--total, 3) * 100%); transform: translateX(calc(var(--offset, 0px) + var(--current, 0) * (-100% / var(--total, 3)))); transition: transform 0.52s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform; } /* Remove transition while dragging so track follows finger instantly */ .home-section11-img-track.no-transition { transition: none !important; } .home-section11-img-slide { flex: 0 0 calc(100% / var(--total, 3)); height: 100%; overflow: hidden; } .home-section11-img-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; pointer-events: none; -webkit-drag: none; } /* Progress */ .home-section11-progress { position: absolute; bottom: 0; left: 0; height: 2px; width: 0%; background: #b08a68; z-index: 10; transition: width linear; } /* RIGHT */ .home-section11-right { width: 325px; flex-shrink: 0; background: #efefef; border-left: 1px solid #e4e0da; display: flex; flex-direction: column; padding: 35px 50px 50px 50px; } .home-section11-brand { margin-bottom: 26px; } .home-section11-brand-logo img { max-width: 100%; } .home-section11-brand-icon { width: 38px; height: 38px; display: block; margin-bottom: 8px; } .home-section11-brand-sub { display: block; font-family: "Nunito Sans", sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 0.18em; color: #b08a68; line-height: 1; margin-bottom: 1px; } .home-section11-brand-name { display: block; font-family: "Instrument Serif", serif; font-weight: 600; font-size: clamp(28px, 3vw, 38px); color: #1a1a1a; line-height: 1; letter-spacing: -0.01em; } .home-section11-brand-loc { display: block; font-size: 19px; font-weight: 500; color: #000; text-transform: uppercase; margin-top: 7px; font-family: "Nunito Sans", sans-serif; letter-spacing: -1px; } .home-section11-specs { flex: 1; display: flex; flex-direction: column; border-top: 1px solid #000; } .home-section11-spec { padding: 12px 0; border-bottom: 1px solid #000; font-family: "Nunito Sans", sans-serif; font-size: 19px; font-weight: 400; color: #000; } .home-section11-cta { display: block; width: 100%; margin-top: 22px; padding: 13px 0; background: linear-gradient(to right, #4a5c5f, #2e3a3c); transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; color: #f5fbfd; font-family: "Nunito Sans", sans-serif; font-size: 20px; font-weight: 400; text-transform: capitalize; text-align: center; border: none; cursor: pointer; border-radius: 1px; } .home-section11-cta:hover { background: linear-gradient(to right, #5b7174, #3a4d50); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(46, 58, 60, 0.45); } .home-section11-nav { display: flex; align-items: center; justify-content: space-between; margin-top: 33px; } .home-section11-arrow { background: none; border: none; cursor: pointer; width: 31px; height: 31px; display: flex; align-items: center; justify-content: center; color: #595959; font-size: 24px; line-height: 1; transition: color 0.2s; padding: 0; flex-shrink: 0; } .home-section11-arrow:hover { color: #343e3f; } .home-section11-arrow.prev { background-image: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/prev-arrow.png'); background-repeat: no-repeat; } .home-section11-arrow.next { background-image: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/next-arrow.png'); background-repeat: no-repeat; } .home-section11-dots { display: flex; gap: 9px; align-items: center; } .home-section11-dot { width: 8px; height: 8px; border-radius: 50%; border: none; padding: 0; cursor: pointer; background: #889d9e; transition: background 0.25s ease, transform 0.25s ease; } .home-section11-dot.active { background: #343e3f; transform: scale(1.25); } /* Text fade-in for right panel */ @keyframes home-section11-textIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } .home-section11-text-anim { animation: home-section11-textIn 0.4s ease forwards; } /* Responsive */ @media (max-width: 720px) { .home-section11-card { flex-direction: column; height: auto; } .home-section11-card { height: auto; } .home-section11-left { height: 500px; flex: none; } .home-section11-brand-logo { display: flex; justify-content: center; } .home-section11-brand-logo img { max-width: 100%; max-height: 150px; } .home-section11-left-header { padding: 18px 20px 12px; } .home-section11-right { width: 100%; border-left: none; border-top: 1px solid #e4e0da; padding: 22px 20px 18px; } } @media (max-width: 500px) { .home-section11-left { height: 350px; padding: 15px; } .home-section11-label { font-size: 18px; } .home-section11-num { font-size: 52px; } .home-section11-brand-logo { display: flex; justify-content: center; } .home-section11-brand-logo img { max-width: 100%; max-height: 100px; } .home-section11-spec { font-size: 12px; } .home-section11-cta { font-size: 13px; } .home-section7-type-badge { font-size: 5px; } } /* ============================================================ SECTION WRAPPER ============================================================ */ .home-section12 { background: #e1e1e1; align-items: center; justify-content: center; padding: 140px 0; } .home-section12 .container { max-width: 1300px; } /* ============================================================ FLEXBOX ROW ============================================================ */ .home-section12-row { display: flex; } /* ============================================================ LEFT COLUMN ============================================================ */ .home-section12-left { flex: 0 0 50%; max-width: 50%; display: flex; flex-direction: column; justify-content: space-between; } .home-section12-content { flex: 1; padding-right: 70px; } .home-section12-heading { font-size: 43px; font-weight: 400; color: #000; margin-bottom: 45px; line-height: 1; font-family: "Instrument Serif", serif; } .home-section12-description { font-size: 16px; font-weight: 300; color: #1e1e1e; line-height: 30px; max-width: 540px; letter-spacing: 0.2px; font-family: "Nunito Sans", sans-serif; } .home-section12-logo { margin-top: 60px; } .home-section12-logo-box { display: inline-grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; width: 56px; height: 56px; } /* ============================================================ RIGHT COLUMN ============================================================ */ .home-section12-right { flex: 1; } /* ============================================================ FORM STYLES (Native + CF7 Compatible) ============================================================ */ /* --- The wrapping form --- */ .home-section12-form, .home-section12-right .wpcf7-form { display: flex; flex-direction: column; gap: 0; } /* --- Underline text fields row --- */ .home-section12-field-row { display: flex; gap: 28px; } .home-section12-field-row .home-section12-field { flex: 1; } /* --- Single field wrapper --- */ .home-section12-field { position: relative; margin-bottom: 28px; } /* --- Underline inputs (First Name, Last Name, Email) --- */ .home-section12-field input[type="text"], .home-section12-field input[type="email"], .home-section12-field input[type="tel"], .home-section12-right .wpcf7-form .wpcf7-text, .home-section12-right .wpcf7-form .wpcf7-email, .home-section12-right .wpcf7-form input[type="tel"] { width: 100%; background: transparent; border: none; border-bottom: 1px solid #707070; border-radius: 0; padding: 10px 22px; font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 400; text-transform: uppercase; color: #606060; outline: none; transition: border-color 0.3s ease; -webkit-appearance: none; appearance: none; } .home-section12-field input[type="text"]::placeholder, .home-section12-field input[type="email"]::placeholder, .home-section12-field input[type="tel"]::placeholder, .home-section12-right textarea::placeholder, .home-section12-right select::placeholder, .home-section12-right .wpcf7-form .wpcf7-text::placeholder, .home-section12-right .wpcf7-form .wpcf7-email::placeholder, .home-section12-right .wpcf7-form input[type="tel"]::placeholder { color: #606060; font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 1.8px; text-transform: uppercase; } .home-section12-field input[type="text"]:focus, .home-section12-field input[type="email"]:focus, .home-section12-field input[type="tel"]:focus, .home-section12-right .wpcf7-form .wpcf7-text:focus, .home-section12-right .wpcf7-form .wpcf7-email:focus, .home-section12-right .wpcf7-form input[type="tel"]:focus { border-bottom-color: #2a2a2a; } /* --- Phone row --- */ .home-section12-phone-row { display: flex; align-items: center; border-bottom: 1px solid #b0b0b0; margin-bottom: 28px; transition: border-color 0.3s ease; gap: 0; } .home-section12-phone-row.focused { border-bottom-color: #2a2a2a; } .home-section12-country-select { display: flex; align-items: center; gap: 6px; padding: 10px 22px; background: #f3f3f3; border: none; cursor: pointer; margin-right: 22px; flex-shrink: 0; } .home-section12-country-select select { -webkit-appearance: none; appearance: none; background: transparent; border: none; font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 1.6px; text-transform: uppercase; color: #606060; cursor: pointer; outline: none; width: 42px; } .home-section12-country-code { font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 1.4px; color: #606060; flex-shrink: 0; padding-right: 12px; } .home-section12-chevron { width: 8px; height: 8px; border-right: 1px solid #6a6a6a; border-bottom: 1px solid #6a6a6a; transform: rotate(45deg) translateY(-2px); flex-shrink: 0; margin-right: 10px; cursor: pointer; } .home-section12-phone-input { flex: 1; background: transparent; border: none; padding: 10px 0; font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 1.8px; text-transform: uppercase; color: #2a2a2a; outline: none; -webkit-appearance: none; appearance: none; } .home-section12-phone-input::placeholder { font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 1.8px; text-transform: uppercase; } /* --- Apartment Dropdown --- */ .home-section12-select-wrap { position: relative; margin-bottom: 28px; } .home-section12-select-wrap select, .home-section12-right .wpcf7-form .wpcf7-select { width: 100%; background: #ececea; border: none; border-radius: 0; padding: 14px 18px; font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 1.8px; text-transform: uppercase; color: #606060; outline: none; -webkit-appearance: none; appearance: none; cursor: pointer; transition: border-color 0.3s ease, color 0.3s ease; } .home-section12-select-wrap select:focus, .home-section12-right .wpcf7-form .wpcf7-select:focus { border-color: #2a2a2a; color: #2a2a2a; } .home-section12-select-wrap select option, .home-section12-right .wpcf7-form .wpcf7-select option { color: #2a2a2a; text-transform: uppercase; letter-spacing: 1.4px; } .home-section12-select-arrow { position: absolute; right: 18px; top: 35%; transform: translateY(-35%) rotate(45deg); width: 10px; height: 10px; border-right: 1px solid #6a6a6a; border-bottom: 1px solid #6a6a6a; pointer-events: none; } /* --- Textarea --- */ .home-section12-textarea-wrap { margin-bottom: 28px; } .home-section12-textarea-wrap textarea, .home-section12-right .wpcf7-form .wpcf7-textarea { width: 100%; background: #ececea; border-radius: 0; padding: 18px 18px; font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 400; color: #2a2a2a; outline: none; resize: none; height: 165px; line-height: 1.8; transition: border-color 0.3s ease; -webkit-appearance: none; appearance: none; border: none; border-bottom: 1px solid #707070; } .home-section12-textarea-wrap textarea::placeholder, .home-section12-right .wpcf7-form .wpcf7-textarea::placeholder { font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 1.8px; text-transform: uppercase; } .home-section12-textarea-wrap textarea:focus, .home-section12-right .wpcf7-form .wpcf7-textarea:focus { border-color: #2a2a2a; } /* --- Submit Button --- */ .home-section12-submit-wrap { display: flex; justify-content: flex-end; position: relative; } .home-section12-submit-wrap input[type="submit"], .home-section12-submit-wrap button[type="submit"], .home-section12-right .wpcf7-form .wpcf7-submit { background: linear-gradient(to right, #4a5c5f, #2e3a3c); transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; color: #f3f3f3; border: none; padding: 14px 36px; font-family: "Nunito Sans", sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 2.5px; text-transform: uppercase; cursor: pointer; border-radius: 0; -webkit-appearance: none; appearance: none; } .home-section12-submit-wrap input[type="submit"]:hover, .home-section12-submit-wrap button[type="submit"]:hover, .home-section12-right .wpcf7-form .wpcf7-submit:hover { background: linear-gradient(to right, #5b7174, #3a4d50); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(46, 58, 60, 0.45); } /* CF7 spinner — positioned to the right of the submit button */ .home-section12-submit-wrap p { position: relative; } .home-section12-submit-wrap .wpcf7-spinner { position: absolute; right: 0; margin: 0; bottom: 0; } /* ============================================================ CF7 SPECIFIC OVERRIDES ============================================================ */ /* Remove CF7 default spacing */ .home-section12-right .wpcf7 { margin: 0; padding: 0; } .home-section12-right .wpcf7-form p { margin: 0; } /* CF7 validation error */ .home-section12-right .wpcf7-not-valid-tip { color: #c0392b; font-family: "Nunito Sans", sans-serif; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; margin-top: 4px; display: block; } /* CF7 response output */ .home-section12-right .wpcf7-response-output { margin: 16px 0 0 0; padding: 12px 18px; font-family: "Nunito Sans", sans-serif; font-size: 11px; letter-spacing: 1.4px; text-transform: uppercase; border-radius: 0; border: 1px solid #b0b0b0; color: #5a5a5a; } .home-section12-right .wpcf7-mail-sent-ok { background: #f0f5f0; border-color: #6a9a6a; color: #3a6a3a; } .home-section12-right .wpcf7-mail-sent-ng, .home-section12-right .wpcf7-aborted { background: #f5f0f0; border-color: #c0392b; color: #c0392b; } /* CF7 spinner — floats above the submit button */ .home-section12-right .wpcf7-spinner { display: inline-block; position: absolute; bottom: calc(100% + 10px); right: 0; margin: 0; } /* CF7 invalid field highlight */ .home-section12-right .wpcf7-not-valid { border-bottom-color: #c0392b !important; border-color: #c0392b !important; } /* CF7 auto-inserts

and
inside country select — fix them */ .home-section12-country-select p { display: flex; align-items: center; gap: 6px; margin: 0; padding: 0; } .home-section12-country-select br { display: none; } /* CF7 wraps every field in — fix flex/block behaviour inside each custom wrapper */ .home-section12-field .wpcf7-form-control-wrap { display: block; width: 100%; } /* Remove double border — phone row already has its own border-bottom */ .home-section12-phone-row input[type="tel"], .home-section12-phone-row .home-section12-phone-input { border-bottom: none !important; } /* Phone row: make the CF7 span flex so the input stretches */ .home-section12-phone-row .wpcf7-form-control-wrap { flex: 1; display: flex; align-items: center; align-self: center; } .home-section12-phone-row .wpcf7-form-control-wrap input { width: 100%; padding-top: 0; padding-bottom: 0; } /* Select and textarea wrappers */ .home-section12-select-wrap .wpcf7-form-control-wrap, .home-section12-textarea-wrap .wpcf7-form-control-wrap { display: block; width: 100%; } .home-section12-select-wrap .wpcf7-form-control-wrap select { width: 100%; } .home-section12-textarea-wrap .wpcf7-form-control-wrap textarea { width: 100%; } .sticky-btn-emi-calculator{ display: none !important; } /* ============================================================ RESPONSIVE ============================================================ */ /* Tablet */ @media (max-width: 960px) { .home-section12 { padding: 60px 24px; } .home-section12-row { flex-direction: column; gap: 50px; align-items: flex-start; } .home-section12-left { flex: none; max-width: 100%; width: 100%; padding-right: 0; min-height: auto; } .home-section12-logo { margin-top: 36px; } .home-section12-right { width: 100%; } .home-section12-description { max-width: 100%; } } /* Mobile */ @media (max-width: 600px) { .slide img{ object-fit: unset !important; } .home-section12 { padding: 48px 18px; } .home-section12-heading { font-size: 38px; margin-bottom: 24px; } .home-section12-field-row { flex-direction: column; gap: 0; } .home-section12-field-row .home-section12-field { flex: none; width: 100%; } .home-section12-submit-wrap { justify-content: flex-end; } .home-section12-submit-wrap input[type="submit"], .home-section12-submit-wrap button[type="submit"], .home-section12-right .wpcf7-form .wpcf7-submit { width: 100%; text-align: center; } } /* Small mobile */ @media (max-width: 380px) { .home-section12-country-select select { width: 32px; } .home-section12-country-code { font-size: 10px; } } /* footer { background-color: #0d0d0d; color: #ccc; font-size: 13px; } footer .container { max-width: 1540px; margin: 0 auto; padding: 0; } */ .footer-phone p { color: #fff; font-size: 16px; font-weight: 600; margin-bottom: 4px; } .footer-phone a { color: #888; text-decoration: none; font-size: 12px; transition: color 0.2s; } .footer-phone a:hover { color: #c8a14a; } .footer-socials { display: flex; gap: 14px; align-items: center; justify-content: flex-end; } .footer-socials a { color: #999; font-size: 16px; width: 32px; height: 32px; border: 1px solid #333; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: color 0.2s, border-color 0.2s, background 0.2s; } .footer-socials a:hover { color: #c8a14a; border-color: #c8a14a; background: rgba(200, 161, 74, 0.08); } .footer-widget-area { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr 1.3fr; padding: 60px 0 48px; align-items: start; } .each-footer-columns ul { list-style-type: none; } .footer-column-one .widget_media_image { margin-bottom: 15px; } .footer-address { color: #b6b6b6; } .footer-address h4 { font-family: "Nunito Sans", sans-serif; font-weight: 500; font-size: 15px; margin-bottom: 5px; color: #fff; } .footer-address address { font-family: "Nunito Sans", sans-serif; font-weight: 300; font-size: 14px; line-height: 20px; font-style: normal; } .footer-address.two { margin-top: 30px; } .footer-column-two .widget-title { font-family: "Nunito Sans", sans-serif; font-weight: 500; font-size: 14px; text-transform: uppercase; letter-spacing: 2.2px; color: #7b7b7b; border-bottom: 2px solid #ababab; padding-bottom: 15px; margin-bottom: 15px; line-height: 23px; } .each-footer-columns .menu li a { font-family: "Nunito Sans", sans-serif; font-weight: 300; font-size: 14px; color: #b6b6b6; line-height: 38px; transition: all 0.3s ease-in-out; } .each-footer-columns .menu li.current_page_item a, .each-footer-columns .menu li a:hover, .each-footer-columns .menu li.current_page_item.menu-item-1684 a:hover { color: #c8a14a; } .each-footer-columns .menu li.current_page_item.menu-item-1684 a { color: #b6b6b6; } .each-footer-columns.footer-column-two { padding-left: 100px; } .each-footer-columns.footer-column-three { margin-top: 38px; border-top: 2px solid #ababab; padding-top: 15px; padding-left: 80px; } .each-footer-columns.footer-column-four { margin-top: 35px; padding-left: 100px; padding-top: 15px; } .each-footer-columns.footer-column-five { margin-top: 35px; padding-left: 0px; padding-top: 15px; grid-column: 5 / -1; } .footer-column-five .widget_media_image { margin-bottom: 35px; text-align: right; } .footer-phone { text-align: right; margin-bottom: 20px; } .footer-phone p { margin-bottom: 4px; font-family: "Nunito Sans", sans-serif; font-weight: 500; font-size: 16px; color: #b6b6b6; } .footer-phone a { font-family: "Nunito Sans", sans-serif; color: #b6b6b6; text-decoration: none; font-size: 12px; transition: color 0.2s; } .footer-botton-block1 { border-top: 2px solid #ababab; border-bottom: 2px solid #ababab; padding: 15px 0; overflow: hidden; } .footer-botton-block1 ul { list-style-type: none; display: flex; column-gap: 17px; flex-wrap: wrap; } .footer-botton-block1 .menu li a { font-family: "Nunito Sans", sans-serif; font-weight: 400; font-size: 12px; color: #b6b6b6; line-height: 38px; transition: all 0.3s ease-in-out; text-transform: uppercase; letter-spacing: 1.1px; pointer-events: none; cursor: default; } .footer-botton-block2 { padding-top: 60px; padding-bottom: 40px; justify-content: space-between; font-weight: 400; font-size: 14px; color: #b6b6b6; } .footer-botton-block2 a { font-family: "Nunito Sans", sans-serif; font-weight: 400; font-size: 14px; color: #b6b6b6; transition: all 0.3s ease-in-out; } .footer-botton-block2 a:hover { color: #c8a14a; } .footer-botton-block2-half.right { display: flex; gap: 20px; } /* ============================================================ STICKY SIDE BUTTONS ============================================================ */ .sticky-side-btns { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 999; display: flex; flex-direction: column; gap: 6px; } .sticky-btn { display: flex; align-items: center; justify-content: center; background: #1a1a1a; color: #c9a84c; text-decoration: none; border-radius: 8px 0 0 8px; transition: background 0.3s ease, transform 0.2s ease; } .sticky-btn:hover { background: #2e2e2e; transform: translateX(-4px); } /* Enquire Now */ .sticky-btn-enquire { padding: 3px 15px; font-family: "Nunito Sans", sans-serif; font-size: 15px; font-weight: 500; letter-spacing: 1.2px; text-align: center; line-height: 1.4; color: #ae9468; min-width: 115px; } /* WhatsApp */ .sticky-btn-whatsapp { padding: 12px 14px; color: #c9a84c; } .sticky-btn-whatsapp svg { display: block; } @media (max-width: 768px) { .sticky-btn-enquire { font-size: 11px; padding: 10px 12px; min-width: 58px; } .sticky-btn-whatsapp { padding: 10px 12px; } .sticky-btn-whatsapp svg { width: 22px; height: 22px; } } @media only screen and (max-width: 1680px) { h1, h1.title { font-size: 55px; } h2 { font-size: 40px; } h3 { font-size: 30px; } h4 { font-size: 25px; } h5 { font-size: 20px; } h6 { font-size: 18px; } p, ul, ol { font-size: 16px; } #logo-wrapper { width: 90%; } .container { max-width: 84%; } .home-section5 .container, .home-section6 .container, .home-section9 .container, .home-section12 .container, footer .container { max-width: 84%; } #access a, #access2 a { font-size: 15px; padding: 0 30px; } .enquire-btn-wrapper a { font-size: 15px; } .home-section1 { padding: 30px 0; } .home-section1-slider-header { padding: 0 0 30px 0; } .home-section1-slider-title h1 { font-size: 56px; } .home-section1-slider-description, .home-section1-slider-description p { font-size: 16px; } .home-section1-controls-wrapper { width: 170px; } .home-section1-counter { font-size: 13px; } .home-section2-dropdown-trigger { font-size: 16px; } .home-section2-search-btn { font-size: 20px; } .home-section2-search-result p { font-size: 16px; } .home-section3-number { font-size: 65px; } .home-section3-label { font-size: 16px; } .home-section4-card-title { font-size: 25px; } .home-section4-view-btn { font-size: 14px; } .home-section4-meta-city { font-size: 15px; } .home-section4-meta-areas { font-size: 14px; } .home-section4-meta-count { font-size: 40px; } .home-section4-detail-project-name { font-size: 30px; } .home-section4-detail-desc ul, .home-section4-detail-desc ol { max-width: 240px; } .home-section4-detail-desc, .home-section4-detail-desc p, .home-section4-detail-desc li { font-size: 14px; } .home-section4-action-link-btn { font-size: 14px; } .home-section5-slide-left .home-section5-heading { font-size: 60px; } .home-section5-slide-left .home-section5-item-num { font-size: 60px; } .home-section5-slide-left .home-section5-item-title { font-size: 30px; } .home-section5-nav-counter { font-size: 15px; } .home-section6-static-card h2 { font-size: 30px; line-height: 34px; } .home-section6-testimonial-text { font-size: 15px; } .home-section8-faq-header h2 { font-size: 35px; } .home-section8-category-label h3 { font-size: 30px; } .home-section8-accordion-question { font-size: 25px; } .home-section8-accordion-answer { font-size: 14px; line-height: 26px; } .home-section9-heading-wrap h2 { font-size: 35px; } .home-section9-card-hero h3 { font-size: 25px; } .home-section9-card-hero p { font-size: 18px; line-height: 28px; } .home-section9-title { font-size: 18px; } .home-section9-desc { font-size: 15px; } .home-section10-label-card .home-section10-label-title { font-size: 90px; } .home-section10-post-card .home-section10-post-title { font-size: 18px; line-height: 24px; height: 48px; /* 2 lines × 24px line-height */ } .home-section10-post-card .home-section10-post-excerpt { font-size: 15px; } .home-section10-label-card .home-section10-all-btn { font-size: 15px; } .home-section11-label { font-size: 60px; } .home-section11-num { font-size: 90px; } .home-section11-brand-loc { font-size: 15px; } .home-section11-spec { font-size: 15px; } .home-section11-cta { font-size: 15px; } .home-section12-heading { font-size: 35px; } .home-section12-description { font-size: 15px; } .home-section12-submit-wrap input[type="submit"], .home-section12-submit-wrap button[type="submit"], .home-section12-right .wpcf7-form .wpcf7-submit { font-size: 15px; } .home-section4-detail-footer { right: -8%; } .home-section4-detail-inner { grid-template-columns: 500px 1fr; } .home-section4-theme-ongoing .home-section4-detail-inner { grid-template-columns: 1fr 500px; } } @media only screen and (max-width: 1520px) { .home-section6-testimonial-card { height: 400px !important; } .home-section6-author-block { border-radius: 0 0 50px 50px; } .home-section6-static-card { height: 400px; } } @media only screen and (max-width: 1490px) { h1, h1.title { font-size: 46px; } h2 { font-size: 35px; } h3 { font-size: 30px; } h4 { font-size: 25px; } h5 { font-size: 20px; } h6 { font-size: 18px; } p, ul, ol { font-size: 15px; } .home-section1-slider-title h1 { font-size: 40px; } .home-section1-meta-rule { margin-top: 10px; } .home-section1-slide img { aspect-ratio: 13 / 5; } .home-section8-category-label::before { height: 2px; } .home-section2-dropdown-trigger { font-size: 15px; padding: 0 50px; } .home-section2-search-btn { font-size: 18px; } .home-section3-number { font-size: 55px; } .home-section3-number sup { font-size: 50px; } .home-section5-slide-left .home-section5-heading { font-size: 50px; } .home-section5-slide-left .home-section5-item-num { font-size: 50px; } .home-section5-slide-left .home-section5-item-title { font-size: 25px; } .home-section6-static-card h2 { font-size: 25px; line-height: 30px; } .home-section8-category-label h3 { font-size: 25px; } .home-section9-card-hero h3 { font-size: 22px; } .home-section9-card-hero p { font-size: 16px; line-height: 24px; } .home-section9-title { font-size: 16px; line-height: 24px; } .home-section10-label-card .home-section10-label-title { font-size: 80px; } .home-section10-post-card .home-section10-post-title { font-size: 16px; line-height: 24px; height: 48px; /* 2 lines × 24px line-height */ } .home-section11-label { font-size: 50px; } .home-section11-num { font-size: 70px; } .footer-botton-block1 .menu li a { line-height: 28px; } .home-section11-card { height: 580px; } .home-section4-detail-img.home-section4-theme-completed .hs4-detail-img-inner { min-height: 290px !important; } .home-section4-detail-project-name { font-size: 25px; } .home-section4-detail-desc ul, .home-section4-detail-desc ol { max-width: 200px; } .home-section4-detail-desc, .home-section4-detail-desc p, .home-section4-detail-desc li { font-size: 13px; } .home-section4-theme-upcoming .home-section4-detail-inner, .home-section4-theme-completed .home-section4-detail-inner { grid-template-columns: 1fr 560px; } .sticky-btn-enquire { font-size: 12px; min-width: 100px; } .sticky-btn-whatsapp { padding: 10px 14px; } .sticky-btn-whatsapp svg { height: 20px; } .home-section8-accordion-question { font-size: 22px; } } @media only screen and (max-width: 1366px) { #access a, #access2 a { font-size: 14px; padding: 0 25px; } .home-section1-slider-title h1 { font-size: 40px; } .home-section1-slider-description, .home-section1-slider-description p { font-size: 14px; } .home-section2-search-btn { font-size: 16px; } .home-section3-number { font-size: 45px; } .home-section3-number sup { font-size: 35px; } .home-section3-label { font-size: 15px; } .home-section4-card-title { font-size: 22px; line-height: 26px; } .home-section5-slide-left .home-section5-heading { font-size: 40px; } .home-section5-slide-left .home-section5-item-num { font-size: 40px; } .home-section10-label-card .home-section10-label-title { font-size: 70px; } .home-section10-post-card .home-section10-post-excerpt { font-size: 14px; } .home-section11-label { font-size: 40px; } .home-section11-num { font-size: 50px; } .home-section12-description { font-size: 14px; line-height: 26px; } .each-footer-columns.footer-column-two { padding-left: 80px; } .each-footer-columns.footer-column-three { padding-left: 80px; } .each-footer-columns.footer-column-four { padding-left: 80px; } .home-section4-detail-footer { right: -40px; } .home-section5-slide { height: 525px; } .home-section1-slide img { aspect-ratio: 14/ 5; } } @media only screen and (max-width: 1280px) { .container, .home-section5 .container, .home-section6 .container, .home-section9 .container, .home-section12 .container, footer .container { max-width: 90%; } #homeSec1BtnPrev, #homeSec1BtnNext { background-size: 10px; } .home-section1-controls-wrapper { width: 215px; } .footer-widget-area { grid-template-columns: 1fr 1fr 1fr 1fr; } .each-footer-columns.footer-column-two { padding-left: 50px; } .each-footer-columns.footer-column-three { padding-left: 50px; } .each-footer-columns.footer-column-four { padding-left: 50px; } .each-footer-columns.footer-column-five { padding-left: 50px; grid-column: auto; } .bottom-to-top-arrow { height: 30px; right: 15px; width: 30px; } .home-section4-detail-inner { grid-template-columns: 400px 1fr; } .home-section4-theme-ongoing .home-section4-detail-inner, .home-section4-theme-completed .home-section4-detail-inner { grid-template-columns: 1fr 400px; } .home-section4-card { padding-left: 20px; } .home-section4-card-inner-wrapper { padding-bottom: 20px; } .home-section4-meta-locations { padding: 20px 20px; min-height: 120px; } .home-section4-card-header { padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; } .home-section4-meta-city { font-size: 14px; } .home-section4-meta-areas { font-size: 13px; } .home-section4-card-thumb { height: 230px; } .home-section4-card-thumb img { height: 230px; } } @media only screen and (max-width: 1100px) { #access, #access2 { display: none !important; } .mobile-menu-trigger { display: block; } #logo-wrapper { padding-top: 20px; padding-bottom: 20px; } .enquire-btn-wrapper { margin-right: 100px; margin-top: 18px; } .enquire-btn-wrapper a { font-size: 15px; padding: 10px 40px; } .rmp_menu_trigger.rmp-menu-trigger-boring.rmp-mobile-device-menu { transition: all 0.3s ease-in-out !important; top: 20px !important; cursor: pointer !important; } .shrink-header-style .rmp_menu_trigger.rmp-menu-trigger-boring.rmp-mobile-device-menu { top: 15px !important; } .home-section2-search-bar { width: 100%; max-width: 100%; } .home-section2-dropdown-wrap { width: 20%; } .home-section2-search-btn { margin-right: 50px; } .menu-section-wrapper { margin-right: 100px; } #rmp-container-51, .rmp-menu-open { max-width: 285px !important; min-width: 285px !important; } } @media only screen and (max-width: 1024px) { h1, h1.title { font-size: 40px; } h2 { font-size: 35px; } h3 { font-size: 30px; } h4 { font-size: 25px; } h5 { font-size: 20px; } #page { padding-top: 91px; } #logo-wrapper { padding-top: 20px; padding-bottom: 20px; } .home-section1 { padding: 50px 0; } .home-section3-inner-wrapper { padding: 50px; } .home-section5 { padding: 0; } .home-section4, .home-section5 .container, .home-section6, .home-section7, .home-section8, .home-section10-wrap, .home-section11, .home-section12 { padding: 50px 0; } .home-section9-section { padding-bottom: 50px; } .home-section8-faq-category { margin-bottom: 0px; } .rmp_menu_trigger.rmp-menu-trigger-boring { top: 20px !important; } .footer-widget-area { grid-template-columns: 1fr 1fr 1fr; } .each-footer-columns.footer-column-four { padding-left: 0; } .each-footer-columns.footer-column-five { padding-left: 0px; grid-column: auto; } .footer-column-five .widget_media_image { margin-bottom: 10px; text-align: left; } .footer-phone p { font-size: 12px; } .footer-phone { text-align: left; margin-bottom: 20px; } .footer-socials { justify-content: start; } .home-section7-thumb-grid { gap: 10px; } .home-section7-slide { gap: 10px; } .home-section4-detail-panel { margin-top: 80px; } } @media only screen and (max-width: 960px) { .home-section4-detail-footer { right: 0; bottom: -40px; } } @media only screen and (max-width: 880px) { .home-section2-search-bar { justify-content: space-between; } .home-section2-dropdown-trigger { padding: 0 20px; } .home-section2-search-btn { flex: auto; margin-right: 0; justify-content: space-between; } .home-section3-inner-wrapper { padding: 30px; } .home-section4-detail-img.home-section4-theme-upcoming { padding-top: 30px; } .home-section4-detail-content-wrapper { padding-top: 30px; } .home-section4-detail-panel { margin-top: 50px; } } @media only screen and (max-width: 768px) { h1, h1.title { font-size: 35px; } h2 { font-size: 30px; } h3 { font-size: 25px; } h4 { font-size: 20px; } h5 { font-size: 18px; } .home-section5-slide-left .home-section5-heading { font-size: 30px; } .home-section5-slide-left .home-section5-item-num { font-size: 30px; } .home-section5-slide-left .home-section5-item-title { font-size: 20px; } .rmp_menu_trigger.rmp-menu-trigger-boring.rmp-mobile-device-menu { top: 5px !important; } .home-section8-accordion-question { font-size: 18px; } .home-section8-category-label h3 { font-size: 20px; } .footer-address h4 { font-size: 12px; } .footer-address address { font-size: 12px; } .each-footer-columns .menu li a { font-size: 13px; line-height: 30px; } } @media only screen and (max-width: 767px) { .home-section2-dropdown-wrap { width: 100%; } .home-section9-heading-wrap { margin-bottom: 50px; } .home-section10-row { gap: 50px; } .home-section5-slider-wrapper { height: auto; flex-direction: column; align-items: stretch; } .home-section5-slide-left { width: 100%; height: auto; padding: 30px; align-self: auto; gap: 30px; } .home-section5-slide-right { position: relative; width: 100%; height: 280px; } .home-section5-glyph { display: none; } .home-section5-slide-desc { display: none; } .home-section11-card { height: auto; } } @media only screen and (max-width: 600px) { .enquire-btn-wrapper { display: none; } } @media only screen and (max-width: 500px) { .home-section1-controls-wrapper { width: 150px; } .home-section1-controls-overlay { height: 40px; } .home-section1 { padding-top: 30px; padding-bottom: 50px; } .home-section1-slider-description { position: relative; padding-bottom: 20px; margin-bottom: 10px; } .home-section1-slider-description::after { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 120px; background-color: #000; } .home-section2-search-bar { border-radius: 0; } .home-section2-search-btn { justify-content: center; } .home-section2-trigger-title { font-size: 14px; } .home-section3 .container { max-width: 100%; } .home-section3 { padding: 48px 18px; } .home-section3-inner-wrapper { padding: 20px; } .home-section3-number sup { font-size: 30px; } .home-section3-label { font-size: 12px; line-height: 1; } .home-section3-number { font-size: 30px; } .home-section3-stat:nth-child(2), .home-section3-stat:nth-child(4), .home-section3-stat:nth-child(6) { padding: 30px 0px 40px 30px; } /* ── Section 4 detail panel ── */ .home-section4-detail-inner { grid-template-columns: 1fr; } .home-section4-detail-img { grid-column: 1 / -1; height: 200px; min-height: unset; border-right: none; } .home-section4-detail-content-wrapper { grid-column: 1 / -1; width: 100%; flex-direction: column; } .home-section4-detail-content { width: 100%; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .home-section4-detail-content-inner { padding: 24px 20px; } .home-section4-detail-links { width: 100%; padding: 20px 20px; border-top: none; gap: 20px; } /* Reset ongoing/completed reversed layout for single-column stack */ .home-section4-theme-ongoing .home-section4-detail-inner, .home-section4-theme-completed .home-section4-detail-inner { grid-template-columns: 1fr; } .home-section4-theme-ongoing .home-section4-detail-img, .home-section4-theme-completed .home-section4-detail-img { grid-column: 1 / -1; grid-row: auto; } .home-section4-theme-ongoing .home-section4-detail-content-wrapper, .home-section4-theme-completed .home-section4-detail-content-wrapper { grid-column: 1 / -1; grid-row: auto; flex-direction: column; } .home-section4-theme-ongoing .home-section4-detail-content, .home-section4-theme-completed .home-section4-detail-content { width: 100%; border-left: none; border-right: none; } .home-section4-action-link-btn { padding: 5px 12px; } .home-section4-theme-ongoing .home-section4-detail-links, .home-section4-theme-upcoming .home-section4-detail-links, .home-section4-theme-completed .home-section4-detail-links { width: 100%; border-top: none; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .home-section4-theme-ongoing .home-section4-detail-links .home-section4-action-link-btn, .home-section4-theme-upcoming .home-section4-detail-links .home-section4-action-link-btn, .home-section4-theme-completed .home-section4-detail-links .home-section4-action-link-btn { width: 45%; } .home-section4-detail-img.home-section4-theme-ongoing, .home-section4-detail-img.home-section4-theme-upcoming, .home-section4-detail-img.home-section4-theme-completed { padding-top: 30px; } .home-section4-detail-img.home-section4-theme-ongoing::before, .home-section4-detail-img.home-section4-theme-upcoming::before, .home-section4-detail-img.home-section4-theme-completed::before { top: 30px; } .home-section5-slide-left .home-section5-item-title { font-size: 17px; } .home-section5-slide-left { padding: 20px; gap: 20px; } .home-section5-slide-right { height: 220px; } .home-section6-static-card { height: 200px; flex-direction: column; } .home-section6-testimonial-card { height: 300px !important; } .home-section7-featured-video { border-radius: 0; } .bottom-to-top-arrow { bottom: 50px; } .home-section7-slider-footer { justify-content: space-between; gap: 25px; } .home-section7-nav-arrows { gap: 20px; } .home-section7-cta-btn { padding: 9px 10px; } .home-section8-category-label h3 br { display: none; } .home-section9-heading-wrap h2 { font-size: 25px; } .home-section9-heading-wrap { margin-bottom: 50px; gap: 10px; } .home-section10-row { flex-direction: column; gap: 0; } .home-section10-label-card { flex: 0 0 62px; padding: 10px 0px 10px 0; flex-direction: row; } .home-section10-label-card .home-section10-all-btn { margin-top: 5px; } .home-section10-label-card .home-section10-label-title { font-size: 38px; } .home-section10-post-card { padding: 16px 0px; } .home-section10-slider-arrows { width: 150px; } .home-section11 { padding-top: 0; } .home-section11-label { font-size: 25px; } .home-section11-left-header { padding: 18px 0px; } .home-section12 { overflow: hidden; } .home-section12-left { flex-direction: row; } .home-section12-field input[type="text"], .home-section12-field input[type="email"], .home-section12-field input[type="tel"], .home-section12-right .wpcf7-form .wpcf7-text, .home-section12-right .wpcf7-form .wpcf7-email, .home-section12-right .wpcf7-form input[type="tel"], .home-section12-select-wrap select, .home-section12-right .wpcf7-form .wpcf7-select { font-size: 12px; } .home-section12-field input[type="text"]::placeholder, .home-section12-field input[type="email"]::placeholder, .home-section12-field input[type="tel"]::placeholder, .home-section12-right textarea::placeholder, .home-section12-right select::placeholder, .home-section12-right .wpcf7-form .wpcf7-text::placeholder, .home-section12-right .wpcf7-form .wpcf7-email::placeholder, .home-section12-right .wpcf7-form input[type="tel"]::placeholder { font-size: 12px; } .home-section12-textarea-wrap textarea, .home-section12-right .wpcf7-form .wpcf7-textarea { font-size: 12px; } .home-section12-textarea-wrap textarea::placeholder, .home-section12-right .wpcf7-form .wpcf7-textarea::placeholder { font-size: 12px; } .home-section12-phone-input { font-size: 12px; } .home-section12-phone-input::placeholder { font-size: 12px; } .footer-widget-area { grid-template-columns: 1fr; } .footer-column-one .widget_media_image { margin-bottom: 10px; } .each-footer-columns.footer-column-two { padding-left: 0; padding-top: 50px; } .each-footer-columns.footer-column-three { padding-left: 0; } .each-footer-columns.footer-column-four { padding-left: 0; border-top: 2px solid #2e2e2e; } .each-footer-columns.footer-column-five { padding-left: 0; padding-top: 20px; border-top: 2px solid #2e2e2e; grid-column: auto; } .each-footer-columns.footer-column-five ul { flex-direction: row; display: flex; justify-content: space-between; gap: 20px; } .footer-botton-block1 { display: none; } .footer-botton-block2 { padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #5b5b5b; gap: 10px; font-size: 10px; } .footer-botton-block2-half.right { display: flex; gap: 10px; } .footer-widget-area { padding: 30px 0 30px; } .footer-phone p { font-size: 13px; } .footer-botton-block2 a { font-size: 10px; } .page-section1 .container { max-width: 100%; } .home-section1-slide img { aspect-ratio: 16/ 14; } .sl-profile-icon { width: 25px; height: 25px; } .menu-section-wrapper { margin-right: 65px; } .home-section11-card { height: auto; } .each-footer-columns.footer-column-five img { max-width: 100px !important; } .sticky-btn-enquire { font-size: 10px; min-width: 60px; padding: 5px 5px; } } @media (max-width: 480px) { .mobile-menu-trigger { top: 28px; right: 24px; } .home-section10-post-card .home-section10-post-title { font-size: 14px; line-height: 18px; height: 55px; } .home-section10-post-card .home-section10-post-excerpt { font-size: 13px; } } .project-section1 { background-color: #fff; padding-bottom: 50px; } .project-section1 .container { max-width: 95%; } .banner-wrapper { position: relative; width: 100%; padding-top: 33%; background: #111; } .banner-image { position: absolute; inset: 0; width: 100%; height: 100%; max-height: 605px; object-fit: cover; object-position: center; display: block; transition: opacity 0.5s ease; } .video-container { position: absolute; inset: 0; width: 100%; height: 100%; display: none; background: #000; } /* Vimeo / iframe embed */ .video-container iframe, .video-container video { width: 100%; height: 100%; border: none; display: block; } .walkthrough-btn { position: absolute; bottom: 30px; left: 30px; display: flex; align-items: center; gap: 5px; cursor: pointer; z-index: 10; transition: all 0.3s ease-in-out } .walkthrough-btn:hover { left: 35px; } .walkthrough-label { color: #ffffff; font-family: "Nunito Sans", sans-serif; font-size: 18px; font-weight: 500; white-space: nowrap; width: 206px; height: 57px; display: flex; justify-content: center; align-items: center; background-color: #4e595c; } .play-circle { width: 57px; height: 57px; background-color: #dde8e8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4); transition: background 0.25s ease, transform 0.2s ease; } .play-icon { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 17px solid #424140; margin-left: 4px; } .info-box { position: absolute; bottom: -56px; right: 122px; background: #1b1b1b; text-align: center; width: 356px; z-index: 10; height: 229px; } .info-box img { max-width: 100%; max-height: 100%; } .info-divider { width: 40px; height: 1px; background: #c9a96e; margin: 0 auto 18px auto; } .info-unit { font-family: "Nunito Sans", sans-serif; font-size: 16px; font-weight: 400; color: #ffffff; text-transform: uppercase; line-height: 1.5; margin-top: 10px; } .video-close-btn { position: absolute; top: 18px; right: 18px; width: 42px; height: 42px; background: rgba(0, 0, 0, 0.6); border: 1px solid rgba(255, 255, 255, 0.4); color: #ffffff; font-size: 22px; line-height: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 20; transition: background 0.2s ease; font-family: 'Arial', sans-serif; } .video-close-btn:hover { background: rgba(0, 0, 0, 0.85); } .project-section2 { padding: 115px 0 133px; } .project-section2 .container { max-width: 1620px; border-bottom: 1px solid #bfbfbf; padding-bottom: 145px; } .about-inner { display: flex; align-items: flex-start; gap: 0; } .about-left { flex: 0 0 55%; max-width: 55%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding-right: 215px; align-self: stretch; } .about-left-inner-bottom { padding-bottom: 57px; } .about-title { font-family: "Instrument Serif", serif; font-size: 73.33px; font-weight: 400; color: #565656; letter-spacing: 0.3px; margin-bottom: 20px; line-height: 1.1; } .about-desc { min-width: 0; display: flex; flex-direction: column; } .about-desc p { font-family: "Nunito Sans", sans-serif; font-size: 20px; font-weight: 300; line-height: 1.6; color: #000; flex: 1; } .btn-enquire { text-decoration: none; display: inline-flex; align-items: center; gap: 12px; background: linear-gradient(to right, #4a5c5f, #2e3a3c); transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; color: #fff; border: none; padding: 16px 110px; font-size: 12px; font-family: "Nunito Sans", sans-serif; font-weight: 700; letter-spacing: 2px; cursor: pointer; width: 360px; } .btn-enquire:hover { background: linear-gradient(to right, #5b7174, #3a4d50); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(46, 58, 60, 0.45); } .about-right { flex: 1; min-width: 0; } .stats-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 50px; row-gap: 30px; margin-bottom: 30px; padding-top: 68px; } .stat-card { display: flex; align-items: center; gap: 18px; padding: 26px 20px; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; } /* Collapse top border for rows 2 and 3 within each column */ .stat-card:nth-child(n+3) { margin-top: -1px; } .stat-card--download { border: none; padding: 0; align-items: end; } .stat-icon { flex-shrink: 0; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; } .stat-icon img { max-width: 100%; } .stat-info { display: flex; flex-direction: column; gap: 3px; } .stat-label { font-family: "Nunito Sans", sans-serif; font-size: 20px; font-weight: 500; color: #666666; letter-spacing: 0.2px; } .stat-sub { font-family: "Nunito Sans", sans-serif; font-size: 18px; font-weight: 300; color: #666666; } .btn-download { text-decoration: none; display: inline-flex; align-items: center; gap: 10px; border: none; padding: 15px 24px; font-family: "Nunito Sans", sans-serif; font-size: 18px; font-weight: 500; color: #fff; letter-spacing: 0.3px; cursor: pointer; white-space: nowrap; background: linear-gradient(to right, #4a5c5f, #2e3a3c); transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; } .btn-download:hover { border: none; background: linear-gradient(to right, #5b7174, #3a4d50); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(46, 58, 60, 0.45); } .rera-no { font-size: 18px; color: #666; padding-left: 0; font-family: "Nunito Sans", sans-serif; font-weight: 300; } .rera-label { font-family: "Nunito Sans", sans-serif; font-size: 20px; font-weight: 500; color: #666666; } /* Stack columns */ .project-section3 .container { max-width: 1620px; padding-bottom: 200px; } .gallery-section { margin: 0 auto; } .gallery-header { display: flex; align-items: center; gap: 85px; margin-bottom: 55px; padding: 0 40px; flex-wrap: wrap; } .gallery-heading { font-size: 55px; font-weight: 400; color: #565656; line-height: 1; flex-shrink: 0; font-family: "Instrument Serif", serif; } .gallery-tabs { display: flex; gap: 25px; flex-wrap: wrap; } .tab-btn { padding: 10px 24px; font-size: 18px; font-weight: 400; border: none; cursor: pointer; background: #879499; color: #fff; transition: background 0.25s ease; outline: none; font-family: "Nunito Sans", sans-serif; } .tab-btn.active { background: #343e3f; } .tab-btn:not(.active):hover { background: #343e3f; } .tab-panel { display: none; position: relative; } .tab-panel.active { display: block; } .slider-outer { position: relative; overflow: hidden; cursor: grab; user-select: none; -webkit-user-select: none; } .slider-outer.is-dragging { cursor: grabbing; } .slider-track { display: flex; gap: 17px; align-items: stretch; transition: transform 0.55s cubic-bezier(0.77, 0, 0.175, 1); will-change: transform; } .slide { flex: 0 0 73%; position: relative; overflow: hidden; } .slide img { display: block; width: 100%; height: 742px; aspect-ratio: 16 / 9.6; object-fit: cover; object-position: center; pointer-events: none; /* prevents browser image-drag ghost */ -webkit-user-drag: none; } /* White-wash overlay on every non-active slide */ .slide::after { content: ''; position: absolute; inset: 0; background: rgba(255, 255, 255, 0.62); transition: opacity 0.4s ease; pointer-events: none; } .slide.active::after { opacity: 0; } .slider-nav { display: flex; align-items: center; justify-content: flex-end; gap: 30px; padding: 0; position: absolute; bottom: 40px; right: 50px; font-family: "Montserrat", sans-serif; font-size: 18px; font-weight: 300; } /* Signature Premier gallery: nav centered over the peeking second slide */ .spp-premier-gallery .slider-nav, .sh-heights-gallery .slider-nav { top: 50%; left: 86.5%; right: auto; bottom: auto; transform: translate(-50%, -50%); justify-content: center; } .nav-arrow { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: #ffffff; border: 1.5px solid #2b2b2b; border-radius: 50%; cursor: pointer; padding: 0; line-height: 1; transition: background 0.25s, border-color 0.25s; } .nav-arrow svg { display: block; width: 18px; height: 18px; stroke: #2b2b2b; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.25s; } .nav-arrow:hover { background: #2b2b2b; border-color: #2b2b2b; } .nav-arrow:hover svg { stroke: #ffffff; } .nav-arrow.disabled { opacity: 0.3; cursor: default; pointer-events: none; } .nav-counter { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 300; color: #000; letter-spacing: 0.5px; } .nav-counter .sep { display: block; width: 32px; height: 1px; background: #000; flex-shrink: 0; } .project-section4 { background-color: #192636; } .project-section4 .container { max-width: 1620px; } .amenities-section { margin: 0 auto; padding: 100px 0; } .amenities-topbar { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #9b8376; padding-bottom: 25px; } .amenities-heading { font-size: 53px; font-weight: 400; color: #9b8376; line-height: 1; font-family: "Instrument Serif", serif; } /* Nav arrows */ .amenities-nav { display: flex; gap: 10px; flex-shrink: 0; } .nav-circle { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #c4a882; background: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.22s, opacity 0.22s; } .nav-circle svg { width: 14px; height: 14px; stroke: #c4a882; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; } .nav-circle:hover { background: rgba(196, 168, 130, 0.12); } .nav-circle.disabled { opacity: 0.3; cursor: default; pointer-events: none; } /* Divider */ .amenities-divider { border: none; border-top: 1px solid rgba(196, 168, 130, 0.25); margin-bottom: 0; } .amenities-slider-outer { overflow: hidden; cursor: grab; user-select: none; -webkit-user-select: none; margin-top: 50px; width: 100%; min-width: 0; position: relative; } .amenities-slider-outer.is-dragging { cursor: grabbing; } .amenities-track { display: flex; flex-direction: row; flex-wrap: nowrap; will-change: transform; /* width + per-page flex-basis set in JS so slides match translateX */ } .amenities-page { flex: 0 0 auto; box-sizing: border-box; display: grid; grid-template-columns: repeat(7, 1fr); align-content: start; gap: 48px 0; min-width: 0; } .amenity-card { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 0; pointer-events: none; } .amenity-icon { width: 94px; height: 94px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .amenity-icon img { max-width: 100%; max-height: 94px; } .amenity-icon svg { width: 100%; height: 100%; stroke: #c4a882; stroke-width: 1.2; fill: none; stroke-linecap: round; stroke-linejoin: round; overflow: visible; } .amenity-label { font-size: 16px; font-weight: 400; color: #727379; text-align: center; line-height: 1.5; font-family: "Nunito Sans", sans-serif; max-width: 140px; } .amenities-dots { display: flex; justify-content: center; gap: 8px; margin-top: 52px; display: none; } .dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(196, 168, 130, 0.25); transition: background 0.25s; cursor: pointer; } .dot.active { background: #c4a882; } .project-section5 { padding: 136px 0 138px 0; } .project-section5 .container { max-width: 1620px; } .fp-section { max-width: 100%; margin: 0 auto; padding: 0; } .fp-heading-row { display: flex; align-items: baseline; gap: 24px; margin-bottom: 36px; margin-bottom: 70px; } .fp-heading { font-size: 57.33px; font-weight: 400; color: #757777; white-space: nowrap; font-family: "Instrument Serif", serif; } .fp-heading-line { flex: 1; height: 1px; background: #7f7f7f; } .fp-tabs-body-wrap { max-width: 1420px; margin-left: auto; margin-right: auto; width: 100%; } .fp-main-pane { display: none; } .fp-main-pane.active { display: block; } .fp-main-tabs { display: flex; gap: 27px; margin-bottom: 25px; } .fp-main-tab { flex: 1; padding: 9px 20px; font-family: "Nunito Sans", sans-serif; font-size: 22px; font-weight: 400; letter-spacing: 0.6px; text-align: center; cursor: pointer; border: 3px solid #29374b; background: #fff; color: #29374b; transition: background 0.22s, color 0.22s, border-color 0.22s; outline: none; } .fp-main-tab.active { background: #29374b; color: #fff; border-color: #29374b; } .fp-main-tab:not(.active):hover { background: #29374b; color: #fff; } .fp-body { display: flex; background: #fff; min-height: 500px; border: none; outline: none; box-shadow: none; } .fp-sidebar { flex: 0 0 370px; background: #29374b; padding: 80px 100px; display: flex; flex-direction: column; align-items: center; gap: 15px; } .fp-bhk-label { font-size: 30px; font-weight: 400; color: #fff; letter-spacing: 1px; margin-bottom: 23px; font-family: "Nunito Sans", sans-serif; } .fp-type-btn { width: 162px; height: 35px; padding: 0px; font-family: "Nunito Sans", sans-serif; font-size: 21px; font-weight: 400; letter-spacing: 1.5px; text-align: center; cursor: pointer; background: transparent; color: #a8bfcf; border: 1px solid #3e5168; transition: background 0.2s, color 0.2s, border-color 0.2s; outline: none; } .fp-type-btn:hover { background: #3e5168; color: #fff; border-color: #3e5168; } .fp-type-btn.active { background: #3e5168; color: #fff; border-color: #3e5168; } .fp-content { flex: 1; position: relative; overflow: hidden; border: none; outline: none; box-shadow: none; background: #fff; } .fp-type-pane { display: none; width: 100%; height: 100%; flex-direction: row; align-items: stretch; border: none; outline: none; box-shadow: none; background: #fff; } .fp-type-pane.active { display: flex; } .fp-plan-image-wrap { flex: 1; display: flex; align-items: center; justify-content: center; padding: 0; border: none; outline: none; box-shadow: none; background: #fff; } .fp-plan-placeholder { width: 100%; max-width: 100%; height: 100%; background: #fff; border: 2px solid #e9e8e8; outline: none; box-shadow: none; overflow: hidden; position: relative; padding: 50px; } .fp-plan-placeholder .fp-plan-image, img.fp-plan-image { display: block; width: 100%; height: auto; max-width: 100%; border: 0 !important; border-width: 0 !important; border-style: none !important; border-color: transparent !important; outline: 0 !important; box-shadow: none !important; object-fit: contain; object-position: center; vertical-align: top; } .fp-plan-placeholder .fp-plan-image:focus, .fp-plan-placeholder .fp-plan-image:focus-visible, img.fp-plan-image:focus, img.fp-plan-image:focus-visible { outline: none !important; box-shadow: none !important; } .project-section5b { padding-top: 136px; padding-bottom: 140px; } .project-section5b .container { max-width: 1620px; } .new-floor-plan-outer { font-family: "Nunito Sans", sans-serif; color: #2c2c2c; } .new-floor-plan-outer { max-width: 1620px; margin: 0 auto; } .new-floor-plan-outer .section-header { display: flex; align-items: center; flex-wrap: wrap; gap: 50px; margin-bottom: 28px; } .new-floor-plan-outer .section-title { letter-spacing: 0.02em; font-size: 57.33px; font-weight: 400; color: #757777; white-space: nowrap; font-family: "Instrument Serif", serif; } .new-floor-plan-outer .main-tabs { display: flex; border-radius: 2px; overflow: hidden; flex-shrink: 0; gap: 30px; } .new-floor-plan-outer .main-tab-btn { padding: 10px 50px; border: none; cursor: pointer; transition: background 0.25s, color 0.25s; font-family: "Nunito Sans", sans-serif; font-size: 22px; font-weight: 400; letter-spacing: 0.6px; text-align: center; } .new-floor-plan-outer .main-tab-btn.active { background: #3a4445; color: #ffffff; } .new-floor-plan-outer .main-tab-btn:not(.active) { background: #bbc0c1; color: #fff; } .new-floor-plan-outer .main-tab-btn:not(.active):hover { background: #bcbcb8; } .page-template-template-signatureheightspage .new-floor-plan-outer .main-tab-btn.active { background: #29374b; color: #ffffff; } .page-template-template-signatureheightspage .new-floor-plan-outer .main-tab-btn:not(.active) { background: #bcbec0; color: #29374b; } .page-template-template-signatureheightspage .plan-image-area { border: 2px solid #d4dddd !important; } .page-template-template-signatureheightspage #fp-plan-image { transition: opacity 0.25s ease; } .page-template-template-signatureheightspage #fp-plan-image.fp-img-loading { opacity: 0.3; } .page-template-template-signatureheightspage .new-floor-plan-outer .block-selector { align-items: stretch; } .page-template-template-signatureheightspage .fp-sub-panel { display: none; flex-direction: column; flex: 1; } .page-template-template-signatureheightspage .fp-sub-panel.active { display: flex; } .page-template-template-signatureheightspage .fp-inner-slider { display: flex; flex-direction: column; flex: 1; } .page-template-template-signatureheightspage .fp-inner-slide { display: none; flex-direction: column; flex: 1; } .page-template-template-signatureheightspage .fp-inner-slide.active { display: flex; } .page-template-template-signatureheightspage .fp-sub-content { display: flex; flex-direction: column; flex: 1; } .page-template-template-signatureheightspage .fp-block-nav { margin-top: auto; align-self: flex-end; } .page-template-template-signatureheightspage .fp-direction-icon { position: absolute; bottom: 25px; left: 25px; width: 100px; height: auto; pointer-events: none; } .page-template-template-signatureheightspage .fp-tabs-group { flex: 1; } .page-template-template-signatureheightspage .fp-sub-block-tabs { flex: 1; } .page-template-template-signatureheightspage .new-floor-plan-outer .block-selector { flex: 0 0 650px; display: flex; overflow: hidden; border: 2px solid #d4dddd; padding: 25px; justify-content: center; } .fp-tabs-group { display: flex; align-items: stretch; } .fp-sub-block-tabs { background-color: #bcbec0; padding: 8px 50px; display: flex; gap: 10px; } .fp-sub-btn { padding: 10px 50px; border: none; cursor: pointer; transition: background 0.25s, color 0.25s; font-family: "Nunito Sans", sans-serif; font-size: 22px; font-weight: 400; letter-spacing: 0.6px; text-align: center; } .fp-sub-btn.active { background: #29374b; color: #ffffff; } .fp-sub-btn:not(.active) { background: transparent; color: #29374b; } .fp-sub-panel { display: none; } .fp-sub-panel.active { display: block; } .fp-inner-slider { display: flex; flex-direction: column; flex: 1; } .fp-inner-slide { display: none; flex-direction: column; flex: 1; } .fp-inner-slide.active { display: flex; } .fp-sub-content { padding: 0; } /* Facing groups */ .fp-facing-group { margin-bottom: 28px; } .fp-facing-header { display: flex; align-items: stretch; margin-bottom: 14px; } .fp-facing-label { background: #29374b; color: #ffffff; padding: 10px 20px; font-size: 18px; font-weight: 500; } .fp-facing-bhk { background: #bcbec0; color: #29374b; padding: 10px 18px; font-size: 18px; font-weight: 600; } /* Unit type buttons grid */ .fp-unit-grid { display: grid; grid-template-columns: repeat(3, auto); gap: 10px; justify-content: start; } .fp-unit-btn { background: #ffffff; border: 1.5px solid #d0d0d0; border-radius: 0 0 12px 0; padding: 10px 18px; cursor: pointer; font-size: 15px; font-weight: 600; color: #29374b; text-align: left; white-space: nowrap; transition: background 0.2s; } .fp-unit-btn span { font-weight: 400; color: #888; } .fp-unit-btn.active { background: #e8ddd0; border-color: #c9b89e; } .fp-unit-btn:hover:not(.active) { background: #f5f5f5; } /* Bottom navigation */ .fp-block-nav { display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin-top: 20px; color: #888; font-size: 15px; } .fp-block-nav-label { color: #29374b; font-weight: 700; } .fp-block-nav-arrow { color: #29374b; font-size: 14px; } .new-floor-plan-outer .main-tab-panel { display: none; } .new-floor-plan-outer .main-tab-panel.active { display: block; } .new-floor-plan-outer .plan-card { display: flex; background: #ffffff; overflow: hidden; min-height: 380px; gap: 30px; } .new-floor-plan-outer .plan-image-area { flex: 1 1 0; background: #fff; padding: 25px; display: flex; align-items: center; justify-content: center; min-width: 0; border: 10px solid #d4dddd; position: relative; } .new-floor-plan-outer .plan-image-area svg { width: 100%; max-height: 360px; display: block; } .new-floor-plan-outer .plan-zoom-icon-btn { position: absolute; right: 18px; bottom: 18px; width: 44px; height: 44px; padding: 0; border: none; border-radius: 50%; background: #1e4a5c; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 4; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); transition: background 0.2s ease, transform 0.2s ease; } .new-floor-plan-outer .plan-zoom-icon-btn:hover { background: #14343f; transform: scale(1.08); } .new-floor-plan-outer .plan-zoom-icon-btn svg { width: 20px; height: 20px; } /* Full-screen zoom / pan viewer */ .plan-zoom-modal { display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.9); z-index: 9999999; flex-direction: column; } .plan-zoom-modal.active { display: flex; } .plan-zoom-modal-toolbar { display: flex; justify-content: flex-start; align-items: center; gap: 12px; padding: 18px 24px; flex: 0 0 auto; } .plan-zoom-btn { width: 44px; height: 44px; border: none; border-radius: 50%; background: rgba(255, 255, 255, 0.15); color: #fff; font-size: 20px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s ease; } .plan-zoom-btn:hover { background: rgba(255, 255, 255, 0.3); } .plan-zoom-modal-viewport { flex: 1 1 auto; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; cursor: default; touch-action: none; } .plan-zoom-modal-viewport.zoomed { cursor: grab; } .plan-zoom-modal-viewport.dragging { cursor: grabbing; } .plan-zoom-modal-viewport img { max-width: 90%; max-height: 90%; user-select: none; pointer-events: none; will-change: transform; } .plan-zoom-modal-viewport img.plan-zoom-animate { transition: transform 0.2s ease; } .new-floor-plan-outer .block-selector { flex: 0 0 500px; display: flex; overflow: hidden; } #panel-master .block-selector { display: none; } .new-floor-plan-outer .block-list { flex: 0 0 65%; background: #d4dddd; display: flex; flex-direction: column; justify-content: center; } .new-floor-plan-outer .block-btn { position: relative; padding: 15px 40px 15px 40px; background: transparent; border: none; text-align: left; cursor: pointer; transition: color 0.2s; display: flex; align-items: center; line-height: 1.3; font-family: "Nunito Sans", sans-serif; font-size: 21px; font-weight: 400; letter-spacing: 1.5px; color: #8f9e9d; } .new-floor-plan-outer .block-btn:hover { color: #5c6a6b; } .new-floor-plan-outer .block-btn.active { color: #5c6a6b; font-weight: 500; } /* Right-pointing notch arrow on active item */ /* .new-floor-plan-outer .block-btn.active::after { content: ''; position: absolute; right: -15px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #cdd5d9; z-index: 4; } */ .new-floor-plan-outer .block-detail-col { flex: 1; background: #fff; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 35px 35px; gap: 26px; position: relative; z-index: 2; } /* subtle inner highlight */ .new-floor-plan-outer .block-detail-col::before { content: ''; position: absolute; inset: 0; background: linear-gradient(150deg, rgba(255, 255, 255, 0.05) 0%, transparent 55%); pointer-events: none; } .new-floor-plan-outer .detail-line { display: flex; flex-direction: column; gap: 5px; } .new-floor-plan-outer .detail-line-label { font-size: 10px; font-weight: 400; color: #8fa0a8; letter-spacing: 0.1em; text-transform: uppercase; display: none; } .new-floor-plan-outer .detail-line-value { font-family: "Nunito Sans", sans-serif; font-size: 20px; font-weight: 700; color: #ffffff; letter-spacing: 0.01em; line-height: 1.1; } .new-floor-plan-outer .detail-line-value.sqft { font-family: "Nunito Sans", sans-serif; font-size: 26px; font-weight: 600; color: #fff; letter-spacing: 0.03em; } /* Tablet: 920px and below */ /* Mobile: 700px and below */ /* Small mobile: 480px and below */ .project-section6 .container { max-width: 1620px; } .project-section6.regal { padding-top: 100px; } .nl-section { margin: 0 auto; } .nl-heading-row { display: flex; align-items: baseline; gap: 24px; margin-bottom: 70px; } .nl-heading { font-size: 43px; font-weight: 400; color: #757777; white-space: nowrap; font-family: "Instrument Serif", serif; } .nl-heading-line { flex: 1; height: 1px; background: #7f7f7f; } .nl-body { display: flex; min-height: 520px; background: #fff; } .nl-sidebar { flex: 0 0 350px; background: #29374b; display: flex; gap: 10px; flex-direction: column; padding-top: 20px; padding-left: 50px; padding-right: 50px; padding-bottom: 20px; justify-content: center; } .nl-tab { width: 100%; padding: 10px 20px; font-size: 20px; font-weight: 500; letter-spacing: 0.4px; text-align: left; cursor: pointer; background: transparent; color: #acbcbf; border: none; border-left: 3px solid #29374b; border-bottom: 3px solid #29374b; outline: none; position: relative; font-family: "Nunito Sans", sans-serif; transition: all 0.3s ease-in-out; } .nl-tab:hover { color: #e1eeef; } .nl-tab.active { color: #e1eeef; border-left: 3px solid #3e5168; border-bottom: 3px solid #3e5168; } .nl-map-area { flex: 1; position: relative; min-height: 0px; overflow: hidden; } /* Each map panel */ .nl-map-panel { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 10px solid #d4dddd; } .nl-map-panel.active { display: block; } .nl-map-panel .nl-map-image { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; } .nl-marker-label { background: #fff; border: 1px solid #ddd; border-radius: 3px; padding: 3px 7px; font-family: "Nunito Sans", sans-serif; font-size: 11px; font-weight: 400; color: #333; white-space: nowrap; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12); } .sp-marker { width: 52px; height: 52px; background: #1a1a1a; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); border: 3px solid #1a1a1a; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35); } .sp-marker-inner { width: 20px; height: 20px; background: #4caf50; border-radius: 50%; transform: rotate(45deg); } .cat-marker { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); font-size: 15px; } .project-section7 { padding: 140px 0; } .project-section7 .container { max-width: 1620px; } .brands-section { margin: 0 auto; border-bottom: 1px solid #aaaaaa; padding-bottom: 54px; } .brands-heading-row { display: flex; align-items: center; gap: 24px; margin-bottom: 40px; } .brands-heading { font-size: 43px; font-weight: 400; color: #757777; white-space: nowrap; font-family: "Instrument Serif", serif; } .brands-heading-line { flex: 1; height: 1px; background: #7f7f7f; } .brands-subtitle { text-align: center; font-size: 18px; font-weight: 400; color: #666; margin-bottom: 40px; font-family: "Nunito Sans", sans-serif; } .brands-slider-wrapper { display: flex; align-items: center; gap: 30px; position: relative; } .brands-arrow { flex-shrink: 0; width: 50px; display: flex; align-items: center; justify-content: center; background: none; border: none; cursor: pointer; padding: 0; color: #e9e9ea; transition: color 0.2s; z-index: 2; } .brands-arrow { width: 47px; height: 47px; stroke: #e9e9ea; stroke-width: 1; fill: none; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.2s; } .brands-arrow.brands-prev { background-image: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/prev-arrow2.png'); background-repeat: no-repeat; } .brands-arrow.brands-next { background-image: url('https://i0.wp.com/signaturedwellings.in/wp-content/themes/signature/images/next-arrow2.png'); background-repeat: no-repeat; } .brands-arrow.disabled { opacity: 0.25; cursor: default; pointer-events: none; } .brands-outer { flex: 1; overflow: hidden; cursor: grab; user-select: none; -webkit-user-select: none; } .brands-outer.is-dragging { cursor: grabbing; } .brands-track { display: flex; align-items: center; will-change: transform; } .brand-item { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; padding: 0 48px; pointer-events: none; } .brand-item img { display: block; width: auto; max-width: 160px; object-fit: contain; pointer-events: none; } .brand-logo { display: block; height: 44px; width: auto; max-width: 160px; object-fit: contain; pointer-events: none; } .brands-divider { border: none; border-top: 1px solid #e2dbd3; margin-top: 44px; } /* Brands slider: show more logos in the viewport on small screens */ .project-section8 { padding-bottom: 65px; } .project-section8 .container { max-width: 1620px; } .spec-section { margin: 0 auto; } .spec-heading { font-size: 40px; font-weight: 400; color: #757777; white-space: nowrap; font-family: "Instrument Serif", serif; margin-bottom: 48px; } .spec-tabs-outer { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin-bottom: 54px; } .spec-tabs-outer::-webkit-scrollbar { display: none; } .spec-tabs { display: flex; flex-wrap: nowrap; gap: 0; min-width: max-content; justify-content: space-between; } .spec-tab { padding: 0px 15px; height: 37px; width: auto; font-family: "Nunito Sans", sans-serif; font-size: 20px; font-weight: 500; letter-spacing: 0.3px; color: #666666; background: #fff; border: 1px solid #c8c0b6; cursor: pointer; white-space: nowrap; transition: background 0.2s, color 0.2s; outline: none; line-height: 1; } /* Close right border on last tab */ .spec-tab:last-child { border-right: 1px solid #c8c0b6; } .spec-tab:hover:not(.active) { background: #879499; } .spec-tab.active { background: #879499; color: #fff; border-color: #879499; /* Keep surrounding borders from collapsing */ position: relative; z-index: 1; } .spec-panels { position: relative; } .spec-panel { display: none; } .spec-panel.active { display: block; } .spec-card { background: #5f6c73; padding: 55px 90px; min-height: 200px; } .spec-list, .spec-card ul { list-style: none; display: flex; flex-direction: column; gap: 20px; } .spec-card p, .spec-card li, .spec-list li { font-family: "Nunito Sans", sans-serif; font-size: 16px; font-weight: 300; color: #fff; line-height: 1.15; padding-left: 18px; position: relative; letter-spacing: 0.2px; } .spec-list li::before, .spec-card ul li::before { content: '\2022'; position: absolute; left: 0; top: 0; color: #c8d6de; font-size: 16px; line-height: 1.5; } .project-section9 { padding-top: 75px; } .project-section9 .container { max-width: 1620px; padding-bottom: 65px; border-bottom: 1px solid #565656; } .wwb-section { margin: 0 auto; } .wwb-heading-row { display: flex; align-items: center; gap: 24px; margin-bottom: 54px; } .wwb-heading { font-size: 40px; font-weight: 400; color: #757777; white-space: nowrap; font-family: "Instrument Serif", serif; } .wwb-heading-line { flex: 1; height: 1px; background: #565656; } .wwb-slider-outer { overflow: hidden; cursor: grab; user-select: none; -webkit-user-select: none; } .wwb-slider-outer.is-dragging { cursor: grabbing; } .wwb-track { display: flex; gap: 28px; will-change: transform; } /* Dissolves the server-side group-of-3 wrapper so each .video-card becomes a direct flex item of .wwb-track — lets the slider step through every video individually instead of jumping whole groups at a time. */ .wwb-slide { display: contents; } .video-card { flex: 0 0 calc((100% - 56px) / 3); /* 3 cards visible on desktop (2 × 28px gaps) */ position: relative; background: #000; aspect-ratio: 16 / 9; overflow: hidden; cursor: pointer; } /* Thumbnail / poster image */ .video-card .vc-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #000; transition: opacity 0.3s; } /* Overlay sits on top of poster, hidden after play */ .video-card .vc-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; z-index: 3; transition: opacity 0.3s; } /* Play button circle */ .vc-play-btn { width: 60px; height: 60px; border-radius: 50%; background: #9e9e9e; display: flex; align-items: center; justify-content: center; transition: background 0.22s, transform 0.22s; flex-shrink: 0; } .video-card:hover .vc-play-btn { background: rgba(180, 180, 180, 0.95); transform: scale(1.08); } .vc-play-btn svg { width: 20px; height: 20px; fill: #fff; margin-left: 4px; /* optical centre for triangle */ } /* iframe / video element injected on play */ .video-card iframe, .video-card video { position: absolute; inset: 0; width: 100%; height: 100%; border: none; z-index: 2; background: #000; } /* Hide overlay once video is active */ .video-card.playing .vc-overlay { opacity: 0; pointer-events: none; } .wwb-bottom { display: flex; justify-content: flex-end; align-items: center; gap: 10px; padding: 22px 0 0; } .wwb-arrow { width: 38px; height: 38px; border-radius: 50%; border: 1px solid #bbb; background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: border-color 0.2s, background 0.2s; outline: none; } .wwb-arrow svg { width: 14px; height: 14px; stroke: #888; stroke-width: 1.6; fill: none; stroke-linecap: round; stroke-linejoin: round; } .wwb-arrow:hover { border-color: #888; background: #f6f4f1; } .wwb-arrow.disabled { opacity: 0.3; cursor: default; pointer-events: none; } .wwb-divider { border: none; border-top: 1px solid #e2dbd3; margin-top: 28px; } .project-section10 .container { max-width: 1620px; padding-top: 140px; padding-bottom: 120px; } .faq-section { margin: 0 auto; } .faq-heading { font-size: 36px; font-weight: 400; color: #757777; white-space: nowrap; font-family: "Instrument Serif", serif; margin-bottom: 65px; } /* Desktop (501px+): category column + stacked panels in right column via grid */ .faq-cat-btn { width: 100%; padding: 29px 55px; font-family: "Nunito Sans", sans-serif; font-size: 22px; font-weight: 500; letter-spacing: 0.2px; text-align: left; cursor: pointer; background: #efefef; color: #434345; border: none; transition: background 0.2s, color 0.2s; outline: none; } .faq-cat-wrap:last-child .faq-cat-btn { border-bottom: none; } .faq-cat-btn:hover:not(.active) { background: #5c6a6b; color: #fff; } .faq-cat-btn.active { background: #5c6a6b; color: #fff; } /* Each category panel */ .faq-panel { display: none; } .faq-panel.active { display: block; } .faq-item { margin-bottom: 15px; } .faq-item:last-child { border-bottom: none; } /* Question row */ .faq-question { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px 64px; cursor: pointer; background: #dae2e5; transition: background 0.22s; user-select: none; -webkit-user-select: none; } .faq-question:hover { background: #e0e4e8; } .faq-item.open .faq-question { background: #798689; } .faq-question-text { font-family: "Instrument Serif", serif; font-size: 30px; font-weight: 300; color: #343e3f; line-height: 1.3; letter-spacing: 0.1px; transition: color 0.22s; } .faq-item.open .faq-question-text { color: #fff; } /* +/- icon */ .faq-icon { flex-shrink: 0; width: 20px; height: 20px; position: relative; display: flex; align-items: center; justify-content: center; } .faq-icon::before, .faq-icon::after { content: ''; position: absolute; background: #7a9090; border-radius: 1px; transition: background 0.22s, transform 0.3s, opacity 0.3s; } /* Horizontal bar (always visible) */ .faq-icon::before { width: 14px; height: 1.5px; } .faq-icon::after { width: 1.5px; height: 14px; } .faq-item.open .faq-icon::before, .faq-item.open .faq-icon::after { background: #fff; } .faq-item.open .faq-icon::after { transform: rotate(90deg); opacity: 0; } /* Answer */ .faq-answer { display: none; padding: 0px 100px 50px 66px; background: #798689; } .faq-answer ul { list-style: disc; padding-left: 30px; } .faq-answer p, .faq-answer ul li { font-family: "Nunito Sans", sans-serif; font-size: 16px; font-weight: 300; color: #fff; line-height: 1.8; letter-spacing: 0.2px; } .project-main-top-section .container { max-width: 1620px; padding-top: 100px; } .project-section11 .container { max-width: 1620px; padding-top: 10px; padding-bottom: 178px; border-bottom: 1px solid #565656; } .project-main-section1 .container { max-width: 1620px; padding-top: 100px; padding-bottom: 145px; } .proj-section { margin: 0 auto; } .proj-heading-row { display: flex; align-items: baseline; gap: 28px; margin-bottom: 0px; } .proj-heading-line { flex: 1; height: 1px; background: #c8c0b4; } .proj-heading { font-size: 43px; font-weight: 400; color: #757777; white-space: nowrap; font-family: "Instrument Serif", serif; margin-bottom: 56px; } .proj-slider-outer { cursor: grab; user-select: none; -webkit-user-select: none; /* extra bottom padding so the overlapping label box isn't clipped */ padding-bottom: 4px; /* clip the horizontally-overflowing track so it can't trigger a page scrollbar, while keeping vertical overflow (overlapping label box) visible */ overflow-x: clip; overflow-y: visible; } .proj-slider-outer.is-dragging { cursor: grabbing; } .proj-track { display: flex; gap: 49px; will-change: transform; align-items: flex-start; } .project-main-section1 .proj-cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; align-items: start; width: 100%; } .project-main-section1 .proj-card { flex: none; width: 100%; min-width: 0; max-width: none; } .proj-card { flex: 0 0 calc((100% - 56px) / 3); /* 3 visible, 2 gaps of 28px */ display: flex; flex-direction: column; align-items: stretch; text-decoration: none; color: inherit; pointer-events: auto; transition: transform 0.28s ease; position: relative; } .proj-card:hover { transform: translateY(-5px); } .proj-img-wrap { width: 100%; height: 625px; max-width: 506px; overflow: hidden; background: #c0b8ac; position: relative; flex-shrink: 0; } .proj-img-wrap img { width: 100%; height: 628px; object-fit: cover; object-position: center; display: block; pointer-events: none; /* no native image drag */ -webkit-user-drag: none; user-drag: none; transition: transform 0.5s ease; } .proj-card:hover .proj-img-wrap img { transform: scale(1.04); } /* Kill native drag on every child of the slider */ .proj-slider-outer * { -webkit-user-drag: none; user-drag: none; } .proj-slider-outer svg, .proj-slider-outer img { pointer-events: none; } .proj-info-wrap { width: 254px; height: 174px; background: #f4f4f4; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-self: center; padding: 18px 22px 16px 22px; text-align: center; position: absolute; bottom: -61px; } .page-template-template-signatureheightspage .proj-info-wrap { width: 294px; height: 163px; background: #f4f4f4; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-self: center; padding: 18px 22px 16px 22px; text-align: center; position: absolute; bottom: -66px; } .page-template-template-signatureheightspage .proj-logo-row img { max-width: 100%; max-height: 163px; } .proj-label { background: transparent; margin-top: 0; position: relative; z-index: auto; width: 100%; padding: 0; } /* Logo row: icon + text stack */ .proj-logo-row { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 0px; } .proj-logo-row img { max-width: 100%; } .proj-logo-icon { flex-shrink: 0; } .proj-logo-text { display: flex; flex-direction: column; gap: 1px; } .proj-sig-word { font-family: "Nunito Sans", sans-serif; font-size: 9px; font-weight: 300; letter-spacing: 1.8px; color: #999; text-transform: lowercase; line-height: 1; } .proj-name { font-family: "Nunito Sans", sans-serif; font-size: 26px; font-weight: 700; letter-spacing: 2px; line-height: 1; text-transform: uppercase; } .proj-location { font-size: 12px; font-weight: 500; color: #5d6466; text-transform: uppercase; padding: 0; margin-top: auto; font-family: "Nunito Sans", sans-serif; } .proj-card--heights .proj-name { color: #8a6530; } .proj-card--marvel .proj-name { color: #1a2332; } .proj-card--tropicale .proj-name { color: #1e3a2f; } .proj-nav { display: flex; display: none; justify-content: flex-end; gap: 10px; margin-top: 36px; } .proj-arrow { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #bbb; background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; outline: none; transition: border-color 0.2s, background 0.2s; } .proj-arrow svg { width: 14px; height: 14px; stroke: #888; stroke-width: 1.6; fill: none; stroke-linecap: round; stroke-linejoin: round; } .proj-arrow:hover { border-color: #888; background: #f6f4f1; } .proj-arrow.disabled { opacity: 0.28; cursor: default; pointer-events: none; } .project-section12 { overflow-x: hidden; } .project-section12 .container { max-width: 1620px; padding-top: 151px; padding-bottom: 151px; width: 100%; box-sizing: border-box; } .contact-band { background: #f2f2f2; width: 100%; box-sizing: border-box; overflow-x: hidden; padding: 52px 120px; } .contact-inner { margin: 0 auto; display: flex; align-items: center; gap: 130px; } .contact-left { flex: 0 0 300px; } .contact-label { font-size: 20px; font-weight: 500; color: #78797a; text-transform: uppercase; margin-bottom: 10px; font-family: "Nunito Sans", sans-serif; } .contact-heading { font-size: 69px; font-weight: 400; color: #818284; line-height: 1; font-family: "Instrument Serif", serif; } .contact-form-wrap { flex: 1; } .form-subtitle { font-size: 16px; font-weight: 300; color: #666; margin-bottom: 15px; font-family: "Nunito Sans", sans-serif; } /* Two-column grid of fields */ .form-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 70px; row-gap: 10px; } .form-grid-left, .form-grid-right { row-gap: 10px; display: flex; flex-direction: column; } .form-field { display: flex; flex-direction: column; gap: 5px; width: 305px; } .form-field label { font-family: "Nunito Sans", sans-serif; font-size: 15px; font-weight: 500; letter-spacing: 1.2px; color: #555; } /* Underline-only input */ .form-field input { background: transparent; border: none; border-bottom: 1px solid #b8b4ae; border-radius: 0; padding: 6px 0 8px; font-family: "Nunito Sans", sans-serif; font-size: 15px; font-weight: 300; color: #444; outline: none; width: 100%; transition: border-color 0.2s; -webkit-appearance: none; } .form-field input::placeholder { color: #b0acaa; font-weight: 300; } .form-field input:focus { border-bottom-color: #5a6e7e; } /* Mobile prefix row for phone */ .phone-wrap { display: flex; align-items: flex-end; gap: 8px; border-bottom: 1px solid #b8b4ae; transition: border-color 0.2s; } .phone-wrap:focus-within { border-bottom-color: #5a6e7e; } .phone-prefix { font-family: "Nunito Sans", sans-serif; font-size: 13px; font-weight: 300; color: #888; padding: 6px 0 8px; white-space: nowrap; flex-shrink: 0; line-height: 1; } .phone-wrap input { border-bottom: none !important; padding-left: 0; flex: 1; } .contact-submit-wrap { flex: 0 0 auto; display: flex; align-items: center; } .contact-submit { border: none; padding: 9px 35px; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer; white-space: nowrap; outline: none; font-family: "Nunito Sans", sans-serif; font-size: 15px; font-weight: 500; color: #fff; background: linear-gradient(to right, #4a5c5f, #2e3a3c); transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; line-height: 30px; } .contact-submit:hover { background: linear-gradient(to right, #5b7174, #3a4d50); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(46, 58, 60, 0.45); } .form-field .field-error { font-size: 10.5px; color: #c0392b; letter-spacing: 0.3px; display: none; margin-top: 2px; } .form-field.has-error input, .form-field.has-error .phone-wrap { border-bottom-color: #c0392b; } .form-field.has-error .field-error { display: block; } .contact-success { display: none; text-align: center; padding: 24px 0; } .contact-success p { font-family: "Nunito Sans", sans-serif; font-size: 22px; font-weight: 300; font-style: italic; color: #5a6e7e; } .contact-form-wrap .wpcf7 { margin: 0; padding: 0; width: 100%; max-width: 100%; box-sizing: border-box; } .contact-form-wrap .wpcf7-form { margin: 0; width: 100%; max-width: 100%; box-sizing: border-box; min-width: 0; } /* Remove CF7 default paragraph spacing */ .contact-form-wrap .wpcf7-form>p, .contact-form-wrap .wpcf7-form br { display: none; } /* Fix fieldset default min-width: min-content which causes overflow */ .contact-form-wrap fieldset { min-width: 0; border: none; padding: 0; margin: 0; } /* Constrain cf7-form-body and submit row */ .contact-form-wrap .cf7-form-body { width: 100%; max-width: 100%; box-sizing: border-box; min-width: 0; display: flex; justify-content: space-between; gap: 133px; } /* Fix

tags CF7 generates inside .form-field */ .contact-form-wrap .form-field p { margin: 0; padding: 0; width: 100%; box-sizing: border-box; } .contact-form-wrap .form-field br { display: none; } /* Fix submit row paragraph */ .contact-form-wrap .cf7-submit-row p { margin: 0; padding: 0; } /* CF7 inputs mirror native .form-field input */ .contact-form-wrap .wpcf7-form-control:not([type="submit"]) { background: transparent; border: none; border-bottom: 1px solid #b8b4ae; border-radius: 0; padding: 6px 0 8px; font-family: "Nunito Sans", sans-serif; font-size: 15px; font-weight: 300; color: #444; outline: none; width: 100%; max-width: 100%; box-sizing: border-box; transition: border-color 0.2s; -webkit-appearance: none; box-shadow: none; } .contact-form-wrap .wpcf7-form-control-wrap { display: block; width: 100%; box-sizing: border-box; } .contact-form-wrap .wpcf7-form-control:not([type="submit"])::placeholder { color: #b0acaa; font-weight: 300; } .contact-form-wrap .wpcf7-form-control:not([type="submit"]):focus { border-bottom-color: #5a6e7e; } /* CF7 validation error tip */ .contact-form-wrap .wpcf7-not-valid-tip { font-size: 10.5px; color: #c0392b !important; letter-spacing: 0.3px; margin-top: 2px; display: block; } .contact-form-wrap .wpcf7-response-output { margin: 12px 0 0; padding: 0; background: transparent !important; font-family: "Nunito Sans", sans-serif; font-size: 13px; font-weight: 300; color: #46b450; } /* Success state */ .contact-form-wrap .wpcf7-mail-sent-ok { color: #5a6e7e !important; border: none !important; } .cf7-submit-row { display: flex; justify-content: flex-end; margin-top: 28px; } /* CF7 submit button via class:contact-submit in CF7 template */ .contact-form-wrap .wpcf7-submit, .contact-form-wrap input[type="submit"] { border: none; padding: 9px 35px; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer; white-space: nowrap; outline: none; font-family: "Nunito Sans", sans-serif; font-size: 15px; font-weight: 500; color: #fff; background: linear-gradient(to right, #4a5c5f, #2e3a3c); transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; line-height: 30px; } .contact-form-wrap .wpcf7-submit:hover, .contact-form-wrap input[type="submit"]:hover { background: linear-gradient(to right, #5b7174, #3a4d50); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(46, 58, 60, 0.45); } .contact-form-wrap .wpcf7-form-control-wrap[data-name="mobile"] { display: flex; align-items: flex-end; gap: 8px; border-bottom: 1px solid #b8b4ae; transition: border-color 0.2s; } .contact-form-wrap .wpcf7-form-control-wrap[data-name="mobile"]::before { content: "+91"; font-family: "Nunito Sans", sans-serif; font-size: 13px; font-weight: 300; color: #888; padding: 6px 0 8px; white-space: nowrap; flex-shrink: 0; line-height: 1; } .contact-form-wrap .wpcf7-form-control-wrap[data-name="mobile"] input { border-bottom: none !important; flex: 1; width: auto !important; min-width: 0; } .contact-form-wrap .wpcf7-form-control-wrap[data-name="mobile"]:focus-within { border-bottom-color: #5a6e7e; } /* No-form fallback message */ .ps12-no-form { font-family: "Nunito Sans", sans-serif; font-size: 14px; color: #888; } .page-section1 { padding: 100px 0; } /*About Page Start*/ .about-section1 { position: relative; overflow: hidden; width: 100%; } .about-section1 .container { max-width: 1620px; } .ab-slider { position: relative; width: 100%; height: calc(100vh - 250px); overflow: hidden; } .ab-slide { position: absolute; inset: 0; display: flex; pointer-events: none; z-index: 0; margin-top: 50px; } .ab-slide.active { pointer-events: all; z-index: 2; } .ab-slide.leave { z-index: 1; } .ab-eyebrow { display: block; font-family: "Nunito Sans", sans-serif; font-size: 15px; font-weight: 500; letter-spacing: .32em; text-transform: uppercase; color: #6b6056; margin-bottom: 20px; } .ab-headline { font-weight: 400; font-size: 45px; line-height: 100%; color: #3a3a3a; font-family: "Instrument Serif", serif; margin: 10px 0 0 0; overflow: hidden; position: relative; transform: scaleX(0); transform-origin: left center; transition: transform .72s cubic-bezier(.22, .8, .32, 1); transition-delay: .18s; } h3.ab-headline { font-size: 45px; font-weight: 400; margin: 10px 0 0 0; } .ab-headline em { font-style: italic; color: #7c6a52; } .ab-line { display: block; padding-bottom: 10px; } .ab-headline::after { content: ''; position: absolute; inset: -2px 0; background: #ffffff; transform: scaleX(1); transform-origin: right center; transition: transform .68s cubic-bezier(.22, .8, .32, 1); transition-delay: .48s; } .ab-slide.active:not(.leave) .ab-headline { transform: scaleX(1); } .ab-slide.active:not(.leave) .ab-headline::after { transform: scaleX(0); } .ab-slide.leave .ab-headline { transform: scaleX(0); transition-duration: .40s; transition-timing-function: cubic-bezier(.55, 0, .8, .45); transition-delay: .00s; } .ab-slide.leave .ab-headline::after { transform: scaleX(1); transition-duration: .38s; transition-timing-function: cubic-bezier(.55, 0, .8, .45); transition-delay: .00s; } .ab-col-left { width: 40%; height: 100%; background: #ffffff; display: flex; flex-direction: column; padding: 50px 250px 0px 0px; overflow: hidden; } .ab-left-text { flex-shrink: 0; padding-bottom: 28px; } .ab-left-img { flex: 1; min-height: 0; overflow: hidden; transform: translateX(-100%); transition: transform .85s cubic-bezier(.22, .8, .32, 1); } .ab-left-img img { width: 100%; height: 100%; object-fit: cover; display: block; } .ab-slide.active .ab-left-img { transform: translateX(0); } .ab-slide.leave .ab-left-img { transform: translateX(100%); transition-duration: .85s; transition-timing-function: cubic-bezier(.22, .8, .32, 1); } .ab-col-right { width: 60%; height: 100%; position: relative; overflow: hidden; clip-path: inset(0 100% 0 0); transition: clip-path .85s cubic-bezier(.22, .8, .32, 1); } .ab-right-img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; transform: scale(1.06); transition: transform 1.6s ease; } .ab-slide.active .ab-col-right { clip-path: inset(0 0% 0 0); } .ab-slide.leave .ab-col-right { clip-path: inset(0 100% 0 0); transition-duration: .85s; transition-timing-function: cubic-bezier(.22, .8, .32, 1); } .ab-slide.active .ab-right-img { transform: scale(1); } .ab-overlap-card { position: absolute; top: 37%; left: 40%; width: 300px; background: rgba(255, 255, 255, .95); padding: 22px 24px; z-index: 20; transform: translateX(-50%) scaleX(0); transform-origin: left center; transition: transform .68s cubic-bezier(.22, .8, .32, 1); transition-delay: .52s; } .ab-overlap-card p { font-family: "Nunito Sans", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.78; color: #2c2925; position: relative; overflow: hidden; } .ab-overlap-card p::after { content: ''; position: absolute; inset: -2px 0; background: rgba(255, 255, 255, .95); transform: scaleX(1); transform-origin: right center; transition: transform .68s cubic-bezier(.22, .8, .32, 1); transition-delay: .78s; } .ab-slide.active:not(.leave) .ab-overlap-card p::after { transform: scaleX(0); } .ab-slide.leave .ab-overlap-card p::after { transform: scaleX(1); transition-duration: .38s; transition-timing-function: cubic-bezier(.55, 0, .8, .45); transition-delay: .00s; } .ab-slide.active:not(.leave) .ab-overlap-card { transform: translateX(-50%) scaleX(1); } .ab-slide.leave .ab-overlap-card { transform: translateX(-50%) scaleX(0); transition-duration: .38s; transition-timing-function: cubic-bezier(.55, 0, .8, .45); transition-delay: .00s; } .ab-nav-row { position: absolute; bottom: 28px; right: 40px; display: flex; align-items: center; gap: 20px; z-index: 15; } /* dots */ .ab-dots { display: flex; gap: 8px; align-items: center; } .ab-dot { width: 28px; height: 2px; background: rgba(255, 255, 255, .45); cursor: pointer; border: none; transition: background .3s, width .35s; } .ab-dot.active { background: #ffffff; width: 46px; } /* counter */ .ab-counter { font-family: "Instrument Serif", serif; font-size: 14px; color: rgba(255, 255, 255, .7); letter-spacing: .06em; } .ab-counter strong { font-size: 24px; font-weight: 400; color: #ffffff; margin-right: 2px; } /* arrows */ .ab-arrows { display: flex; gap: 8px; } .ab-arr-btn { width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, .5); background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #ffffff; transition: background .25s, border-color .25s; } .ab-arr-btn:hover { background: #b4965a; border-color: #b4965a; } .ab-arr-btn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; } .ab-progress-line { position: absolute; bottom: 0; left: 0; height: 2px; background: #b4965a; width: 0; z-index: 100; pointer-events: none; } /* mobile-only block hidden on desktop */ .ab-mobile-content { display: none; } /*About Page End*/ .about-section2 { background-color: #fff; padding-top: 92px; padding-bottom: 23px; } .about-section2 .container { max-width: 1620px; margin: 0 auto; padding: 0; } /* Heading Row */ .as2-heading-row { display: flex; align-items: center; gap: 28px; margin-bottom: 28px; } .as2-line { flex: 1; height: 1px; background-color: #e4e4e4; display: block; } .as2-title { font-family: 'Instrument Serif', Georgia, serif; font-size: 55px; font-weight: 400; color: #3a3a3a; white-space: nowrap; margin: 0; line-height: 1.1; } /* Description */ .as2-desc { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-weight: 300; color: #6b6056; line-height: 1.8; text-align: center; max-width: 80%; margin: 0 auto 55px; } /* Cards Grid */ .as2-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 70px; border-top: 1px solid #e4e4e4; padding-top: 100px; padding-bottom: 100px; border-bottom: 1px solid #e4e4e4; } .as2-card { background: linear-gradient(135deg, #1a5c52 0%, #1a5c52 40%, #2e7a5a 100%); padding: 52px 44px 56px; position: relative; display: flex; flex-direction: column; } .as2-card-icon { position: absolute; top: 40px; right: 40px; width: 100px; height: 100px; opacity: 0.85; } .as2-card-icon img { width: auto; height: 100%; max-width: 100%; } /* Card Title */ .as2-card-title { font-family: 'Instrument Serif', Georgia, serif; font-size: 46px; font-weight: 400; color: #ffffff; margin: 0 0 30px; line-height: 1.1; max-width: 75%; } /* Card Body */ .as2-card-text, .as2-card-text p { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-weight: 300; color: #fff; line-height: 1.85; margin: 0; } .about-section3 { background-color: #ffffff; padding: 0; } .about-section3 .container { max-width: 1620px; margin: 0 auto; padding: 0; } .as3-inner { display: grid; grid-template-columns: 42% 58%; min-height: 480px; } /* Left column */ .as3-left { display: flex; flex-direction: column; justify-content: center; padding: 0px 80px 0px 0px; gap: 0; } /* Each item row */ .as3-item { display: flex; align-items: flex-start; gap: 42px; padding: 40px 0; } .as3-divider { height: 2px; background-color: #bcbdbd; width: 100%; } /* Icon */ .as3-icon { flex-shrink: 0; width: 80px; height: auto; } .as3-icon svg { width: 100%; height: 100%; } /* Content */ .as3-content { display: flex; flex-direction: column; gap: 10px; padding-top: 6px; } .as3-item-title { font-family: 'Instrument Serif', Georgia, serif; font-size: 38px; font-weight: 400; color: #646565; margin: 0; line-height: 1.1; } .as3-item-text { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-weight: 300; color: #333; line-height: 1.5; margin: 0; max-width: 380px; } .as3-right { position: relative; overflow: hidden; display: flex; align-items: center; } .as3-right img { max-width: 100%; height: auto; object-fit: cover; object-position: center; display: block; } .about-section4 { background-color: #ffffff; padding-top: 50px; padding-bottom: 100px; } .about-section4 .container { max-width: 1620px; margin: 0 auto; padding: 0; } /* Full-width image */ .as4-image-wrap { width: 100%; line-height: 0; overflow: hidden; } .as4-image-wrap img { width: 100%; height: auto; display: block; object-fit: cover; } /* Green content block */ .as4-content { background: linear-gradient(135deg, #0d3d2e 0%, #0d3d2e 30%, #0e5c52 100%); padding: 93px 80px 93px; } .as4-title { font-family: 'Instrument Serif', Georgia, serif; font-size: 60px; font-weight: 400; color: #ffffff; margin: 0 0 35px; line-height: 1.1; } /* Two-column text with divider */ .as4-cols { display: grid; grid-template-columns: 1fr 1px 1fr; gap: 0 56px; align-items: start; } .as4-col-divider { background-color: rgba(255, 255, 255, 0.25); align-self: stretch; } .as4-col-text, .as4-col-text p { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-weight: 300; color: #fff; line-height: 1.85; margin: 0; } .about-section5 { background-color: #ffffff; padding-bottom: 0px; } .about-section5 .container { max-width: 1620px; margin: 0 auto; padding: 0; } .as5-outer { position: relative; padding-top: 360px; } /* Teal gradient band */ .as5-band { background-image: linear-gradient(180deg, #0e6b6b 0%, #0e6b6b 45%, #2e8a5c 100%); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; overflow: hidden; min-height: 300px; display: flex; align-items: center; padding: 88px 80px; } .as5-text { flex: 0 0 46%; max-width: 46%; position: relative; z-index: 2; } .as5-title { font-family: 'Instrument Serif', Georgia, serif; font-size: 50px; font-weight: 400; color: #ffffff; margin: 0 0 35px; line-height: 1.1; } .as5-desc, .as5-desc p { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-weight: 300; color: #fff; line-height: 1.85; margin: 0; max-width: 590px; } /* Decorative concentric circles */ .as5-deco { position: absolute; right: 260px; top: 50%; transform: translateY(-50%); width: 480px; height: 480px; z-index: 1; pointer-events: none; } .as5-deco svg { width: 100%; height: 100%; } .as5-person { position: absolute; right: 60px; bottom: 0; height: 100%; z-index: 3; } .as5-person-deco { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; z-index: 1; pointer-events: none; } .as5-person-img { position: relative; z-index: 2; } .as5-person img { height: 100%; width: auto; max-width: 100%; object-fit: contain; object-position: bottom center; display: block; } .about-section6 { background-color: #ffffff; padding: 100px 0; } .about-section6 .container { max-width: 1620px; margin: 0 auto; padding: 0; } /* Header bar */ .as6-header { background: linear-gradient(180deg, #1a8a82 0%, #0eaa96 100%); padding: 25px 48px; margin-bottom: 23px; } .as6-header-title { font-family: 'Instrument Serif', Georgia, serif; font-size: 47px; font-weight: 400; color: #ffffff; margin: 0; line-height: 1.1; } /* Cards grid */ .as6-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 56px; } .as6-card { background: linear-gradient(180deg, #0e6b6b 0%, #2e8a5c 100%); padding: 44px 36px 52px; display: flex; flex-direction: column; } /* Icon */ .as6-icon { width: 80px; height: auto; margin-bottom: 32px; flex-shrink: 0; } .as6-icon img { max-width: 100%; height: auto; } /* Card title */ .as6-card-title { font-family: 'Instrument Serif', Georgia, serif; font-size: 38px; font-weight: 400; color: #ffffff; margin: 0 0 30px; line-height: 1; } /* Card body */ .as6-card-text, .as6-card-text p { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-weight: 300; color: #fff; line-height: 1.85; margin: 0; } .about-section7 { background-color: #ffffff; padding-top: 0px; padding-bottom: 0px; } .about-section7 .container { max-width: 1620px; margin: 0 auto; padding: 0; } .as7-inner { display: grid; grid-template-columns: 38% 62%; align-items: center; gap: 0 80px; } /* Left */ .as7-title { font-family: 'Instrument Serif', Georgia, serif; font-size: 50px; font-weight: 400; color: #565656; margin: 0 0 35px; line-height: 1; } .as7-desc { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-weight: 300; color: #2b2b2b; line-height: 1.85; margin: 0; } /* Right */ .as7-right { display: flex; flex-direction: column; } /* Timeline */ .as7-tl-wrap { position: relative; padding-bottom: 20px; } .as7-tl-line { position: absolute; left: 0; right: 0; bottom: 29px; height: 1px; background-color: #d0c9c0; z-index: 0; } .as7-tl-nodes { display: flex; justify-content: space-between; position: relative; z-index: 2; } .as7-tl-node { background: none; border: none; padding: 0; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 12px; outline: none; } .as7-tl-label { font-family: 'Instrument Serif', Georgia, serif; font-size: 28px; font-weight: 400; color: #6d6e71; white-space: nowrap; } .as7-tl-dot { width: 18px; height: 18px; border-radius: 50%; background-color: #2c2925; position: relative; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease, transform 0.3s ease; flex-shrink: 0; } .as7-tl-node.active .as7-tl-dot { background-color: #1d5e52; } /* 6-ring ripple animation */ @keyframes as7Ripple { 0% { transform: scale(1); opacity: 0.55; } 100% { transform: scale(4.2); opacity: 0; } } .as7-ring { position: absolute; inset: 0; border-radius: 50%; border: 1.5px solid rgba(29, 94, 82, 0); pointer-events: none; opacity: 0; } .as7-tl-node.active .as7-ring { border-color: rgba(29, 94, 82, 0.55); animation: as7Ripple 2.4s ease-out infinite; } .as7-tl-node.active .as7-ring:nth-child(1) { animation-delay: 0s; } .as7-tl-node.active .as7-ring:nth-child(2) { animation-delay: 0.4s; } .as7-tl-node.active .as7-ring:nth-child(3) { animation-delay: 0.8s; } .as7-tl-node.active .as7-ring:nth-child(4) { animation-delay: 1.2s; } .as7-tl-node.active .as7-ring:nth-child(5) { animation-delay: 1.6s; } .as7-tl-node.active .as7-ring:nth-child(6) { animation-delay: 2.0s; } /* Arrow pointer */ .as7-arrow-wrap { position: relative; height: 20px; } .as7-arrow { position: absolute; top: 2px; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 18px solid #1a8a82; transform: translateX(-50%); transition: left 0.35s ease; } /* Panels */ .as7-panels { background: linear-gradient(180deg, #1a8a82 0%, #0eaa96 100%); } .as7-panel { display: none; padding: 48px 52px 56px; } .as7-panel.active { display: block; } .as7-panel-title { font-family: 'Instrument Serif', Georgia, serif; font-size: 38px; font-weight: 400; color: #ffffff; margin: 0 0 30px; line-height: 1.2; } .as7-panel-list, .as7-panel ul { list-style: none; padding: 0; margin: 0 0 14px 0; display: flex; flex-direction: column; gap: 14px; } .as7-panel-list li, .as7-panel ul li { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-weight: 300; color: #fff; line-height: 1.65; padding-left: 18px; position: relative; } .as7-panel-list li::before, .as7-panel ul li::before { content: '\2022'; position: absolute; left: 0; color: rgba(255, 255, 255, 0.6); } .as7-panel p { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-weight: 300; color: #fff; line-height: 1.85; margin: 0 0 14px 0; } .about-section8 { background-color: #ffffff; padding: 100px 0; } .about-section8 .container { max-width: 1620px; margin: 0 auto; padding: 0; } .as8-image-wrap { width: 100%; line-height: 0; overflow: hidden; } .as8-image-wrap img { width: 100%; height: auto; display: block; object-fit: cover; max-height: 520px; } .as8-content { background: linear-gradient(180deg, #1e7b5a 0%, #036769 100%); padding: 90px 80px 90px; } .as8-cols { display: grid; grid-template-columns: 38fr 62fr; gap: 0 80px; align-items: center; } .as8-title { font-family: 'Instrument Serif', Georgia, serif; font-size: 44px; font-weight: 400; color: #ffffff; margin: 0; line-height: 1.1; } .as8-text, .as8-text p { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-weight: 300; color: #fff; line-height: 1.85; margin: 0; } .about-section9 { background-color: #ffffff; padding-top: 0px; } .about-section9 .container { max-width: 1620px; margin: 0 auto; padding: 0; } /* Heading row */ .as9-heading-row { display: flex; align-items: center; gap: 28px; margin-bottom: 32px; } .as9-line { flex: 1; height: 1px; background-color: #d0c9c0; display: block; } .as9-title { font-family: 'Instrument Serif', Georgia, serif; font-size: 40px; font-weight: 400; color: #757777; white-space: nowrap; margin: 0; line-height: 1.1; } /* Description */ .as9-desc-wrap { text-align: center; margin-bottom: 52px; display: flex; flex-direction: column; gap: 8px; } .as9-desc { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-weight: 300; color: #2b2b2b; line-height: 1.8; margin: 0 auto; } /* Slider */ .as9-slider-outer { overflow: hidden; width: 100%; } .as9-slider-track { display: flex; gap: 20px; transition: transform 0.42s cubic-bezier(0.4, 0, 0.2, 1); will-change: transform; } .as9-video-item { flex: 0 0 calc((100% - 40px) / 3); min-width: 0; } .as9-video-thumb { position: relative; width: 100%; padding-top: 0; background-color: #000000; overflow: hidden; cursor: pointer; height: 295px; } .as9-video-thumb img { width: 100%; object-fit: cover; height: 100%; } /* Play button */ .as9-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; border-radius: 50%; background-color: rgba(180, 180, 180, 0.72); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.25s ease, transform 0.25s ease; padding: 0; } .as9-play-btn svg { width: 22px; height: 22px; margin-left: 3px; } .as9-play-btn:hover { background-color: rgba(255, 255, 255, 0.9); transform: translate(-50%, -50%) scale(1.08); } .as9-play-btn:hover svg polygon { fill: #1d5e52; } /* Vimeo iframe injected on play */ .as9-video-thumb iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; display: block; } .as9-video-thumb.is-playing .as9-play-btn { display: none; } /* Nav row */ .as9-nav-row { display: flex; justify-content: flex-end; gap: 20px; margin-top: 37px; margin-bottom: 100px; border-bottom: 1px solid #9f9f9f; padding-bottom: 35px; } .as9-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid #616161; background: none; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #2c2925; transition: background-color 0.25s ease, color 0.25s ease; padding: 0; } .as9-nav-btn svg { width: 18px; height: 18px; } .as9-nav-btn:hover { background-color: #1d5e52; border-color: #1d5e52; color: #ffffff; } .as9-nav-btn:disabled { opacity: 0.35; cursor: default; pointer-events: none; } /* Bottom separator */ .as9-bottom-line { height: 1px; background-color: #d0c9c0; } .about-section10 { background-color: #fff; padding: 0; overflow: hidden; } .about-section10 .container { max-width: 1620px; margin: 0 auto; padding: 0; display: flex; flex-direction: column; background: linear-gradient(135deg, #1a7a78 0%, #00b5a0 100%); } /* Text content block */ .as10-content { display: grid; grid-template-columns: 1fr 1px 1fr; gap: 0 64px; align-items: start; padding: 72px 80px 64px; } /* Vertical divider */ .as10-divider { background-color: rgba(255, 255, 255, 0.28); align-self: stretch; } /* Each column */ .as10-col { display: flex; flex-direction: column; gap: 20px; } .as10-title { font-family: 'Instrument Serif', Georgia, serif; font-size: 35px; font-weight: 400; color: #ffffff; margin: 0; line-height: 1.1; } .as10-text, .as10-text p { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-weight: 300; color: #fff; line-height: 1.85; margin: 0; } /* Full-width illustration image */ .as10-image { width: 100%; line-height: 0; flex-shrink: 0; } .as10-image img { max-width: 100%; height: auto; display: block; object-fit: cover; margin: 0 auto; } .about-section11 { background-color: #ffffff; padding-top: 100px; padding-bottom: 100px; } .about-section11 .container { max-width: 1620px; margin: 0 auto; padding: 0; } /* Top and bottom border lines */ .as11-top-line, .as11-bottom-line { height: 1px; background-color: #d0c9c0; width: 100%; } /* Three-column grid */ .as11-cols { display: grid; grid-template-columns: repeat(3, 1fr); } /* Each column */ .as11-col { padding: 56px 52px; display: flex; flex-direction: column; gap: 20px; } .as11-col:not(:last-child) { border-right: 1px solid #d0c9c0; } .as11-col-title { font-family: 'Instrument Serif', Georgia, serif; font-size: 35px; font-weight: 400; color: #686868; margin: 0; line-height: 1.2; } .as11-col-text, .as11-col-text p { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-weight: 300; color: #2b2b2b; line-height: 1.85; margin: 0; } .about-section12 { background-color: #ffffff; padding-bottom: 207px; overflow: hidden; } .about-section12 .container { max-width: 1620px; margin: 0 auto; padding: 0; } /* Two-column inner layout */ .as12-inner { display: grid; grid-template-columns: 25% 75%; min-height: 780px; } .as12-left { position: relative; background-color: #fff; overflow: hidden; display: flex; align-items: end; } .as12-building-svg { width: 100%; height: 100%; display: block; position: absolute; inset: 0; } .as12-right { display: flex; flex-direction: column; background-color: #ffffff; } /* Teal header bar */ .as12-header { background: linear-gradient(180deg, #1a8a82 0%, #0eaa96 100%); padding: 25px 35px; } .as12-header-title { font-family: 'Instrument Serif', Georgia, serif; font-size: 36px; font-weight: 400; color: #ffffff; margin: 0; letter-spacing: 0.02em; } /* FAQ list container */ .as12-faqs { display: flex; flex-direction: column; padding: 0px; flex: 1; } /* Single FAQ item */ .as12-faq { border-bottom: 1px solid #ddd8d2; } /* Question button */ .as12-faq-q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 26px 0; background: none; border: none; cursor: pointer; text-align: left; outline: none; } .as12-faq-q:focus-visible { outline: 2px solid #2b7a6c; outline-offset: 2px; border-radius: 2px; } .as12-faq-q-text { font-family: 'Instrument Serif', Georgia, serif; font-size: 24px; font-weight: 400; color: #646565; line-height: 1.35; transition: color 0.2s ease; } .as12-faq-q:hover .as12-faq-q-text { color: #2b7a6c; } /* +/- icon */ .as12-faq-icon { flex-shrink: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-family: 'Nunito Sans', sans-serif; font-size: 22px; font-weight: 300; color: #2c2925; line-height: 1; transition: color 0.2s ease; } .as12-faq-q:hover .as12-faq-icon { color: #2b7a6c; } .as12-faq-a { overflow: hidden; max-height: 0; transition: max-height 0.38s ease; } .as12-faq--open .as12-faq-a { max-height: 400px; } .as12-faq-a-text, .as12-faq-a-text p { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-weight: 300; color: #2b2b2b; line-height: 1.85; margin: 0; padding-bottom: 22px; padding-right: 50px; } /*About Page End*/ /* FAQ: main category + panel accordion layout (500px and below only; desktop unchanged) */ .bl-section { padding: 100px 0; background: #ffffff; } .bl-section .container { max-width: 1620px; } .bl-heading-row { display: flex; align-items: center; gap: 24px; padding-bottom: 100px; margin-bottom: 0; } .bl-heading { font-family: "Instrument Serif", Georgia, serif; font-size: 55px; font-weight: 400; color: #565656; white-space: nowrap; margin: 0; line-height: 1; } .bl-heading-line { flex: 1; height: 1px; background: #d0c9c0; } .bl-list { width: 100%; margin-top: 0; display: flex; flex-direction: column; gap: 25px; } .bl-row { display: flex; align-items: stretch; background: #373e47; min-height: 260px; overflow: hidden; } .bl-row:last-child { border-bottom: 1px solid #e5e0db; } .bl-row--alt { background: #d1d3d4; } .bl-row-img { flex: 0 0 30%; max-width: 30%; overflow: hidden; line-height: 0; flex-shrink: 0; padding-left: 50px; } .bl-row-img a { display: block; width: 100%; height: 100%; line-height: 0; } .bl-row-img img { width: 100%; height: 100%; max-height: 300px; object-fit: cover; object-position: center; display: block; min-height: 160px; transition: transform 0.45s ease; } .bl-row:hover .bl-row-img img { transform: scale(1.04); } .bl-row-body { flex: 0 0 50%; max-width: 50%; padding: 30px 50px; display: flex; flex-direction: column; justify-content: center; gap: 10px; min-width: 0; } .bl-row-title { font-family: "Instrument Serif", serif; font-size: 36px; font-weight: 400; color: #fff; line-height: normal; margin: 0; transition: color 0.2s ease; letter-spacing: 1px; } .bl-row:hover .bl-row-title { color: #826727; } .bl-row--alt .bl-row-title { color: #373e47; } .bl-row-excerpt { font-family: "Nunito Sans", sans-serif; font-size: 18px; font-weight: 300; color: #fff; line-height: 1.7; margin: 0; } .bl-row--alt .bl-row-excerpt { color: #373e47; } .bl-row-more { font-family: "Nunito Sans", sans-serif; font-size: 15px; font-weight: 500; color: #fff; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; transition: color 0.2s ease; } .bl-row-more span { font-size: 22px; line-height: 1; } .bl-row--alt .bl-row-more { color: #373e47; } .bl-row-more:hover { color: #826727; text-decoration: none; } .bl-row-meta { flex: 0 0 20%; max-width: 20%; display: flex; align-items: stretch; padding: 50px 50px; } /* Date + Location sub-column */ .bl-row-date-col { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px 20px; gap: 5px; min-width: 110px; } .bl-row-date { font-family: "Nunito Sans", sans-serif; font-size: 15px; font-weight: 400; color: #fff; white-space: nowrap; } .bl-row--alt .bl-row-date { color: #373e47; } .bl-row-loc { font-family: "Nunito Sans", sans-serif; font-size: 15px; font-weight: 600; color: #fff; letter-spacing: 0.4px; } .bl-row--alt .bl-row-loc { color: #373e47; } /* Thin vertical separator */ .bl-row-vsep { width: 1px; background: #e5e0db; align-self: stretch; flex-shrink: 0; } .bl-row--alt .bl-row-vsep { background: #373e47; } /* Number sub-column */ .bl-row-num-col { display: flex; align-items: center; justify-content: center; padding: 20px 30px; min-width: 90px; flex-direction: column; } .bl-row-num { font-family: "Instrument Serif", Georgia, serif; font-size: 75px; font-weight: 600; color: #73777c; line-height: 1; } .bl-row--alt .bl-row-num { color: #acafb1; } .bl-scroll-sentinel { width: 100%; height: 1px; margin-top: 20px; } .bl-loader { display: flex; justify-content: center; align-items: center; gap: 10px; padding: 40px 0; } .bl-loader-dot { width: 10px; height: 10px; border-radius: 50%; background-color: #826727; animation: bl-bounce 1.2s infinite ease-in-out both; } .bl-loader-dot:nth-child(1) { animation-delay: -0.32s; } .bl-loader-dot:nth-child(2) { animation-delay: -0.16s; } .bl-loader-dot:nth-child(3) { animation-delay: 0s; } @keyframes bl-bounce { 0%, 80%, 100% { transform: scale(0); opacity: 0.3; } 40% { transform: scale(1); opacity: 1; } } .not-found-wrapper { text-align: center; padding: 60px 0; } .sp-section { background: #fff; padding-bottom: 120px; } .sp-section .container { max-width: 1620px; } .sp-hero { width: 100%; overflow: hidden; background: #1e2129; line-height: 0; } .sp-hero-img { display: block; width: 100%; height: 520px; object-fit: cover; object-position: top; } .sp-article-wrap { max-width: 920px; margin: 0 auto; padding: 65px 20px 0; } .sp-meta-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; margin-bottom: 26px; } .sp-meta-date, .sp-meta-author { display: inline-flex; align-items: center; gap: 7px; font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 400; color: #888; line-height: 1; } .sp-meta-date svg, .sp-meta-author svg { flex-shrink: 0; opacity: 0.55; } /* Dot separator between meta items */ .sp-meta-sep { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #c9a96e; flex-shrink: 0; } /* Category chips */ .sp-meta-cats { display: inline-flex; flex-wrap: wrap; gap: 6px; } .sp-meta-cat-link { font-family: "Nunito Sans", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.8px; text-transform: uppercase; color: #826727; text-decoration: none; border: 1px solid rgba(130, 103, 39, 0.4); padding: 3px 10px; transition: background 0.2s ease, color 0.2s ease; } .sp-meta-cat-link:hover { background: #826727; color: #fff; text-decoration: none; border: 1px solid #826727; } .sp-title { font-family: "Instrument Serif", serif; font-size: 52px; font-weight: 400; color: #373e47; line-height: 1.15; margin: 0 0 22px; letter-spacing: 0.2px; } /* Gold accent rule beneath the title */ .sp-title-rule { width: 55px; height: 2px; background: #826727; margin-bottom: 42px; } .sp-content { font-family: "Nunito Sans", sans-serif; font-size: 18px; font-weight: 300; line-height: 1.9; color: #444; } /* Remove top margin from the very first element */ .sp-content>*:first-child { margin-top: 0 !important; } .sp-content h1 { font-family: "Instrument Serif", serif; font-size: 42px; font-weight: 400; color: #373e47; line-height: 1.15; margin: 54px 0 18px; } .sp-content h2 { font-family: "Instrument Serif", serif; font-size: 34px; font-weight: 400; color: #373e47; line-height: 1.2; margin: 48px 0 16px; padding-bottom: 12px; border-bottom: 1px solid #e8e3dc; } .sp-content h3 { font-family: "Nunito Sans", sans-serif; font-size: 24px; font-weight: 600; color: #373e47; line-height: 1.35; margin: 40px 0 14px; } .sp-content h4 { font-family: "Nunito Sans", sans-serif; font-size: 20px; font-weight: 600; color: #4a5058; line-height: 1.4; margin: 34px 0 12px; } .sp-content h5 { font-family: "Nunito Sans", sans-serif; font-size: 17px; font-weight: 700; color: #4a5058; line-height: 1.45; letter-spacing: 0.4px; margin: 28px 0 10px; } .sp-content h6 { font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 700; color: #666; letter-spacing: 1px; text-transform: uppercase; margin: 24px 0 8px; } .sp-content p { font-size: 18px; font-weight: 300; color: #444; line-height: 1.9; margin: 0 0 22px; } .sp-content a { color: #826727; text-decoration: underline; text-underline-offset: 3px; transition: color 0.2s ease; } .sp-content a:hover { color: #5a4619; } .sp-content ul { list-style: none; padding-left: 0; margin: 0 0 24px; font-size: 18px; font-weight: 300; color: #444; line-height: 1.8; } .sp-content ul li { position: relative; padding-left: 22px; margin-bottom: 9px; } .sp-content ul li::before { content: ''; position: absolute; left: 0; top: 11px; width: 7px; height: 7px; border-radius: 50%; background: #826727; flex-shrink: 0; } .sp-content ol { padding-left: 28px; margin: 0 0 24px; font-size: 18px; font-weight: 300; color: #444; line-height: 1.8; } .sp-content ol li { margin-bottom: 9px; padding-left: 6px; } .sp-content ol li::marker { color: #826727; font-weight: 600; } /* Nested lists */ .sp-content ul ul, .sp-content ol ol, .sp-content ul ol, .sp-content ol ul { margin: 8px 0 8px 18px; } .sp-content blockquote { margin: 38px 0; padding: 26px 34px; border-left: 4px solid #826727; background: #f7f4ef; font-family: "Instrument Serif", serif; font-size: 22px; font-style: italic; font-weight: 400; color: #4a3b1a; line-height: 1.65; } .sp-content blockquote p { font-family: "Instrument Serif", serif; font-size: 22px; font-style: italic; color: #4a3b1a; line-height: 1.65; margin: 0; } .sp-content blockquote cite { display: block; margin-top: 14px; font-family: "Nunito Sans", sans-serif; font-size: 13px; font-style: normal; font-weight: 600; color: #826727; letter-spacing: 0.5px; } .sp-content img { max-width: 100%; height: auto; display: block; margin: 32px auto; } .sp-content figure { margin: 34px 0; } .sp-content figcaption { text-align: center; font-family: "Nunito Sans", sans-serif; font-size: 13px; color: #999; margin-top: 8px; font-style: italic; line-height: 1.5; } /* WP image alignment helpers */ .sp-content .alignleft { float: left; margin: 6px 28px 18px 0; } .sp-content .alignright { float: right; margin: 6px 0 18px 28px; } .sp-content .aligncenter { display: block; margin-left: auto; margin-right: auto; } /* WP caption */ .sp-content .wp-caption { max-width: 100%; margin: 32px auto; } .sp-content .wp-caption-text { text-align: center; font-family: "Nunito Sans", sans-serif; font-size: 13px; color: #999; margin-top: 6px; font-style: italic; } .sp-content hr { border: none; border-top: 1px solid #e5e0db; margin: 46px 0; } .sp-content table { width: 100%; border-collapse: collapse; margin: 34px 0; font-family: "Nunito Sans", sans-serif; font-size: 16px; } .sp-content thead th { background: #373e47; color: #fff; padding: 13px 18px; text-align: left; font-weight: 600; letter-spacing: 0.4px; } .sp-content tbody td { padding: 12px 18px; border-bottom: 1px solid #e8e3dc; color: #444; vertical-align: top; } .sp-content tbody tr:nth-child(even) td { background: #f7f4ef; } .sp-content code { font-family: "Courier New", Courier, monospace; font-size: 15px; background: #f0ede8; color: #826727; padding: 2px 7px; border-radius: 3px; } .sp-content pre { background: #2b3038; color: #e8e3dc; padding: 24px 28px; overflow-x: auto; margin: 32px 0; border-radius: 4px; font-family: "Courier New", Courier, monospace; font-size: 14px; line-height: 1.75; } .sp-content pre code { background: none; color: inherit; padding: 0; border-radius: 0; font-size: inherit; } .sp-content iframe, .sp-content video { max-width: 100%; display: block; margin: 32px auto; } .sp-page-links { clear: both; margin-top: 40px; font-family: "Nunito Sans", sans-serif; font-size: 15px; color: #666; } .sp-page-links a { display: inline-block; margin: 0 4px; padding: 4px 13px; background: #373e47; color: #fff; text-decoration: none; font-weight: 500; transition: background 0.2s ease; } .sp-page-links a:hover { background: #826727; color: #fff; } .sp-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 52px; padding-top: 30px; border-top: 1px solid #e5e0db; } .sp-tags-label { font-family: "Nunito Sans", sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #999; margin-right: 4px; } .sp-tag-pill { display: inline-block; font-family: "Nunito Sans", sans-serif; font-size: 13px; font-weight: 500; color: #555; background: #f0ede8; border: 1px solid #ddd8d0; padding: 5px 14px; text-decoration: none; transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease; } .sp-tag-pill:hover { background: #826727; color: #fff; border-color: #826727; text-decoration: none; } .sp-post-nav { display: flex; gap: 24px; margin-top: 60px; padding-top: 40px; border-top: 1px solid #e5e0db; } .sp-post-nav-prev { flex: 1; } .sp-post-nav-next { flex: 1; text-align: right; } .sp-nav-link { display: inline-flex; flex-direction: column; gap: 7px; text-decoration: none; max-width: 100%; } .sp-nav-dir { font-family: "Nunito Sans", sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: #826727; } .sp-nav-title { font-family: "Instrument Serif", serif; font-size: 20px; font-weight: 400; color: #373e47; line-height: 1.3; transition: color 0.2s ease; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sp-nav-link:hover .sp-nav-title { color: #826727; } .sp-not-found { text-align: center; padding: 100px 20px; } .sp-not-found h2 { font-family: "Instrument Serif", serif; font-size: 42px; color: #373e47; margin-bottom: 16px; } .arc-heading-wrap { display: flex; flex-direction: column; gap: 6px; flex-shrink: 0; } /* Small archive-type label (e.g. "Category Archive") */ .arc-label { font-family: "Nunito Sans", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: #826727; } .arc-nav { display: flex; align-items: center; justify-content: space-between; margin-top: 60px; padding-top: 36px; border-top: 1px solid #e5e0db; gap: 16px; } .arc-nav-older, .arc-nav-newer { flex: 0 0 auto; } .arc-nav-older a, .arc-nav-newer a { display: inline-flex; align-items: center; gap: 10px; font-family: "Nunito Sans", sans-serif; font-size: 15px; font-weight: 600; letter-spacing: 0.5px; color: #373e47; text-decoration: none; padding: 13px 28px; background: transparent; border: 1px solid #d0c9c0; transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease; } .arc-nav-older a:hover, .arc-nav-newer a:hover { background: #373e47; color: #fff; border-color: #373e47; text-decoration: none; } .arc-nav-arrow { font-size: 18px; line-height: 1; display: inline-block; } .srch-section { background: #fff; padding: 100px 0; } .srch-section .container { max-width: 1620px; margin: 0 auto; padding: 0 20px; } .srch-heading-wrap { display: flex; flex-direction: column; gap: 10px; flex-shrink: 0; } .srch-label { font-family: "Nunito Sans", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: #826727; } .srch-query { color: #826727; font-style: italic; } .srch-count { font-family: "Nunito Sans", sans-serif; font-size: 15px; color: #888; margin: 0; line-height: 1.5; } .srch-count strong { color: #373e47; font-weight: 700; } .srch-type-badge { display: inline-block; font-family: "Nunito Sans", sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #826727; border: 1px solid #826727; padding: 2px 10px; margin-bottom: 10px; line-height: 1.6; } .srch-no-thumb { background: #e9e6e1; } .srch-no-thumb a { display: block; width: 100%; height: 100%; min-height: 220px; } .srch-nav { display: flex; align-items: center; justify-content: space-between; margin-top: 60px; padding-top: 36px; border-top: 1px solid #e5e0db; gap: 16px; } .srch-nav-older, .srch-nav-newer { flex: 0 0 auto; } .srch-nav-older a, .srch-nav-newer a { display: inline-flex; align-items: center; gap: 10px; font-family: "Nunito Sans", sans-serif; font-size: 15px; font-weight: 600; letter-spacing: 0.5px; color: #373e47; text-decoration: none; border: 1px solid #373e47; padding: 12px 28px; transition: background 0.22s ease, color 0.22s ease; } .srch-nav-older a:hover, .srch-nav-newer a:hover { background: #373e47; color: #fff; } .srch-nav-arrow { font-size: 18px; line-height: 1; } .srch-no-results { display: flex; flex-direction: column; align-items: center; gap: 28px; padding: 50px 20px 30px; text-align: center; } .srch-no-results-icon { color: #c4bdb5; line-height: 1; } .srch-no-results-heading { font-family: "Instrument Serif", serif; font-size: 38px; font-weight: 400; color: #373e47; margin: 0; line-height: 1.2; } .srch-no-results-text { font-family: "Nunito Sans", sans-serif; font-size: 17px; color: #666; max-width: 520px; line-height: 1.75; margin: 0; } .srch-form { width: 100%; max-width: 540px; } .srch-form-inner { display: flex; align-items: stretch; border: 1px solid #d6d0cb; overflow: hidden; } .srch-input { flex: 1; font-family: "Nunito Sans", sans-serif; font-size: 16px; color: #373e47; padding: 15px 22px; border: none; outline: none; background: #fff; min-width: 0; -webkit-appearance: none; } .srch-input::placeholder { color: #aaa; } .srch-input::-webkit-search-decoration, .srch-input::-webkit-search-cancel-button { -webkit-appearance: none; } .srch-submit { display: inline-flex; align-items: center; gap: 8px; font-family: "Nunito Sans", sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0.4px; color: #fff; background: #826727; border: none; padding: 15px 26px; cursor: pointer; white-space: nowrap; transition: background 0.22s ease; } .srch-submit:hover { background: #6a5320; } .ct-section { background: #f7f4ef; padding: 100px 0 120px; } .ct-section .container { max-width: 1620px; margin: 0 auto; padding: 0 20px; } .ct-heading-wrap { display: flex; flex-direction: column; gap: 8px; flex-shrink: 0; } .ct-label { font-family: "Nunito Sans", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: #826727; } .ct-main-grid { display: grid; grid-template-columns: 1fr 1.3fr; gap: 0 80px; align-items: start; } .ct-intro { font-family: "Nunito Sans", sans-serif; font-size: 17px; line-height: 1.85; color: #666; margin: 0 0 40px 0; } .ct-info-cards { display: flex; flex-direction: column; } .ct-info-card { display: flex; align-items: flex-start; gap: 22px; padding: 30px 0; border-top: 1px solid #ddd8d0; } .ct-info-card:last-child { border-bottom: 1px solid #ddd8d0; } /* Gold icon circle */ .ct-info-icon { flex-shrink: 0; width: 52px; height: 52px; background: #826727; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; margin-top: 2px; } .ct-info-body { display: flex; flex-direction: column; gap: 7px; padding-top: 2px; } .ct-info-label { font-family: "Nunito Sans", sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 1.3px; text-transform: uppercase; color: #826727; } .ct-info-text { font-family: "Nunito Sans", sans-serif; font-size: 16px; line-height: 1.75; color: #373e47; margin: 0; font-style: normal; } .ct-info-text a { color: #373e47; text-decoration: none; transition: color 0.2s ease; } .ct-info-text a:hover { color: #826727; } .ct-form-col { position: sticky; top: 100px; } .ct-form-card { background: #373e47; padding: 55px 60px; } .ct-form-heading { font-family: "Instrument Serif", Georgia, serif; font-size: 40px; font-weight: 400; color: #fff; margin: 0 0 12px 0; line-height: 1.15; } .ct-form-sub { font-family: "Nunito Sans", sans-serif; font-size: 15px; line-height: 1.75; color: rgba(255, 255, 255, 0.55); margin: 0 0 38px 0; } /* Fallback messages */ .ct-no-form { font-family: "Nunito Sans", sans-serif; font-size: 15px; color: rgba(255, 255, 255, 0.7); line-height: 1.7; padding: 20px 0; margin: 0; } .ct-no-form strong { color: #826727; } /* Strip default CF7 outer margin / paragraph spacing */ .ct-form-wrap .wpcf7 { margin: 0; padding: 0; } .ct-form-wrap .wpcf7-form-control-wrap { display: block; width: 100%; } .ct-form-wrap .home-section12-field input[type="text"], .ct-form-wrap .home-section12-field input[type="email"], .ct-form-wrap .home-section12-field input[type="tel"] { background: transparent; border-bottom-color: rgba(255, 255, 255, 0.25); color: #fff; } .ct-form-wrap .home-section12-field input[type="text"]::placeholder, .ct-form-wrap .home-section12-field input[type="email"]::placeholder, .ct-form-wrap .home-section12-field input[type="tel"]::placeholder { color: rgba(255, 255, 255, 0.38); } .ct-form-wrap .home-section12-field input[type="text"]:focus, .ct-form-wrap .home-section12-field input[type="email"]:focus, .ct-form-wrap .home-section12-field input[type="tel"]:focus { border-bottom-color: #826727; } .ct-form-wrap .home-section12-phone-row { border-bottom-color: rgba(255, 255, 255, 0.25); } .ct-form-wrap .home-section12-phone-row.focused { border-bottom-color: #826727; } .ct-form-wrap .home-section12-country-code { color: rgba(255, 255, 255, 0.65); } .ct-form-wrap .home-section12-chevron { border-right-color: rgba(255, 255, 255, 0.5); border-bottom-color: rgba(255, 255, 255, 0.5); } /* Override the light-grey wrapper background that style.css sets. !important needed: style.css background:#f3f3f3 can survive proxy cache. */ .ct-form-wrap .home-section12-country-select { background: rgba(255, 255, 255, 0.08) !important; } .ct-form-wrap .home-section12-country-select .wpcf7-form-control-wrap { display: inline-flex !important; flex: 0 0 auto !important; width: auto !important; align-items: center; } .ct-form-wrap .home-section12-country-select select { width: 42px !important; max-width: 42px !important; background: transparent !important; color: rgba(255, 255, 255, 0.65) !important; } /* Country code abbreviation ("IND") and dial code text ("+91") */ .ct-form-wrap .home-section12-country-select .home-section12-country-code, .ct-form-wrap #home-section12-dial { color: rgba(255, 255, 255, 0.65) !important; } .ct-form-wrap .home-section12-phone-input { background: transparent; color: #fff; } .ct-form-wrap .home-section12-phone-input::placeholder { color: rgba(255, 255, 255, 0.38); } .ct-form-wrap .home-section12-select-wrap select, .ct-form-wrap .wpcf7-form .wpcf7-select { background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.18); color: rgba(255, 255, 255, 0.7); } .ct-form-wrap .home-section12-select-wrap select:focus, .ct-form-wrap .wpcf7-form .wpcf7-select:focus { border-color: #826727; color: #fff; } .ct-form-wrap .home-section12-select-wrap select option, .ct-form-wrap .wpcf7-form .wpcf7-select option { background: #373e47; color: #fff; } .ct-form-wrap .home-section12-country-select select option { background: #fff !important; color: #2a2a2a !important; } .ct-form-wrap .home-section12-select-arrow svg { stroke: rgba(255, 255, 255, 0.55); } .ct-form-wrap .home-section12-textarea-wrap textarea, .ct-form-wrap .wpcf7-form .wpcf7-textarea { background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.18); color: #fff; } .ct-form-wrap .home-section12-textarea-wrap textarea::placeholder, .ct-form-wrap .wpcf7-form .wpcf7-textarea::placeholder { color: rgba(255, 255, 255, 0.38); } .ct-form-wrap .home-section12-textarea-wrap textarea:focus, .ct-form-wrap .wpcf7-form .wpcf7-textarea:focus { border-color: #826727; } .ct-form-wrap .home-section12-submit-wrap input[type="submit"], .ct-form-wrap .home-section12-submit-wrap button[type="submit"], .ct-form-wrap .wpcf7-form .wpcf7-submit { background: #826727; border: 2px solid #826727; transition: background 0.22s ease, color 0.22s ease, transform 0.18s ease; } .ct-form-wrap .home-section12-submit-wrap input[type="submit"]:hover, .ct-form-wrap .home-section12-submit-wrap button[type="submit"]:hover, .ct-form-wrap .wpcf7-form .wpcf7-submit:hover { background: transparent; color: #826727; transform: none; } .ct-form-wrap .wpcf7-not-valid-tip { color: #ff8080; } .ct-form-wrap .wpcf7-not-valid { border-color: #ff8080 !important; } .ct-form-wrap .wpcf7-response-output { margin: 16px 0 0 0; font-family: "Nunito Sans", sans-serif; font-size: 14px; line-height: 1.6; color: rgba(255, 255, 255, 0.85); border-color: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.05); } .ct-map-wrap { width: 100%; height: 500px; overflow: hidden; display: block; line-height: 0; } .ct-map-wrap iframe { width: 100%; height: 100%; border: 0; display: block; } .eq-section { background: #f7f4ef; padding: 100px 0 120px; } .eq-section .container { max-width: 1620px; margin: 0 auto; padding: 0 20px; } .eq-body { display: grid; grid-template-columns: 1fr 1.35fr; gap: 0 80px; align-items: start; } .eq-intro { font-family: "Nunito Sans", sans-serif; font-size: 17px; line-height: 1.85; color: #666; margin: 0 0 40px 0; } .eq-features { display: flex; flex-direction: column; } .eq-feature { display: flex; align-items: flex-start; gap: 22px; padding: 28px 0; border-top: 1px solid #ddd8d0; } .eq-feature:last-child { border-bottom: 1px solid #ddd8d0; } /* Gold icon circle */ .eq-feature-icon { flex-shrink: 0; width: 52px; height: 52px; background: #826727; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; margin-top: 2px; } .eq-feature-body { display: flex; flex-direction: column; gap: 7px; padding-top: 4px; } .eq-feature-title { display: block; font-family: "Nunito Sans", sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 1.3px; text-transform: uppercase; color: #826727; } .eq-feature-text { font-family: "Nunito Sans", sans-serif; font-size: 15px; line-height: 1.75; color: #373e47; margin: 0; } .eq-form-col { position: sticky; top: 100px; } .eq-form-card { background: #373e47; padding: 55px 60px; } /* ══════════════════════════════════════ Upcoming Project – Section 1 Slider ══════════════════════════════════════ */ .upcomingproject-section1 .container, .upcomingproject-section2 .container, .upcomingproject-section3 .container { max-width: 1620px; } .upcomingproject-section1 .ups1-slider { position: relative; width: 100%; padding-top: 70px; } .upcomingproject-section1 .ups1-viewport { position: relative; width: 100%; height: 600px; /* fallback; JS sets the real height */ overflow: hidden; } .upcomingproject-section1 .ups1-track { display: flex; width: 100%; height: 100%; transition: transform 0.6s ease; will-change: transform; } .upcomingproject-section1 .ups1-slide { flex: 0 0 100%; width: 100%; height: 100%; } .upcomingproject-section1 .ups1-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } /* White control box anchored to the bottom-right of the image */ .upcomingproject-section1 .ups1-controls { position: absolute; right: 0; bottom: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 10px 20px; background: #fff; width: 170px; } .upcomingproject-section1 .ups1-arrows { display: flex; align-items: center; gap: 28px; } .upcomingproject-section1 .ups1-arrow { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; background: transparent; border: 0; color: #1a1a1a; cursor: pointer; transition: opacity 0.3s ease; } .upcomingproject-section1 .ups1-arrow svg { width: 26px; height: 26px; fill: currentColor; } .upcomingproject-section1 .ups1-arrow.disabled { opacity: 0.3; cursor: default; pointer-events: none; } .upcomingproject-section1 .ups1-counter { display: flex; align-items: center; gap: 12px; font-size: 15px; letter-spacing: 1px; color: #1a1a1a; } .upcomingproject-section1 .ups1-of { font-size: 14px; color: #8a8a8a; } .upcomingproject-section1 .ups1-sep { display: inline-block; width: 16px; height: 1px; background: #c9c9c9; } /* ══════════════════════════════════════ Upcoming Project – Section 2 Intro ══════════════════════════════════════ */ .upcomingproject-section2 .ups2-wrap { display: flex; align-items: flex-start; gap: 80px; padding: 70px 0; } .upcomingproject-section2 .ups2-col-left { flex: 0 0 35%; max-width: 35%; padding-bottom: 45px; padding-left: 0px; } .upcomingproject-section2 .ups2-col-right { flex: 1; padding-right: 200px; } .upcomingproject-section2 .ups2-heading { margin: 0; font-family: 'Instrument Serif', Georgia, serif; font-weight: 400; font-size: 58px; line-height: 1.1; color: #1f3a2b; } .upcomingproject-section2 .ups2-text { padding-top: 5px; } .upcomingproject-section2 .ups2-text p { margin: 0 0 10px; font-size: 16px; line-height: 24px; text-align: left; color: #2b2b2b; } .upcomingproject-section2 .ups2-text p:last-child { margin-bottom: 0; } .upcomingproject-section2 .ups2-underline { display: block; width: 120px; height: 1px; margin-top: 40px; background: #3e4242; } /* ══════════════════════════════════════ Upcoming Project – Section 3 Showcase ══════════════════════════════════════ */ .upcomingproject-section3 .ups3-wrap { display: flex; align-items: stretch; padding-bottom: 100px; } .upcomingproject-section3 .ups3-left { flex: 0 0 64%; max-width: 64%; } .upcomingproject-section3 .ups3-card { display: flex; flex-direction: column; height: 100%; padding-bottom: 40px; background: linear-gradient(110deg, #3a5a78 0%, #1d3247 100%); } /* Navy header bar with title + code */ .upcomingproject-section3 .ups3-card-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 34px 48px; background: linear-gradient(110deg, #3a5a78 0%, #1d3247 100%); } .upcomingproject-section3 .ups3-title, .upcomingproject-section3 .ups3-code { margin: 0; font-family: 'Instrument Serif', Georgia, serif; font-weight: 400; color: #b9dcda; line-height: 1; } .upcomingproject-section3 .ups3-code-wrap .ups3-code { display: none; } .upcomingproject-section3 .ups3-code-wrap .ups3-code.active { display: inline-block; } .upcomingproject-section3 .ups3-title { font-size: 46px; } .upcomingproject-section3 .ups3-code { font-size: 40px; letter-spacing: 1px; text-align: center; } .upcomingproject-section3 .ups3-code span { font-size: 28px; letter-spacing: 1px; } /* Image slider */ .upcomingproject-section3 .ups3-slider { position: relative; height: 460px; overflow: hidden; } .upcomingproject-section3 .ups3-viewport { position: relative; width: 100%; height: 100%; overflow: hidden; } .upcomingproject-section3 .ups3-track { display: flex; width: 100%; height: 100%; transition: transform 0.6s ease; will-change: transform; } .upcomingproject-section3 .ups3-slide { flex: 0 0 100%; width: 100%; height: 100%; } .upcomingproject-section3 .ups3-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } /* Circular outlined arrows, vertically centred over the image */ .upcomingproject-section3 .ups3-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; background: transparent; border: 1px solid rgb(255, 255, 255); border-radius: 50%; color: #fff; cursor: pointer; transition: background 0.3s ease, color 0.3s ease; } .upcomingproject-section3 .ups3-arrow:hover { background: rgba(255, 255, 255, 0.9); color: #1d3247; } .upcomingproject-section3 .ups3-prev { left: 26px; } .upcomingproject-section3 .ups3-next { right: 26px; } .upcomingproject-section3 .ups3-arrow svg { width: 25px; height: 25px; fill: currentColor; stroke: none; } .upcomingproject-section3 .ups3-arrow.disabled { opacity: 0.4; cursor: default; pointer-events: none; } /* Right spec panel */ .upcomingproject-section3 .ups3-right { position: relative; flex: 1; background: #ececec; padding: 50px 100px; display: flex; flex-direction: column; justify-content: center; } .upcomingproject-section3 .ups3-specs { display: none; margin: 0; padding: 0; list-style: none; } .upcomingproject-section3 .ups3-specs.active { display: block; } .upcomingproject-section3 .ups3-spec { padding: 10px 0; font-size: 16px; color: #2b2b2b; border-bottom: 1px solid #c9c9c9; font-family: "Nunito Sans", sans-serif; font-weight: 400; } .upcomingproject-section3 .ups3-spec:last-child { border-bottom: 0; } /* Navy accent tab on the right edge */ .upcomingproject-section3 .ups3-side-tab { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 20px; height: 38%; background: #2d4a63; } /* ══════════════════════════════════════ Completed Project – Section 1 Slider ══════════════════════════════════════ */ .completedproject-section1 .container { max-width: 1620px; } .completedproject-section1 { padding: 50px 0; } .completedproject-section1 .cps1-slider { position: relative; width: 100%; } /* Heading + intro row (fixed, not tied to the slider) */ .completedproject-section1 .cps1-head { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 60px; margin-bottom: 50px; } .completedproject-section1 .cps1-head-left { flex: 1 1 360px; } .completedproject-section1 .cps1-head-right { flex: 1 1 460px; } .completedproject-section1 .cps1-heading { margin: 0; font-family: 'Instrument Serif', Georgia, serif; font-weight: 400; font-size: 58px; line-height: 1.1; color: #1f3a2b; } .completedproject-section1 .cps1-intro { margin: 0; font-size: 18px; line-height: 1.6; color: #3a4654; } .completedproject-section1 .cps1-intro p { margin: 0 0 1em; font-size: inherit; line-height: inherit; color: inherit; } .completedproject-section1 .cps1-intro p:last-child { margin-bottom: 0; } .completedproject-section1 .cps1-underline { display: block; width: 110px; height: 1px; margin-top: 22px; background: #1c2b3a; } /* Image viewport */ .completedproject-section1 .cps1-viewport { position: relative; width: 100%; overflow: hidden; } .completedproject-section1 .cps1-track { display: flex; width: 100%; transition: transform 0.6s ease; will-change: transform; } .completedproject-section1 .cps1-slide { flex: 0 0 100%; width: 100%; position: relative; } .completedproject-section1 .cps1-slide img { display: block; width: 100%; height: 500px; object-fit: cover; object-position: top; } /* Logo overlay – top-left corner of the slide */ .completedproject-section1 .cps1-logo { position: absolute; top: 47px; left: 43px; z-index: 3; display: inline-block; pointer-events: none; } .completedproject-section1 .cps1-logo img { display: block; width: auto; height: 60px; max-width: 180px; object-fit: contain; } @media (max-width: 767px) { .completedproject-section1 .cps1-logo { top: 16px; left: 16px; } .completedproject-section1 .cps1-logo img { height: 40px; max-width: 120px; } } /* White control box anchored to the bottom-right of the image */ .completedproject-section1 .cps1-controls { position: absolute; right: 0; bottom: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 10px 20px; background: #fff; width: 170px; } .completedproject-section1 .cps1-arrows { display: flex; align-items: center; gap: 44px; } .completedproject-section1 .cps1-arrow { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; background: transparent; border: 0; color: #1c2b3a; cursor: pointer; transition: opacity 0.3s ease; } .completedproject-section1 .cps1-arrow svg { width: 26px; height: 26px; fill: currentColor; } .completedproject-section1 .cps1-arrow.disabled { opacity: 0.3; cursor: default; pointer-events: none; } .completedproject-section1 .cps1-counter { display: flex; align-items: center; gap: 10px; font-size: 15px; letter-spacing: 1px; color: #1c2b3a; } .completedproject-section1 .cps1-of { font-size: 19px; color: #3f3f3f; } .completedproject-section1 .cps1-sep { display: inline-block; width: 22px; height: 1px; background: #3f3f3f; } /* ── Responsive ───────────────────────────────────────────── */ /* ══════════════════════════════════════ Completed Project – Section 2 Slider ══════════════════════════════════════ */ .completedproject-section2 .container { max-width: 1460px; } .completedproject-section2 { padding: 60px 0; } .completedproject-section2 .cps2-slider { position: relative; width: 100%; } .completedproject-section2 .cps2-viewport { position: relative; width: 100%; overflow: hidden; } .completedproject-section2 .cps2-track { display: flex; width: 100%; transition: transform 0.6s ease; will-change: transform; } .completedproject-section2 .cps2-slide { flex: 0 0 100%; width: 100%; padding-top: 60px; box-sizing: border-box; padding-bottom: 60px; } /* Alternating slide backgrounds */ .completedproject-section2 .cps2-slide-odd { background: radial-gradient(120% 140% at 30% 90%, #3f6786 0%, #2c4a64 45%, #16314a 100%); } .completedproject-section2 .cps2-slide-even { background: linear-gradient(180deg, #1f8d83 0%, #149187 100%); } /* Three-column inner layout */ .completedproject-section2 .cps2-inner { display: flex; align-items: stretch; gap: 70px; } /* Image left (default) / image right via flex order */ .completedproject-section2 .cps2-img-left .cps2-media { order: 1; } .completedproject-section2 .cps2-img-left .cps2-text-cols { order: 2; } .completedproject-section2 .cps2-img-right .cps2-text-cols { order: 1; } .completedproject-section2 .cps2-img-right .cps2-media { order: 2; } /* Wrapper holding the name-row title + the intro + info columns */ .completedproject-section2 .cps2-text-cols { display: flex; flex-wrap: wrap; flex: 1 1 0; min-width: 0; gap: 50px; } .completedproject-section2 .cps2-inner.cps2-slide-odd .cps2-text-cols { padding-right: 0px; padding-left: 60px; } .completedproject-section2 .cps2-inner.cps2-slide-even .cps2-text-cols { padding-right: 0; padding-left: 60px; } .completedproject-section2 .cps2-text-cols .cps2-name-row { flex: 0 0 100%; margin-bottom: 0; } /* Media (image + overlaid arrows) */ .completedproject-section2 .cps2-media { position: relative; flex: 0 0 40%; max-width: 40%; /* bottom-align the image so the viewport bottom sits on the same line as the testimonial bottom in the taller text column */ align-self: flex-end; } .completedproject-section2 .cps2-media img { display: block; width: 100%; height: 440px; object-fit: cover; } .completedproject-section2 .cps2-arrow { position: absolute; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; background: transparent; border: 1px solid rgba(255, 255, 255); border-radius: 50%; color: #fff; cursor: pointer; transition: background 0.3s ease, opacity 0.3s ease; } .completedproject-section2 .cps2-arrow:hover { background: rgba(0, 0, 0, 0.5); } .completedproject-section2 .cps2-arrow svg { width: 50px; height: 50px; fill: currentColor; } .completedproject-section2 .cps2-prev { left: 18px; } .completedproject-section2 .cps2-next { right: 18px; } .completedproject-section2 .cps2-arrow.disabled { opacity: 0.35; cursor: default; pointer-events: none; } /* Inner image slider (images within a single project) */ .completedproject-section2 .cps2-media-viewport { position: relative; width: 100%; overflow: hidden; } .completedproject-section2 .cps2-media-track { display: flex; width: 100%; transition: transform 0.5s ease; will-change: transform; } .completedproject-section2 .cps2-media-slide { flex: 0 0 100%; width: 100%; } /* Bottom navigation (project to project) */ .completedproject-section2 .cps2-nav { display: flex; align-items: center; justify-content: center; gap: 22px; padding: 36px 0 10px; } .completedproject-section2 .cps2-nav-arrow { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; background: transparent; border: 1px solid rgba(22, 49, 74, 0.6); border-radius: 50%; color: #16314a; cursor: pointer; transition: background 0.3s ease, color 0.3s ease, opacity 0.3s ease; } .completedproject-section2 .cps2-nav-arrow:hover { background: #16314a; color: #fff; } .completedproject-section2 .cps2-nav-arrow svg { width: 50px; height: 50px; fill: currentColor; } .completedproject-section2 .cps2-nav-arrow.disabled { opacity: 0.35; cursor: default; pointer-events: none; } .completedproject-section2 .cps2-nav-counter { display: flex; align-items: center; gap: 5px; font-size: 19px; letter-spacing: 1px; color: #16314a; } .completedproject-section2 .cps2-nav-counter .cps2-sep { background: rgba(22, 49, 74, 0.6); } .completedproject-section2 .cps2-nav-counter .cps2-of { color: #16314a; } /* Intro column (name + heading + description) */ .completedproject-section2 .cps2-intro-col { flex: 1 1 0; min-width: 0; color: #fff; display: flex; flex-direction: column; justify-content: flex-start; } .completedproject-section2 .cps2-name-row { display: flex; align-items: center; gap: 18px; width: 100%; margin-bottom: 50px; } .completedproject-section2 .cps2-name { font-size: 21px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #f2c686; white-space: nowrap; } .completedproject-section2 .cps2-name-line { flex: 1 1 auto; height: 1px; background: #fff; } .completedproject-section2 .cps2-heading { margin: 0 0 30px; font-size: 33px; line-height: 1.2; font-weight: 400; color: #fff; font-family: 'Instrument Serif', Georgia, serif; } .completedproject-section2 .cps2-desc { margin: 0; font-size: 14px; line-height: 1.7; color: rgba(255, 255, 255, 0.9); } .completedproject-section2 .cps2-desc p { margin: 0 0 1em; font-size: inherit; line-height: inherit; color: inherit; } .completedproject-section2 .cps2-desc p:last-child { margin-bottom: 0; } /* Info column (key highlights + testimonial) */ .completedproject-section2 .cps2-info-col { flex: 1 1 0; min-width: 0; color: #fff; } .completedproject-section2 .cps2-info-title { margin: 0 0 15px; font-size: 16px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: #fff; font-family: "Nunito Sans", sans-serif; } .completedproject-section2 .cps2-highlights { list-style: none; margin: 0 0 30px; padding: 0; } .completedproject-section2 .cps2-highlight { padding-top: 5px; font-size: 14px; line-height: 1.5; color: #fff; font-family: "Nunito Sans", sans-serif; border-top: 1px solid #9aaebc; padding-bottom: 5px; } .completedproject-section2 .cps2-slide-even .cps2-highlight { border-top: 1px solid #fff; } .completedproject-section2 .cps2-slide-even .cps2-highlight:last-child { border-bottom: 1px solid #fff; word-break: break-all; } .completedproject-section2 .cps2-slide-odd .cps2-highlight:last-child { border-bottom: 1px solid #9aaebc; word-break: break-all; } /* Testimonial */ .completedproject-section2 .cps2-testimonial { display: flex; align-items: stretch; gap: 16px; padding-right: 20px; border: 1px solid #68859a; display: none; } .completedproject-section2 .cps2-slide-even .cps2-testimonial { border-color: #fff; } .completedproject-section2 .cps2-testi-photo { flex: 0 0 120px; width: 120px; } .completedproject-section2 .cps2-testi-photo img { display: block; width: 100%; height: 100%; min-height: 80px; object-fit: cover; max-height: 80px; } .completedproject-section2 .cps2-testi-text { margin: 0; align-self: center; font-size: 12px; line-height: 1.6; color: #fff; font-family: "Nunito Sans", sans-serif; } .completedproject-section2 .cps2-testi-text p { margin: 0 0 1em; font-size: inherit; line-height: inherit; color: inherit; } .completedproject-section2 .cps2-testi-text p:last-child { margin-bottom: 0; } /* Counter */ .completedproject-section2 .cps2-counter { position: absolute; left: 0; bottom: -34px; z-index: 2; display: flex; align-items: center; gap: 5px; font-size: 19px; letter-spacing: 1px; color: #fff; } .completedproject-section2 .cps2-inner.cps2-slide-even .cps2-counter { left: 0; right: auto; } .completedproject-section2 .cps2-of { font-size: 19px; color: rgba(255, 255, 255); } .completedproject-section2 .cps2-sep { display: inline-block; width: 18px; height: 1px; background: rgba(255, 255, 255, 0.6); } /* ══════════════════════════════════════════════════ CONTACT SECTION 1 ══════════════════════════════════════════════════ */ .contact-section1 { position: relative; padding: 90px 0 70px; overflow: hidden; } .contact-section1 .container { max-width: 1620px; margin: 0 auto; padding: 0 70px 90px 70px; box-sizing: border-box; background-color: #2e5a49; background-repeat: no-repeat; background-position: center right; background-size: cover; position: relative; } .contact-section1 .container:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 25px; background-color: #2e5a49; z-index: 1; } /* ── Green form card ─────────────────────────────── */ .contact-section1 .cs1-card { position: relative; width: 57%; max-width: 860px; background: #34604c; border-radius: 24px; padding: 90px 60px 60px 60px; box-sizing: border-box; } .contact-section1 .cs1-title { font-family: "Instrument Serif", serif; font-size: 58px; line-height: 1.02; font-weight: 400; color: #ffffff; margin: 0 0 26px; } .contact-section1 .cs1-intro { font-family: "Nunito Sans", sans-serif; font-size: 18px; line-height: 1.7; color: #e7ece8; margin: 0 0 38px; text-align: justify; max-width: 660px; } .contact-section1 .cs1-intro p { font-family: "Nunito Sans", sans-serif; font-size: 18px; line-height: 1.7; color: #e7ece8; margin: 0 0 14px; } .contact-section1 .cs1-intro p:last-child { margin-bottom: 0; } .cs1-bg-image { display: none; } /* ── Form ─────────────────────────────────────────── */ .contact-section1 .cs1-form { margin: 0; } .contact-section1 .cs1-row { display: flex; gap: 24px; margin-bottom: 24px; } .contact-section1 .cs1-field { flex: 1 1 0; min-width: 0; } .contact-section1 .cs1-field-full { margin-bottom: 26px; } .contact-section1 .cs1-field input, .contact-section1 .cs1-field textarea { width: 100%; box-sizing: border-box; font-family: "Nunito Sans", sans-serif; font-size: 16px; font-weight: 500; color: #2a2a2a; background: #ffffff; border: none; border-radius: 2px; padding: 16px 18px; outline: none; resize: none; } .contact-section1 .cs1-field textarea { min-height: 230px; line-height: 1.6; } .contact-section1 .cs1-field input::placeholder, .contact-section1 .cs1-field textarea::placeholder { color: #555555; opacity: 1; } .contact-section1 .cs1-field input:focus, .contact-section1 .cs1-field textarea:focus { box-shadow: inset 0 0 0 2px #c9a96a; } .contact-section1 .cs1-field input.cs1-error, .contact-section1 .cs1-field textarea.cs1-error { box-shadow: inset 0 0 0 2px #c0392b; } /* ── Contact Form 7 overrides ─────────────────────── */ .contact-section1 .cs1-form .wpcf7-form-control-wrap { display: block; } .contact-section1 .cs1-form p { margin: 0; } .contact-section1 .cs1-form .wpcf7-not-valid-tip { display: block; font-family: "Nunito Sans", sans-serif; font-size: 13px; color: #ffd2cc; margin-top: 6px; } .contact-section1 .cs1-form .wpcf7-form-control.wpcf7-not-valid { box-shadow: inset 0 0 0 2px #c0392b; } .contact-section1 .cs1-form .wpcf7-response-output { font-family: "Nunito Sans", sans-serif; font-size: 14px; color: #ffffff; border-color: rgba(255, 255, 255, 0.4); margin: 22px 0 0; padding: 12px 16px; } .contact-section1 .cs1-form .wpcf7-spinner { margin: 14px 0 0 8px; } /* Consent checkbox row */ .contact-section1 .cs1-consent .wpcf7-acceptance { margin-right: 8px; } .contact-section1 .cs1-consent .wpcf7-list-item { display: inline; margin: 0; } .contact-section1 .cs1-consent input[type="checkbox"] { width: auto; margin-right: 8px; vertical-align: middle; } .contact-section1 .cs1-consent { font-family: "Nunito Sans", sans-serif; font-size: 15px; line-height: 1.6; color: #e7ece8; margin: 0; max-width: 640px; } /* ── Enquire button (overlaps card edge) ──────────── */ .cs1-contact-btn { position: absolute; right: 0; bottom: -60px; background: #34604c; padding: 20px; border-radius: 20px; } .contact-section1 .cs1-submit { font-family: "Nunito Sans", sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #34604c; background: #e8dcc0; border: none; border-radius: 4px; padding: 22px 42px; cursor: pointer; transition: background 0.25s ease, color 0.25s ease; } .wpcf7-spinner { position: absolute; } .contact-section1 .cs1-submit:hover { background: #34604c; color: #e8dcc0; box-shadow: 0 0 0 1px #e8dcc0 inset; } /* ── Office info bar (over image) ─────────────────── */ .contact-section1 .cs1-office { display: flex; align-items: flex-start; flex-wrap: nowrap; gap: 50px; margin-top: 150px; width: 57%; max-width: 860px; padding: 50px; background-color: #2e5a49; border-radius: 25px; } .contact-section1 .cs1-office-block { position: relative; } .contact-section1 .cs1-office-address { flex: 1 1 auto; } .contact-section1 .cs1-office-phone .cs1-office-text, .contact-section1 .cs1-office-email .cs1-office-text { white-space: nowrap; } .contact-section1 .cs1-office-phone, .contact-section1 .cs1-office-email { flex: 0 0 auto; padding-left: 50px; } .contact-section1 .cs1-office-phone::before, .contact-section1 .cs1-office-email::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 1px; background: #fff; } .contact-section1 .cs1-office-label { display: block; font-family: "Nunito Sans", sans-serif; font-size: 18px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; color: #d7c3a6; margin-bottom: 12px; } .contact-section1 .cs1-office-text { font-family: "Nunito Sans", sans-serif; font-size: 16px; line-height: 1.6; color: #fff; font-weight: 300; margin: 0; } .contact-section1 .cs1-office-text p { margin: 0; font-family: "Nunito Sans", sans-serif; font-size: 16px; line-height: 1.6; color: #fff; font-weight: 300; } .contact-section1 .cs1-office-text strong { font-weight: 300; text-transform: uppercase; } .contact-section1 .cs1-office-text a { color: #fff; text-decoration: none; transition: color 0.25s ease; } .contact-section1 .cs1-office-text a:hover { color: #c9a96a; } /* ══════════════════════════════════════════════════ CONTACT SECTION 2 – Google Map ══════════════════════════════════════════════════ */ .contact-section2 { padding-top: 50px; padding-bottom: 100px; } .contact-section2 .container { width: 100%; padding: 0; box-sizing: border-box; max-width: 1620px; margin: 0 auto; } .contact-section2 .cs2-map-wrap { position: relative; width: 100%; height: 520px; overflow: hidden; border-radius: 0; line-height: 0; background: #e9e6e0; } .contact-section2 .cs2-map-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; display: block; } /* ========================================================= * Career Section 1 (Hero) * ========================================================= */ .career-section1 { background: #826727; width: 100%; overflow: hidden; } .career-section1 .container { max-width: 1620px; padding-left: 20px; padding-right: 20px; } .career-section1 .cs1-inner { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .career-section1 .cs1-image { display: block; width: 100%; height: auto; opacity: 0; transform: translateY(25px); transition: opacity 1s ease, transform 1s ease; } .career-section1 .cs1-tagline { margin: 0 auto; font-family: "Instrument Serif", Georgia, serif; color: #ffffff; font-size: 63px; font-weight: 400; line-height: 1.2; letter-spacing: 0.5px; opacity: 0; transform: translateY(20px); transition: opacity 1s ease 0.2s, transform 1s ease 0.2s; position: absolute; bottom: 20%; left: 0; right: 0; } /* Reveal animation state */ .career-section1.cs1-in .cs1-image, .career-section1.cs1-in .cs1-tagline { opacity: 1; transform: translateY(0); } /* ========================================================= * Policy Section 1 (Banner) * ========================================================= */ .policy-section1 { width: 100%; background: #ffffff; padding-top: 30px; } .policy-section1 .container { max-width: 1620px; padding-left: 20px; padding-right: 20px; } .policy-section1 .ps1-inner { position: relative; width: 100%; height: clamp(200px, 70vh, 530px); overflow: hidden; background: #0b2a4a; } .policy-section1 .ps1-image { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .policy-section1 .ps1-inner::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 40%; background: linear-gradient(to top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)); pointer-events: none; } .policy-section1 .ps1-title { position: absolute; left: 58px; bottom: 50px; z-index: 1; margin: 0; font-family: "Instrument Serif", Georgia, serif; font-weight: 400; font-size: 52px; line-height: 1.1; color: #ffffff; } .policy-section1--no-image .ps1-inner { height: clamp(160px, 28vh, 300px); } /* ========================================================= * Policy Section 2 (Content) * ========================================================= */ .policy-section2 { width: 100%; background: #ffffff; padding: 70px 0 120px; } .policy-section2 .container { max-width: 1360px; padding-left: 20px; padding-right: 20px; } .policy-section2 .ps2-content { font-family: "Nunito Sans", sans-serif; font-size: 17px; line-height: 1.75; letter-spacing: 0.3px; color: #1a1a1a; } .policy-section2 .ps2-content h2, .policy-section2 .ps2-content h3 { margin: 60px 0 22px; font-family: "Instrument Serif", Georgia, serif; font-weight: 400; line-height: 1.1; letter-spacing: 0; color: #000000; } .policy-section2 .ps2-content h2 { font-size: 40px; } .policy-section2 .ps2-content h3 { font-size: 36px; } .policy-section2 .ps2-content h2:first-child, .policy-section2 .ps2-content h3:first-child { margin-top: 0; } .policy-section2 .ps2-content p { margin: 0 0 12px; } .policy-section2 .ps2-content strong, .policy-section2 .ps2-content b { font-weight: 700; color: #000000; } .policy-section2 .ps2-content ul, .policy-section2 .ps2-content ol { margin: 0 0 14px; padding-left: 20px; } .policy-section2 .ps2-content ul { list-style: disc; } .policy-section2 .ps2-content ol { list-style: decimal; } .policy-section2 .ps2-content li { margin: 0 0 10px; padding-left: 2px; } .policy-section2 .ps2-content a { color: inherit; text-decoration: underline; } .policy-section2 .ps2-content a:hover { color: #826727; } /* Short screens (landscape phones / small laptops) */ @media (max-height: 600px) { .policy-section1 .ps1-inner { height: clamp(160px, 45vh, 260px) !important; } } @media (max-width: 1366px) { .policy-section1 .ps1-inner { height: clamp(200px, 60vh, 450px); } .policy-section1 .ps1-title { font-size: 44px; } .policy-section2 .ps2-content h2 { font-size: 35px; } .policy-section2 h4 { font-size: 22px; } .policy-section2 { padding: 60px 0 100px; } } @media (max-width: 1200px) { .nl-sidebar { flex: 0 0 250px; padding-top: 50px; padding-left: 20px; padding-right: 20px; padding-bottom: 50px; } .nl-map-area { min-height: auto; } .nl-tab { padding: 15px 20px; } } @media (max-width: 991px) { .policy-section1 .ps1-inner { height: clamp(200px, 40vh, 380px); } .policy-section1 .ps1-title { left: 36px; bottom: 32px; font-size: 38px; } .policy-section2 .ps2-content h2 { margin-top: 48px; } .policy-section2 .ps2-content h3 { font-size: 30px; } .policy-section2 { padding: 50px 0 80px; } } @media (max-width: 767px) { .policy-section1 { padding-top: 16px; } .policy-section1 .container, .policy-section2 .container { padding-left: 16px; padding-right: 16px; } .policy-section1 .ps1-inner { height: clamp(180px, 30vh, 175px); } .policy-section1 .ps1-title { left: 20px; bottom: 20px; font-size: 32px; } .policy-section2 { padding: 36px 0 60px; } .policy-section2 .ps2-content { font-size: 15px; line-height: 1.7; } .policy-section2 .ps2-content h2 { font-size: 30px; margin: 40px 0 16px; } .policy-section2 .ps2-content h3 { font-size: 26px; } } /* ========================================================= * Career Section 2 (Make It Matter / Positions) * ========================================================= */ .career-section2 { width: 100%; background: #ffffff; padding: 150px 0 100px; } .career-section2 .container { max-width: 1620px; padding-left: 20px; padding-right: 20px; } /* Intro */ .career-section2 .cs2-heading { margin: 0 0 26px; font-family: "Instrument Serif", serif; font-weight: 400; font-size: 63px; line-height: 1.05; text-transform: uppercase; color: #0e2211; } .career-section2 .cs2-desc { max-width: 85%; margin: 0; font-family: "Nunito Sans", sans-serif; font-size: 18px; line-height: 1.65; color: #000; } .career-section2 .cs2-desc p { margin: 0 0 16px; } .career-section2 .cs2-desc p:last-child { margin-bottom: 0; } /* Positions heading */ .career-section2 .cs2-positions-heading { margin: 90px 0 34px; font-family: "Instrument Serif", serif; font-weight: 400; font-size: 63px; line-height: 1.05; text-transform: uppercase; color: #0e2211; } /* Filter dropdown */ .career-section2 .cs2-filter { margin-bottom: 115px; } .career-section2 .cs2-select-wrap { position: relative; display: inline-block; width: 460px; max-width: 100%; } .career-section2 .cs2-location-select { width: 100%; height: 70px; padding: 0 60px 0 28px; border: 1.5px solid #9fa1a4; border-radius: 0; background: #ffffff; font-family: "Nunito Sans", sans-serif; font-size: 20px; letter-spacing: 1px; color: #6d6e71; text-align: left; text-align-last: left; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: none; font-weight: 500; } .career-section2 .cs2-select-arrow { position: absolute; top: 50%; right: 22px; width: 30px; height: 30px; margin-top: -15px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #b9b9b9; color: #8a8a8a; pointer-events: none; } .career-section2 .cs2-select-arrow svg { width: 30px; height: 30px; } /* Accordion */ .career-section2 .cs2-item { border-top: 2px solid #9e9fa2; } .career-section2 .cs2-accordion { border-bottom: 2px solid #9e9fa2; } .career-section2 .cs2-item-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 38px 60px; cursor: pointer; } .career-section2 .cs2-item-title { margin: 0; font-family: "Nunito Sans", sans-serif; font-weight: 700; font-size: 25px; letter-spacing: 1px; text-transform: uppercase; color: #414042; } .career-section2 .cs2-toggle { position: relative; flex: 0 0 auto; width: 34px; height: 34px; padding: 0; border: 0; background: transparent; cursor: pointer; } .career-section2 .cs2-toggle-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .career-section2 .cs2-toggle-icon::before, .career-section2 .cs2-toggle-icon::after { content: ""; position: absolute; top: 50%; left: 50%; background: #555555; transition: transform 0.3s ease, opacity 0.3s ease; } /* Horizontal bar */ .career-section2 .cs2-toggle-icon::before { width: 100%; height: 2px; transform: translate(-50%, -50%); } /* Vertical bar */ .career-section2 .cs2-toggle-icon::after { width: 2px; height: 100%; transform: translate(-50%, -50%); } /* Open state → hide vertical bar (becomes minus) */ .career-section2 .cs2-item--open .cs2-toggle-icon::after { transform: translate(-50%, -50%) scaleY(0); opacity: 0; } /* Accordion body */ .career-section2 .cs2-item-body { overflow: hidden; height: 0; } .career-section2 .cs2-item-body-inner { padding: 0 60px 44px 60px; } .career-section2 .cs2-item-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; } .career-section2 .cs2-item-summary { max-width: 845px; margin: 0; font-family: "Nunito Sans", sans-serif; font-size: 18px; line-height: 1.6; color: #000; } .career-section2 .cs2-item-summary p, .career-section2 .cs2-meta-value p { margin: 0 0 10px; } .career-section2 .cs2-item-summary p:last-child, .career-section2 .cs2-meta-value p:last-child { margin-bottom: 0; } .career-section2 .cs2-apply-btn { flex: 0 0 auto; display: inline-block; padding: 11px 28px; border: 1.5px solid #939598; border-radius: 15px; font-family: "Nunito Sans", sans-serif; font-size: 23px; letter-spacing: 2px; text-transform: uppercase; color: #414042; text-decoration: none; transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease; font-weight: bold; } .career-section2 .cs2-apply-btn:hover { background: #826727; border-color: #826727; color: #ffffff; } .career-section2 .cs2-item-meta { margin-top: 48px; } .career-section2 .cs2-meta-block { margin-bottom: 26px; } .career-section2 .cs2-meta-block:last-child { margin-bottom: 0; } .career-section2 .cs2-meta-label { display: block; margin-bottom: 4px; font-family: "Nunito Sans", sans-serif; font-weight: bold; font-size: 19px; letter-spacing: 1px; text-transform: uppercase; color: #58595b; } .career-section2 .cs2-meta-value { display: block; font-family: "Nunito Sans", sans-serif; font-size: 18px; line-height: 1.55; color: #000; } /* CTA band */ .career-section2 .cs2-cta { display: flex; align-items: center; justify-content: space-between; gap: 90px; margin-top: 180px; padding: 48px 70px; background: #f5f6f9; } .career-section2 .cs2-cta-title { margin: 0 0 16px; font-family: "Nunito Sans", sans-serif; font-weight: 700; font-size: 42px; color: #826727; } .career-section2 .cs2-cta-desc { max-width: 1000px; margin: 0; font-family: "Nunito Sans", sans-serif; font-size: 18px; line-height: 1.6; color: #000; } .career-section2 .cs2-cta-desc p { margin: 0 0 14px; } .career-section2 .cs2-cta-desc p:last-child { margin-bottom: 0; } .career-section2 .cs2-cta-btn { flex: 0 0 auto; display: inline-block; padding: 22px 56px; background: #826727; font-family: "Nunito Sans", sans-serif; font-size: 25px; letter-spacing: 2px; text-transform: uppercase; color: #ffffff; text-decoration: none; transition: background 0.3s ease; font-weight: bold; border-radius: 15px; } .career-section2 .cs2-cta-btn:hover { background: #6d551f; } /* ========================================================= * Career Section 3 (Application Form) * ========================================================= */ .career-section3 { width: 100%; background: #f4f1ea; padding: 80px 0 110px; display: none; } .career-section3.cs3-visible { display: block; } .career-section3 .container { position: relative; max-width: 1620px; padding-left: 20px; padding-right: 20px; } .career-section3 .cs3-close { position: absolute; top: 0; right: 20px; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; padding: 0; border: 1px solid #cfcfcf; border-radius: 50%; background: #ffffff; color: #555555; cursor: pointer; transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease; } .career-section3 .cs3-close:hover { background: #826727; border-color: #826727; color: #ffffff; } .career-section3 .cs3-close svg { width: 22px; height: 22px; } .career-section3 .cs3-head { margin-bottom: 44px; padding-right: 70px; } .career-section3 .cs3-heading { margin: 0 0 16px; font-family: "Instrument Serif", serif; font-weight: 400; font-size: 56px; line-height: 1.05; text-transform: uppercase; color: #1a1a1a; } .career-section3 .cs3-desc { max-width: 820px; margin: 0; font-family: "Nunito Sans", sans-serif; font-size: 18px; line-height: 1.6; color: #555555; } /* Form layout */ .career-section3 .cs3-row { display: flex; gap: 40px; margin-bottom: 30px; } .career-section3 .cs3-field { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; } .career-section3 .cs3-field--full { margin-bottom: 30px; } .career-section3 .cs3-label { margin-bottom: 10px; font-family: "Nunito Sans", sans-serif; font-weight: 600; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; color: #7a7a7a; } .career-section3 .cs3-input, .career-section3 .cs3-textarea { width: 100%; padding: 18px 22px; border: 1px solid #cfcfcf; border-radius: 0; background: #ffffff; font-family: "Nunito Sans", sans-serif; font-size: 17px; color: #333333; outline: none; transition: border-color 0.3s ease; } .career-section3 .cs3-textarea { resize: vertical; min-height: 140px; } .career-section3 .cs3-input:focus, .career-section3 .cs3-textarea:focus { border-color: #826727; } .career-section3 .cs3-input.cs3-error, .career-section3 .cs3-textarea.cs3-error { border-color: #c0392b; } .career-section3 .cs3-input[readonly] { background: #f4f5f7; color: #555555; cursor: default; } /* File upload */ .career-section3 .cs3-file { position: relative; display: flex; align-items: center; border: 1px solid #cfcfcf; background: #ffffff; overflow: hidden; } .career-section3 .cs3-file-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .career-section3 .cs3-file-btn { flex: 0 0 auto; padding: 18px 28px; background: #826727; font-family: "Nunito Sans", sans-serif; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; color: #ffffff; white-space: nowrap; } .career-section3 .cs3-file-name { flex: 1 1 auto; min-width: 0; padding: 0 20px; font-family: "Nunito Sans", sans-serif; font-size: 16px; color: #777777; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Submit */ .career-section3 .cs3-actions { margin-top: 10px; } .career-section3 .cs3-submit { display: inline-block; padding: 22px 60px; border: 0; background: #826727; font-family: "Nunito Sans", sans-serif; font-size: 18px; letter-spacing: 2px; text-transform: uppercase; color: #ffffff; cursor: pointer; transition: background 0.3s ease; } .career-section3 .cs3-submit:hover { background: #6d551f; } /* Highlight pulse when form is targeted from an Apply click */ .career-section3.cs3-highlight { animation: cs3Pulse 1.2s ease; } @keyframes cs3Pulse { 0% { background: #f4f1ea; } 30% { background: #ece5d3; } 100% { background: #f4f1ea; } } /* ========================================================= * Responsive / Media Queries (merged & ordered) * ========================================================= */ @media (min-width: 501px) { .faq-body { display: grid; grid-template-columns: 395px 1fr; grid-template-rows: repeat(8, auto); gap: 10px 12px; align-items: start; min-height: 460px; } .faq-cat-wrap { display: contents; } .faq-cat-wrap .faq-panel { grid-column: 2; grid-row: 1 / -1; align-self: start; } .faq-cat-wrap:nth-child(1) .faq-cat-btn { grid-column: 1; grid-row: 1; } .faq-cat-wrap:nth-child(2) .faq-cat-btn { grid-column: 1; grid-row: 2; } .faq-cat-wrap:nth-child(3) .faq-cat-btn { grid-column: 1; grid-row: 3; } .faq-cat-wrap:nth-child(4) .faq-cat-btn { grid-column: 1; grid-row: 4; } .faq-cat-wrap:nth-child(5) .faq-cat-btn { grid-column: 1; grid-row: 5; } .faq-cat-wrap:nth-child(6) .faq-cat-btn { grid-column: 1; grid-row: 6; } .faq-cat-wrap:nth-child(7) .faq-cat-btn { grid-column: 1; grid-row: 7; } .faq-cat-wrap:nth-child(8) .faq-cat-btn { grid-column: 1; grid-row: 8; } .faq-cat-btn { border-right: 1px solid #d8d2ca; } } @media (max-width: 1720px) { .new-floor-plan-outer .block-selector { flex: 0 0 400px; } .ab-headline { font-size: 40px; line-height: 1.2; } .project-section1 .container { max-width: 94%; padding: 0; } .project-section2 .container, .project-section3 .container, .project-section4 .container, .project-section5 .container, .project-section5b .container, .project-section6 .container, .project-section7 .container, .project-section8 .container, .project-section9 .container, .project-section10 .container, .project-section11 .container, .project-main-top-section .container, .project-main-section1 .container, .project-section12 .container, .about-section1 .container, .about-section2 .container, .about-section3 .container, .about-section4 .container, .about-section5 .container, .about-section6 .container, .about-section7 .container, .about-section8 .container, .about-section9 .container, .about-section10 .container, .about-section11 .container, .about-section12 .container, .upcomingproject-section1 .container, .upcomingproject-section2 .container, .upcomingproject-section3 .container, .completedproject-section1 .container, .contact-section1 .container, .contact-section2 .container { max-width: 85%; } .completedproject-section2 .container { max-width: 80%; } .walkthrough-label { font-size: 16px; } .info-unit { font-size: 14px; } .project-main-top-section h1 { font-size: 50px; } .ab-slide { margin-top: 30px; } h3.ab-headline { font-size: 40px; line-height: 1.2; } .about-title, .gallery-heading, .amenities-heading, .as2-title, .as4-title, .as5-title, .as6-header-title, .as7-title { font-size: 45px; } .about-desc p { font-size: 16px; } .about-left-inner-bottom { padding-bottom: 54px; } .stat-label { font-size: 18px; } .stat-sub { font-size: 15px; } .btn-download { font-size: 16px; } .rera-no { font-size: 16px; } .rera-label { font-size: 18px; } .tab-btn { font-size: 16px; } .fp-heading, .nl-heading, .brands-heading, .spec-heading, .wwb-heading, .faq-heading, .proj-heading, .new-floor-plan-outer .section-title { font-size: 35px; } .contact-heading { font-size: 55px; } .fp-main-tab, .new-floor-plan-outer .main-tab-btn, .fp-sub-btn { font-size: 18px; } .fp-facing-label { font-size: 16px; } .fp-unit-btn { font-size: 13px; } .fp-bhk-label { font-size: 25px; } .fp-type-btn, .new-floor-plan-outer .block-btn, .new-floor-plan-outer .detail-line-value, .new-floor-plan-outer .detail-line-value.sqft { font-size: 16px; } .nl-tab { font-size: 18px; } .brands-subtitle { font-size: 18px; } .spec-tab { font-size: 18px; } .spec-card p, .spec-card li, .spec-list li { font-size: 16px; line-height: 1.5; letter-spacing: 0px; } .vc-play-btn { width: 60px; height: 60px; } .faq-cat-btn { font-size: 18px; } .faq-question-text { font-size: 25px; } .proj-logo-row img { max-width: 100%; } .proj-location { font-size: 12px; } .contact-label { font-size: 18px; } .contact-inner { gap: 50px; } .contact-form-wrap .cf7-form-body { gap: 80px; } .contact-band { padding: 50px 50px; } .form-grid { column-gap: 50px; } .form-field { width: 280px; } .as2-card-title, .as6-card-title, .as8-title, .as9-title { font-size: 35px; } .as3-item-title, .as10-title, .as11-col-title, .as12-header-title { font-size: 30px; } .as7-tl-label { font-size: 20px; } .as7-panel-title { font-size: 30px; } .as12-faq-q-text { font-size: 22px; } .as9-video-thumb { height: 250px; } .as5-outer { padding-top: 240px; } .as12-inner { grid-template-columns: 30% 70%; } .ab-overlap-card { top: 48%; } } @media (max-width: 1680px) { .bl-section .container, .career-section1 .container, .career-section2 .container, .career-section3 .container, .policy-section2 .container { max-width: 85%; } .bl-heading-row { padding-bottom: 80px; } .bl-heading { font-size: 48px; } .bl-row-title { font-size: 30px; line-height: 1.2; } .bl-row-excerpt { font-size: 16px; } .bl-row-more span { font-size: 19px; } .bl-row-num { font-size: 65px; } .sp-hero-img { height: 470px; } .sp-title { font-size: 46px; } .sp-content h1 { font-size: 38px; } .sp-content h2 { font-size: 30px; } .sp-content h3 { font-size: 22px; } .sp-content h4 { font-size: 19px; } .arc-label { font-size: 12px; } .srch-section .container { max-width: 85%; } .srch-label { font-size: 12px; } .srch-count { font-size: 14px; } .srch-no-results-heading { font-size: 34px; } .srch-nav-older a, .srch-nav-newer a { font-size: 14px; } .ct-section .container { max-width: 85%; } .ct-label { font-size: 12px; } .ct-main-grid { gap: 0 60px; } .ct-form-card { padding: 50px 55px; } .ct-form-heading { font-size: 36px; } .ct-intro { font-size: 16px; } .eq-section .container { max-width: 85%; padding: 0; } .eq-body { gap: 0 60px; } .eq-form-card { padding: 50px 55px; } .eq-intro { font-size: 16px; } .ab-slider { height: 550px; } .banner-image { height: 583px; } .banner-wrapper { padding-top: 36%; } .project-section2 { padding: 50px 0 130px; } .upcomingproject-section2 .ups2-heading { font-size: 50px; } .upcomingproject-section1 .ups1-slider { padding-top: 20px; } .upcomingproject-section2 .ups2-wrap { padding: 25px 0; } .upcomingproject-section2 .ups2-underline { margin-top: 25px; } .upcomingproject-section3 .ups3-wrap { padding-bottom: 70px; } .upcomingproject-section1 .ups1-viewport { height: 550px !important; } .upcomingproject-section3 .ups3-slider { height: 380px; } .completedproject-section1 .cps1-heading { font-size: 56px; } .upcomingproject-section2 .ups2-text p, .completedproject-section1 .cps1-intro { font-size: 16px; } .upcomingproject-section3 .ups3-title { font-size: 40px; } .upcomingproject-section3 .ups3-code { font-size: 35px; } .upcomingproject-section3 .ups3-code span { font-size: 22px; } .completedproject-section2 .cps2-name { font-size: 18px; } .completedproject-section2 .cps2-heading { font-size: 30px; } .completedproject-section2 .cps2-of, .completedproject-section2 .cps2-counter { font-size: 16px; } .contact-section1 { padding: 50px 0 50px; } .contact-section1 .cs1-title { font-size: 56px; } .contact-section1 .cs1-office { width: 100%; max-width: 100%; } .contact-section2 { padding-top: 30px; } .proj-img-wrap, .proj-img-wrap img { height: 525px; } .slide img { height: 500px; } .completedproject-section2 .cps2-media img { height: 340px; } .career-section1 .cs1-tagline { font-size: 55px; } .career-section2 .cs2-heading, .career-section2 .cs2-positions-heading, .career-section3 .cs3-heading { font-size: 50px; } .career-section2 .cs2-cta-title { font-size: 35px; } .sp-content p, .career-section2 .cs2-item-summary, .career-section2 .cs2-cta-desc, .career-section2 .cs2-desc, .career-section3 .cs3-desc, .career-section3 .cs3-input, .career-section3 .cs3-textarea, .career-section2 .cs2-meta-value, .career-section2 .cs2-meta-label { font-size: 16px; } .career-section2 .cs2-location-select { font-size: 18px; } .career-section2 .cs2-item-summary { max-width: 750px; } .completedproject-section1 .cps1-head { margin-bottom: 30px; } .slider-nav { gap: 30px; right: 40px; } .ab-headline, .ab-headline { font-size: 35px; } .ab-overlap-card { top: 40%; } .as5-outer { padding-top: 185px; } } @media (max-width: 1520px) { .info-box { width: 350px; height: 225px; bottom: -85px; } .info-box img { max-width: 100%; } .contact-inner { gap: 20px; } .as2-cards { gap: 40px; } .as6-cards { gap: 40px; } .as5-outer { padding-top: 130px; } .as5-band { padding: 50px 50px; } .as12-inner { grid-template-columns: 35% 65%; } .banner-image { height: 529px; } .completedproject-section1 .cps1-slide img { height: 400px; } .ab-headline, .ab-headline { font-size: 30px; } .ab-overlap-card { top: 38%; } } @media (max-width: 1490px) { .about-title, .gallery-heading, .amenities-heading, .as2-title, .as4-title, .as5-title, .as6-header-title, .as7-title { font-size: 40px; } .about-desc p { font-size: 15px; } .stat-label { font-size: 16px; } .stat-sub { font-size: 13px; } .rera-label { font-size: 16px; } .rera-no { font-size: 14px; } .tab-btn { font-size: 15px; } .fp-main-tab, .new-floor-plan-outer .main-tab-btn, .fp-sub-btn { font-size: 16px; } .fp-bhk-label { font-size: 20px; } .fp-block-nav { font-size: 14px; } .fp-sub-btn { padding: 10px 20px; } .page-template-template-signatureheightspage .new-floor-plan-outer .block-selector { flex: 0 0 560px; } .fp-type-btn, .new-floor-plan-outer .block-btn, .new-floor-plan-outer .detail-line-value, .new-floor-plan-outer .detail-line-value.sqft { font-size: 15px; } .nl-tab { font-size: 16px; } .brands-subtitle { font-size: 16px; } .spec-tab { font-size: 16px; } .spec-card p, .spec-card li, .spec-list li { font-size: 15px; } .faq-cat-btn { font-size: 16px; } .faq-question-text { font-size: 22px; } .faq-answer p { font-size: 14px; } .contact-heading { font-size: 45px; } .contact-submit { letter-spacing: 1px; font-size: 14px; } .fp-heading, .nl-heading, .brands-heading, .spec-heading, .wwb-heading, .faq-heading, .proj-heading, .new-floor-plan-outer .section-title { font-size: 30px; } .contact-form-wrap .cf7-form-body { gap: 50px; } .about-left-inner-bottom { padding-bottom: 51px; } .ab-col-left { padding: 50px 150px 0px 0px; } .ab-headline { font-size: 35px; } h3.ab-headline { font-size: 35px; } .as2-card-title, .as6-card-title, .as8-title, .as9-title { font-size: 30px; } .as3-item-title, .as10-title, .as11-col-title, .as12-header-title { font-size: 25px; } .as2-desc, .as2-card-text, .as2-card-text p, .as3-item-text, .as4-col-text, .as4-col-text p, .as5-desc, .as5-desc p, .as6-card-text, .as6-card-text p, .as7-desc, .as7-panel-list li, .as7-panel ul li, .as8-text, .as8-text p, .as9-desc, .as10-text, .as10-text p, .as11-col-text, .as11-col-text p, .as12-faq-a-text, .as12-faq-a-text p { font-size: 15px; } .as9-video-thumb { height: 220px; } .as9-play-btn { width: 50px; height: 50px; } .bl-heading-row { padding-bottom: 65px; } .bl-heading { font-size: 42px; } .bl-row-title { font-size: 26px; } .bl-row-excerpt { font-size: 15px; } .bl-row-more span { font-size: 18px; } .bl-row-num { font-size: 58px; } .sp-hero-img { height: 430px; } .sp-title { font-size: 42px; } .sp-content h1 { font-size: 34px; } .sp-content h2 { font-size: 28px; } .sp-content h3 { font-size: 21px; } .sp-content p, .sp-content ul, .sp-content ol { font-size: 16px; } .sp-content blockquote, .sp-content blockquote p { font-size: 20px; } .arc-nav-older a, .arc-nav-newer a { font-size: 14px; padding: 11px 24px; } .srch-no-results-heading { font-size: 30px; } .srch-nav-older a, .srch-nav-newer a { font-size: 14px; padding: 11px 24px; } .ct-form-heading { font-size: 32px; } .ct-form-card { padding: 46px 50px; } .ct-main-grid { gap: 0 50px; } .ct-info-text { font-size: 15px; } .ct-intro { font-size: 15px; } .eq-form-card { padding: 46px 50px; } .eq-body { gap: 0 50px; } .eq-feature-text { font-size: 14px; } .eq-intro { font-size: 15px; } .ab-overlap-card { top: 26%; } .banner-image { height: 518px; } .walkthrough-btn { bottom: 30px; left: 40px; } .amenity-icon { width: 60px; height: 60px; } .amenity-label { font-size: 14px; } .new-floor-plan-outer .plan-image-area { padding: 10px; border: 5px solid #d4dddd; } .upcomingproject-section2 .ups2-heading { font-size: 40px; } .upcomingproject-section1 .ups1-viewport { height: 350px !important; } .upcomingproject-section3 .ups3-slider { height: 350px; } .upcomingproject-section3 .ups3-right { padding: 35px 70px; } .upcomingproject-section3 .ups3-spec { font-size: 15px; } .upcomingproject-section3 .ups3-title { font-size: 40px; } .upcomingproject-section3 .ups3-code { font-size: 35px; } .upcomingproject-section2 .ups2-text p { font-size: 15px; } .completedproject-section1 .cps1-heading { font-size: 40px; } .upcomingproject-section2 .ups2-text p, .completedproject-section1 .cps1-intro, .completedproject-section2 .cps2-desc, .completedproject-section2 .cps2-highlight, .completedproject-section1 .cps1-of, .completedproject-section1 .cps1-counter { font-size: 14px; } .contact-section1 .cs1-title { font-size: 40px; } .contact-section1 .cs1-intro, .contact-section1 .cs1-intro p, .contact-section1 .cs1-consent, .contact-section1 .cs1-office-text { font-size: 15px; } .proj-img-wrap, .proj-img-wrap img { height: 500px; } .proj-info-wrap { width: 200px; height: 120px; } .info-box { bottom: -85px; } .completedproject-section2 .cps2-desc, .completedproject-section2 .cps2-highlight, .career-section2 .cs2-meta-value { font-size: 14px; } .career-section1 .cs1-tagline { font-size: 50px; } .career-section2 .cs2-heading, .career-section2 .cs2-positions-heading, .career-section3 .cs3-heading { font-size: 45px; } .career-section2 .cs2-cta-title { font-size: 30px; } .career-section1 .cs1-image { height: 400px; object-fit: contain; } .career-section2 { padding: 100px 0 100px; } .career-section2 .cs2-apply-btn { font-size: 18px; } .career-section2 .cs2-cta { gap: 50px; margin-top: 100px; padding: 30px 30px; } .career-section2 .cs2-cta-btn { padding: 15px 40px; font-size: 20px; } .career-section2 .cs2-item-summary { max-width: 700px; } .upcomingproject-section1 .ups1-slider { padding-top: 0px; } .ab-headline, .ab-headline { font-size: 30px; } .ab-overlap-card { top: 38%; } .career-section2 .cs2-select-wrap { width: 300px; } .career-section2 .cs2-location-select { font-size: 15px; height: 50px; width: 300px; } } @media (max-width: 1440px) { .about-left { flex: 0 0 52%; max-width: 52%; padding-right: 90px; } .banner-image { height: 493px; } } @media (max-width: 1366px) { .info-box { width: 300px; height: 194px; bottom: -70px; } .form-field { width: 250px; } .page-section1 { padding: 50px 0; } h1.title { padding-bottom: 25px; } .as2-cards { gap: 20px; } .as6-cards { gap: 20px; } .as5-outer { padding-top: 100px; } .sticky-btn-enquire { font-size: 12px; line-height: 1.1; height: 50px; padding: 12px 14px; min-width: 95px; } .ab-slider { height: 500px; } .banner-wrapper { padding-top: 36%; } .banner-image { height: 460px; } .walkthrough-btn { bottom: 30px; left: 30px; } .upcomingproject-section1 .ups1-viewport { height: 350px !important; } .upcomingproject-section3 .ups3-slider { height: 300px; } .upcomingproject-section3 .ups3-right { padding: 15px 50px; } .completedproject-section1 { padding: 50px 0; } .completedproject-section1 .cps1-slide img { height: 350px; } .completedproject-section2 { padding-top: 20px; padding-bottom: 50px; } .completedproject-section2 .cps2-inner { gap: 30px; } .completedproject-section2 .cps2-inner.cps2-slide-odd .cps2-text-cols { padding-right: 0px; } .completedproject-section2 .cps2-text-cols { gap: 30px; } .completedproject-section2 .cps2-inner.cps2-slide-even .cps2-text-cols, .completedproject-section2 .cps2-inner.cps2-slide-odd .cps2-text-cols { padding-left: 30px; } .contact-section1 .cs1-card { width: 65%; max-width: 100%; } .proj-img-wrap, .proj-img-wrap img { height: 400px; } .upcomingproject-section1 .ups1-viewport { height: 350px !important; } .upcomingproject-section2 .ups2-text p { font-size: 12px; line-height: 18px; } .career-section1 .cs1-tagline { font-size: 40px; } .career-section2 .cs2-heading, .career-section2 .cs2-positions-heading, .career-section3 .cs3-heading { font-size: 35px; } .career-section2 .cs2-item-title { font-size: 20px; } .career-section2 .cs2-apply-btn { font-size: 15px; } .career-section2 .cs2-item-head { padding: 25px 25px; } .career-section2 .cs2-item-body-inner { padding: 0 0px 30px 30px; } .career-section1 .cs1-image { height: 550px; } .completedproject-section1 .cps1-slide img { height: 350px; } .ab-overlap-card { top: 45%; } } @media (max-width: 1280px) { .bl-section .container, .career-section1 .container, .career-section2 .container, .career-section3 .container { max-width: 90%; } .as5-text { flex: 0 0 52%; max-width: 52%; } .as5-deco { right: 180px; width: 400px; height: 400px; } .as5-person { right: 32px; } .project-section2 .container, .project-section3 .container, .project-section4 .container, .project-section5 .container, .project-section5b .container, .project-section6 .container, .project-section7 .container, .project-section8 .container, .project-section9 .container, .project-section10 .container, .project-section11 .container, .project-main-section1 .container, .project-section12 .container, .project-main-top-section .container, .contact-section2 .container { max-width: 90%; padding-left: 0; padding-right: 0; } .contact-section1 .container { max-width: 90%; padding: 0 50px 50px 30px; } .fp-sub-block-tabs { padding: 8px 10px; } .page-template-template-signatureheightspage .new-floor-plan-outer .block-selector { flex: 0 0 380px; } .fp-unit-grid { grid-template-columns: repeat(2, auto); } .bl-section .container, .ct-section .container { max-width: 90%; padding: 0; } .eq-section .container { max-width: 90%; padding: 0; } .info-box { bottom: -100px; } .banner-image { height: 470px; } .slider-nav { gap: 10px; right: 20px; } } @media (max-width: 1200px) { .about-left { flex: 0 0 50%; max-width: 50%; padding-right: 60px; } .about-title { font-size: 38px; } .completedproject-section2 .cps2-inner { flex-direction: column; } /* Below 1200px always stack media on top, text-cols at the bottom, regardless of the img-left / img-right side ordering. */ .completedproject-section2 .cps2-img-left .cps2-media, .completedproject-section2 .cps2-img-right .cps2-media { order: 1; } .completedproject-section2 .cps2-img-left .cps2-text-cols, .completedproject-section2 .cps2-img-right .cps2-text-cols { order: 2; } .completedproject-section2 .cps2-media { max-width: 100%; width: 100%; } .completedproject-section2 .cps2-counter { width: 100%; justify-content: center; } .completedproject-section2 .cps2-inner.cps2-slide-odd .cps2-text-cols, .completedproject-section2 .cps2-inner.cps2-slide-even .cps2-text-cols { padding-right: 50px; padding-left: 50px; } .completedproject-section2 .cps2-slide-odd, .completedproject-section2 .cps2-slide-even { padding-top: 0; } .contact-section1 .cs1-title { font-size: 35px; } .contact-section1 .cs1-card, .contact-section1 .cs1-office { width: 72%; max-width: none; } } @media (max-width: 1199px) { .completedproject-section1 .cps1-slide img { height: 400px; } .completedproject-section2 .cps2-inner { gap: 35px; } .completedproject-section2 .cps2-media img { height: 380px; } .completedproject-section2 .cps2-heading { font-size: 32px; } } @media (max-width: 1100px) { .project-section2 .container, .project-section3 .container, .project-section4 .container, .project-section5 .container, .project-section5b .container, .project-section6 .container, .project-section7 .container, .project-section8 .container, .project-section9 .container, .project-section10 .container, .project-section11 .container, .project-main-section1 .container, .project-section12 .container, .project-main-top-section .container, .contact-section2 .container { max-width: 85%; padding-left: 0; padding-right: 0; } .amenities-page { grid-template-columns: repeat(5, 1fr); gap: 44px 0; } /* Show 2 cards */ .proj-card { flex: 0 0 calc((100% - 28px) / 2); } .project-main-section1 .proj-cards-grid { grid-template-columns: repeat(2, 1fr); gap: 28px; } .project-main-section1 .proj-card { flex: none; width: 100%; } .proj-logo-row img { max-width: 85%; } .proj-name { font-size: 22px; } .contact-inner { gap: 40px; } .contact-left { flex: 0 0 200px; } .contact-heading { font-size: 42px; } .form-grid { column-gap: 36px; } .as2-card { padding: 44px 32px 48px; } .as2-card-icon { top: 32px; right: 28px; width: 52px; height: 52px; } .as3-inner { grid-template-columns: 50% 50%; min-height: 0; } .as4-content { padding: 60px 56px 68px; } .as4-cols { gap: 0 40px; } .as6-card { padding: 36px 28px 44px; } .as6-icon { width: 60px; height: 60px; margin-bottom: 24px; } .as8-content { padding: 60px 56px 68px; } .as8-cols { gap: 0 48px; } .as10-content { padding: 60px 56px 52px; gap: 0 44px; } .as12-inner { grid-template-columns: 34% 66%; } .as12-header { padding: 24px 48px; } .as12-faqs { padding: 0 48px; } .bl-heading-row { padding-bottom: 70px; } .bl-row-img { flex: 0 0 30%; max-width: 30%; padding-left: 30px; /* was 50px */ } .bl-row-body { padding: 24px 30px; /* was 30px 50px */ } .bl-row-title { font-size: 28px; line-height: 1.3; /* was 36px */ } .bl-row-excerpt { font-size: 16px; /* was 18px */ } .bl-row-meta { padding: 35px 20px; /* was 50px 50px */ } .bl-row-num { font-size: 55px; /* was 75px */ } .bl-section { padding: 50px 0; } .sp-hero-img { height: 390px; } .sp-article-wrap { padding-top: 52px; } .sp-title { font-size: 38px; } .sp-content h1 { font-size: 32px; } .sp-content h2 { font-size: 26px; } .sp-content h3 { font-size: 20px; } .arc-nav { margin-top: 50px; padding-top: 30px; } .arc-nav-older a, .arc-nav-newer a { padding: 11px 22px; } .srch-section { padding: 80px 0; } .srch-nav { margin-top: 50px; } .srch-nav-older a, .srch-nav-newer a { padding: 11px 22px; } .srch-no-results-heading { font-size: 28px; } .ct-section { padding: 80px 0 100px; } .ct-main-grid { gap: 0 40px; } .ct-form-card { padding: 40px 42px; } .ct-form-heading { font-size: 28px; } .ct-form-sub { font-size: 14px; margin-bottom: 30px; } /* Unstick the form column on smaller screens */ .ct-form-col { position: static; } .ct-info-icon { width: 46px; height: 46px; } .ct-map-wrap { height: 420px; } .eq-section { padding: 80px 0 100px; } .eq-body { gap: 0 40px; } .eq-form-card { padding: 40px 42px; } /* Unstick the form column on smaller screens */ .eq-form-col { position: static; } .eq-feature-icon { width: 46px; height: 46px; } .page-template-template-signatureheightspage .fp-direction-icon { width: 60px; } .upcomingproject-section2 .ups2-heading, .completedproject-section1 .cps1-heading { font-size: 35px; } .contact-section2 { padding-bottom: 50px; } .contact-section1 { padding: 50px 0 50px; } .contact-section1 .cs1-office { width: 100%; max-width: none; padding: 50px; background-color: #2e5a49; border-radius: 25px; } .contact-section1 .cs1-field input, .contact-section1 .cs1-field textarea { font-size: 14px; } .contact-section1 .cs1-card { padding: 70px 50px 50px 50px; } .upcomingproject-section2 .ups2-col-left { padding-left: 0px; } .gallery-header { padding: 0; } } @media (max-width: 1024px) { .about-inner { flex-direction: column; } .about-left { flex: none; max-width: 100%; width: 100%; padding-right: 0; align-self: auto; } .about-desc { flex: none; } .about-desc p { flex: none; } .btn-enquire { margin-top: 36px; } .about-right { width: 100%; margin-top: 44px; } .ab-slider { height: calc(100vh - 250px); } .ab-col-left { padding: 60px 60px 36px 40px; } .ab-headline { font-size: clamp(22px, 2.8vw, 38px); } h3.ab-headline { font-size: clamp(22px, 2.8vw, 38px); } .ab-nav-row { right: 24px; bottom: 20px; gap: 14px; } .as5-outer { padding-top: 0px; } .as5-band { padding: 52px 56px; min-height: 260px; } .as5-text { flex: 0 0 58%; max-width: 58%; } .as5-deco { right: 120px; width: 320px; height: 320px; } .as7-inner { gap: 0 48px; } .as7-panel { padding: 40px 40px 48px; } .info-box { width: 230px; height: 149px; bottom: -60px; } .project-section1 { padding-bottom: 60px; } .project-section2 { padding: 50px 0 50px; } .btn-enquire { margin-top: 30px; } .project-section2 .container, .project-section3 .container { padding-bottom: 50px; } .amenities-section { padding: 50px 0; } .project-section5 { padding: 50px 0; } .fp-heading-row { margin-bottom: 50px; } .nl-heading-row { margin-bottom: 50px; } .project-section5b { padding-top: 50px; padding-bottom: 50px; } .project-section7 { padding: 50px 0; } .spec-tabs { flex-wrap: wrap; gap: 15px; min-width: 0; justify-content: flex-start; } .project-section9 { padding-top: 0; } .project-section9 .container { padding-bottom: 50px; } .project-section10 .container { padding-top: 50px; padding-bottom: 50px; } .faq-question { padding: 20px 30px; } .faq-answer { padding: 0px 50px 30px 30px; } .faq-cat-btn { font-size: 15px; } .faq-cat-btn { padding: 20px 30px; } .project-section11 .container, .project-main-section1 .container { padding-top: 50px; padding-bottom: 110px; } .proj-heading { margin-bottom: 50px; } .project-section12 .container { padding-top: 50px; padding-bottom: 50px; } .contact-band { padding: 50px; } .contact-form-wrap .cf7-form-body { gap: 20px; flex-direction: column; } .cf7-submit-row { justify-content: flex-start; } .about-left-inner-bottom { padding-bottom: 0; } .as6-cards { gap: 20px; grid-template-columns: repeat(2, 1fr); } .about-section2 { padding: 50px 0; } .as2-cards { padding-top: 50px; padding-bottom: 50px; } .about-section4 { padding: 50px 0; } .about-section5 { padding-bottom: 50px; } .about-section6 { padding: 50px 0; } .about-section7 { padding: 50px 0; } .about-section8 { padding: 50px 0; } .about-section9 { padding: 50px 0 0; } .as9-nav-row { margin-top: 20px; margin-bottom: 50px; padding-bottom: 20px; } .about-section11 { padding: 50px 0; } .about-section12 { padding-bottom: 50px; } .as9-video-thumb { height: 160px; } .as5-person { right: 0; width: 400px; } .ab-col-left, .ab-col-right { width: 50%; } .ab-headline { font-size: 35px; } .ab-overlap-card { left: 55%; } .new-floor-plan-outer .block-list { flex: 0 0 100%; } .new-floor-plan-outer .block-selector { flex: 0 0 250px; } .upcomingproject-section2 .ups2-wrap { gap: 50px; } .completedproject-section1 .cps1-head-left, .completedproject-section1 .cps1-head-right { width: 100%; flex: 0; } .completedproject-section1 .cps1-head { gap: 20px; flex-direction: column; } .completedproject-section1 .container, .completedproject-section2 .container { max-width: 90%; } .banner-image { height: 375px; } .sp-content p, .career-section2 .cs2-item-summary, .career-section2 .cs2-cta-desc, .career-section2 .cs2-desc, .career-section3 .cs3-desc, .career-section3 .cs3-input, .career-section3 .cs3-textarea, .career-section2 .cs2-meta-value { font-size: 14px; } .slide { flex: 0 0 65%; } .contact-section1 .container { padding: 0 30px 50px 30px; } } @media (max-width: 991px) { .upcomingproject-section2 .ups2-wrap { flex-direction: column; gap: 20px; align-items: flex-start; } .upcomingproject-section2 .ups2-col-left, .upcomingproject-section2 .ups2-col-right { flex: 1 1 100%; max-width: 100%; } .upcomingproject-section2 .ups2-col-left { padding-bottom: 0; } .upcomingproject-section2 .ups2-heading { font-size: 30px; } .upcomingproject-section3 .ups3-wrap { flex-direction: column; } .upcomingproject-section3 .ups3-left, .upcomingproject-section3 .ups3-right { flex: 1 1 100%; max-width: 100%; } .upcomingproject-section3 .ups3-title { font-size: 34px; } .upcomingproject-section3 .ups3-code { font-size: 28px; } .upcomingproject-section3 .ups3-side-tab { display: none; } .completedproject-section1 { padding: 60px 0; } .completedproject-section1 .cps1-head { gap: 30px; margin-bottom: 36px; } .completedproject-section1 .cps1-heading { font-size: 30px; } .completedproject-section1 .cps1-slide img { height: 320px; } .completedproject-section1 .cps1-controls { gap: 14px; padding: 20px 32px; } .completedproject-section1 .cps1-arrows { gap: 34px; } .completedproject-section1 .cps1-counter { font-size: 22px; } .completedproject-section2 .cps2-inner { flex-wrap: wrap; } /* Image spans full width on top; text columns sit below side by side */ .completedproject-section2 .cps2-img-left .cps2-media, .completedproject-section2 .cps2-img-right .cps2-media { order: 1; flex: 0 0 100%; max-width: 100%; } .completedproject-section2 .cps2-img-left .cps2-text-cols, .completedproject-section2 .cps2-img-right .cps2-text-cols { order: 2; flex: 1 1 100%; } .completedproject-section2 .cps2-intro-col, .completedproject-section2 .cps2-info-col { flex: 1 1 280px; } .completedproject-section2 .cps2-media img { height: 340px; } .completedproject-section2 .cps2-name-row { margin-bottom: 22px; } .completedproject-section2 .cps2-heading { font-size: 30px; margin-bottom: 20px; } .contact-section1 { padding: 60px 0 50px; } .contact-section1 .cs1-card, .contact-section1 .cs1-office { width: 100%; } .contact-section1 .cs1-card { padding: 45px 40px 80px; } .contact-section1 .cs1-office { flex-direction: column; gap: 30px; } .contact-section1 .cs1-office-phone, .contact-section1 .cs1-office-email { flex: 0 0 auto; padding-left: 0; padding-top: 30px; width: 100%; } .contact-section1 .cs1-office-phone::before, .contact-section1 .cs1-office-email::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 100%; background: #fff; height: 1px; } .contact-section2 .cs2-map-wrap { height: 420px; } } @media (max-width: 960px) { .nl-sidebar { flex: 0 0 300px; padding-top: 100px; padding-left: 50px; padding-right: 50px; padding-bottom: 100px; } } @media (max-width: 920px) { .new-floor-plan-outer .block-selector { flex: 0 0 360px; } .new-floor-plan-outer .block-btn { font-size: 12px; padding: 15px 15px 15px 15px; } .new-floor-plan-outer .plan-image-area { padding: 15px; } .page-template-template-signatureheightspage .new-floor-plan-outer .block-selector { flex: none; width: 100%; padding: 20px; overflow: visible; height: auto; } .page-template-template-signatureheightspage .fp-sub-panel { height: auto; flex: none; overflow: visible; } .page-template-template-signatureheightspage .fp-inner-slider { height: auto; flex: none; overflow: visible; } .page-template-template-signatureheightspage .fp-inner-slide { height: auto; flex: none; overflow: visible; } .page-template-template-signatureheightspage .fp-sub-content { height: auto; flex: none; overflow: visible; } .page-template-template-signatureheightspage .fp-tabs-group { width: 100%; } .page-template-template-signatureheightspage .fp-sub-block-tabs { padding: 8px 20px; } .page-template-template-signatureheightspage .fp-sub-btn { padding: 10px 30px; font-size: 18px; } .fp-unit-grid { grid-template-columns: repeat(2, auto); } } @media (max-width: 900px) { .banner-wrapper { padding-top: 40%; } .banner-image { height: 338px; } .logo-text-premier { font-size: 30px; } .walkthrough-btn { bottom: 18px; left: 20px; } .walkthrough-label { font-size: 13px; height: 40px; } .play-circle { width: 40px; height: 40px; } .play-icon { border-top-width: 8px; border-bottom-width: 8px; border-left-width: 14px; } .gallery-header { padding: 0px; } .fp-body { flex-direction: column; } .fp-sidebar { flex: none; flex-direction: row; flex-wrap: wrap; justify-content: center; padding: 20px 16px; gap: 8px; } .fp-bhk-label { width: 100%; text-align: center; margin-bottom: 4px; } .fp-type-btn { width: auto; padding: 8px 16px; } .fp-type-pane { flex-direction: column; } .fp-plan-image-wrap { border: none; } .new-floor-plan-outer .block-selector { flex: none; width: 100%; height: auto; overflow: visible; } .nl-sidebar { flex: none; flex-wrap: wrap; padding: 12px 8px; gap: 0; } .brand-item { padding: 0 32px; } .brand-logo { height: 36px; } .contact-inner { flex-direction: column; align-items: flex-start; gap: 32px; padding: 0; box-sizing: border-box; width: 100%; } .contact-left { flex: none; } .contact-heading { font-size: 48px; } .contact-form-wrap { width: 100%; box-sizing: border-box; } .contact-submit-wrap { width: 100%; } .contact-submit { width: 100%; text-align: center; } .proj-img-wrap { height: 400px; } .about-section2 { padding: 80px 0 90px; } .as2-cards { grid-template-columns: 1fr; gap: 16px; } .as2-card { padding: 44px 36px 48px; } .as2-card-title { max-width: 70%; } .as3-inner { grid-template-columns: 1fr; } .as3-right { min-height: 280px; max-height: 480px; } .as3-left { padding: 0; } .as3-item-text { max-width: 100%; } .as4-content { padding: 52px 40px 60px; } .as4-cols { grid-template-columns: 1fr; gap: 28px 0; } .as4-col-divider { height: 1px; width: 100%; align-self: auto; } .as4-title { margin-bottom: 36px; } /* Stack: person above, text below */ .as5-outer { padding-top: 0; } .as5-band { padding: 48px 40px 52px; min-height: unset; } .as5-text { flex: 0 0 100%; max-width: 100%; } .as5-desc, .as5-desc p { max-width: 100%; } .as5-person { position: relative; right: 0; bottom: auto; max-height: 420px; width: 100%; overflow: hidden; left: 0; margin: 0 auto; } .as5-deco { right: -60px; width: 260px; height: 260px; } /* Reorder: image first, band second */ .as5-outer { display: flex; flex-direction: column-reverse; } .as6-cards { grid-template-columns: repeat(2, 1fr); } .as7-inner { grid-template-columns: 1fr; gap: 56px 0; } .as7-tl-nodes { justify-content: space-around; } .as8-content { padding: 52px 40px 60px; } .as8-cols { grid-template-columns: 1fr; gap: 24px 0; } .as8-image-wrap img { max-height: 55vw; } .as9-video-item { flex: 0 0 calc((100% - 20px) / 2); } .as9-heading-row { gap: 16px; } .as10-content { grid-template-columns: 1fr; gap: 0; padding: 52px 40px 48px; } .as10-divider { height: 1px; margin: 32px 0; align-self: auto; } .as10-image img { max-height: 55vw; } .as11-cols { grid-template-columns: 1fr; } .as11-col { padding: 40px 0px; border-right: none !important; border-bottom: 1px solid #d0c9c0; } .as11-col:last-child { border-bottom: none; } .as12-inner { grid-template-columns: 1fr; min-height: auto; } .as12-left { height: 280px; } .as12-building-svg { width: 55%; left: 50%; transform: translateX(-50%); height: 100%; } .as12-header { padding: 22px 36px; } .as12-faqs { padding: 0px 20px; } .as12-faq-q { padding: 22px 0; } .slider-nav { bottom: 15px; right: 160px; } .about-title, .gallery-heading, .amenities-heading, .as2-title, .as4-title, .as5-title, .as6-header-title, .as7-title { font-size: 35px; } .fp-sidebar { justify-content: flex-start; } .contact-heading { font-size: 40px; } .ab-headline { font-size: 40px; } h3.ab-headline { font-size: 40px; } .as5-person { width: 350px; } .as5-person img { width: 100%; height: 100%; object-fit: contain; object-position: top center; } .as12-left { display: none; } .as5-outer { padding-top: 0; } .as12-inner { grid-template-columns: 1fr; min-height: auto; } .bl-section { padding: 50px 0 70px; } .bl-heading-row { padding-bottom: 50px; } .bl-heading { font-size: 38px; } .bl-row { min-height: 200px; /* was 260px */ } .bl-row-img { flex: 0 0 28%; max-width: 28%; padding-left: 15px; /* was 30px */ } .bl-row-body { padding: 20px 22px; gap: 8px; } .bl-row-title { font-size: 22px; /* was 28px */ line-height: 1.4; } .bl-row-excerpt { font-size: 15px; } .bl-row-meta { padding: 20px 10px; } .bl-row-date-col { padding: 16px 14px; min-width: 90px; } .bl-row-num-col { padding: 16px 14px; min-width: 76px; } .bl-row-num { font-size: 48px; } .sp-hero-img { height: 340px; } .sp-article-wrap { padding-top: 44px; } .sp-title { font-size: 34px; } .sp-title-rule { margin-bottom: 34px; } .sp-content h1 { font-size: 30px; } .sp-content h2 { font-size: 24px; margin: 40px 0 14px; } .sp-content h3 { font-size: 19px; } .sp-content p, .sp-content ul, .sp-content ol { font-size: 16px; } .sp-content blockquote, .sp-content blockquote p { font-size: 19px; padding: 20px 26px; } .sp-nav-title { font-size: 18px; } .new-floor-plan-outer .section-header { align-items: flex-start; gap: 30px; flex-direction: column; } .new-floor-plan-outer .plan-card { flex-direction: column; } .page-template-template-signatureheightspage .fp-sub-btn { padding: 10px 30px; font-size: 12px; } .fp-unit-grid { grid-template-columns: repeat(3, auto); } .arc-nav { margin-top: 42px; } .arc-label { font-size: 11px; } .arc-nav-older a, .arc-nav-newer a { font-size: 13px; padding: 10px 18px; gap: 8px; } .arc-nav-arrow { font-size: 16px; } .srch-section { padding: 60px 0; } .srch-label { font-size: 11px; } .srch-count { font-size: 13px; } .srch-nav { margin-top: 42px; } .srch-nav-older a, .srch-nav-newer a { font-size: 13px; padding: 10px 18px; } .srch-nav-arrow { font-size: 16px; } .srch-no-results-heading { font-size: 26px; } .srch-no-results-text { font-size: 15px; } .srch-no-results-icon svg { width: 46px; height: 46px; } .ct-section { padding: 60px 0 80px; } /* Stack to single column */ .ct-main-grid { grid-template-columns: 1fr; gap: 60px 0; } .ct-form-heading { font-size: 26px; } .ct-intro { margin-bottom: 28px; } .ct-map-wrap { height: 380px; } .eq-section { padding: 60px 0 80px; } .eq-body { grid-template-columns: 1fr; gap: 60px 0; } .eq-intro { margin-bottom: 28px; } } @media (max-width: 900px) and (min-width: 501px) { .faq-body { grid-template-columns: 260px 1fr; } } @media (max-width: 768px) { .about-section { padding: 48px 0 40px; } .about-title { font-size: 32px; } .about-desc p { font-size: 13.5px; } .amenities-heading { font-size: 38px; } .amenities-page { grid-template-columns: repeat(4, 1fr); gap: 40px 0; } /* Show 2 cards per slide on tablet */ .wwb-track { gap: 16px; } .video-card { flex: 0 0 calc((100% - 16px) / 2); } .ab-slider { height: auto; overflow: visible; } .ab-slide { position: relative; inset: auto; flex-direction: column; height: auto; display: none; opacity: 1; pointer-events: none; } .ab-slide.active { display: flex; pointer-events: all; } .ab-slide.leave { display: none; } .ab-col-right { position: relative; width: 100%; height: 56vw; min-height: 200px; max-height: 320px; clip-path: none !important; transition: none !important; order: 0; } .ab-col-right .ab-right-img { transform: none !important; transition: none !important; } .ab-nav-row { position: absolute; bottom: 12px; right: 16px; gap: 10px; z-index: 10; } .ab-dot { background: rgba(255, 255, 255, .5); width: 18px; } .ab-dot.active { background: #ffffff; width: 30px; } .ab-arr-btn { width: 32px; height: 32px; } .ab-counter { font-size: 11px; } .ab-counter strong { font-size: 16px; } .ab-mobile-content { position: relative; z-index: 1; background: #ffffff; padding: 28px 0px 36px 0px; display: flex; flex-direction: column; gap: 10px; order: 1; } .ab-mobile-content .ab-eyebrow { color: #6b6056; font-size: 9px; letter-spacing: .32em; } .ab-mobile-content .ab-headline { font-family: "Instrument Serif", serif; font-size: clamp(26px, 7vw, 38px); font-weight: 300; line-height: 1.18; color: #2c2925; transform: none !important; transition: none !important; overflow: visible; } .ab-mobile-content .ab-headline::after { display: none; } .ab-mobile-content .ab-headline em { color: #7c6a52; font-style: italic; } .ab-col-left { display: none; } .ab-overlap-card { display: none; } .ab-col-right, .ab-left-img, .ab-headline, .ab-headline::after, .ab-overlap-card, .ab-overlap-card p::after { transform: none !important; clip-path: none !important; transition: none !important; } .info-box { right: 50px; } .fp-plan-placeholder { padding: 30px; } .nl-sidebar { flex: 0 0 250px; padding-top: 50px; padding-left: 30px; padding-right: 30px; padding-bottom: 50px; } .nl-tab { font-size: 15px; } .spec-card { padding: 50px; } .amenity-card { align-items: center; } .fp-heading, .nl-heading, .brands-heading, .spec-heading, .wwb-heading, .faq-heading, .proj-heading { font-size: 25px; } .ab-col-right { width: 100%; } .bl-heading-row { padding-bottom: 40px; } .bl-heading { font-size: 32px; } .bl-row { min-height: 160px; } .bl-row-img { padding-left: 20px; } .bl-row-body { padding: 16px 18px; } .bl-row-title { font-size: 18px; } .bl-row-excerpt { font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .bl-row-more { font-size: 13px; } .bl-row-more span { font-size: 18px; } .bl-row-meta { padding: 12px 8px; } .bl-row-date-col { min-width: 80px; padding: 10px 8px; } .bl-row-date { font-size: 13px; } .bl-row-loc { font-size: 13px; } .bl-row-num-col { padding: 10px 10px; min-width: 60px; } .bl-row-num { font-size: 40px; } .sp-section { padding-bottom: 80px; } .sp-hero-img { height: 290px; } .sp-article-wrap { padding-top: 36px; } .sp-title { font-size: 28px; margin-bottom: 18px; } .sp-title-rule { width: 44px; margin-bottom: 28px; } .sp-content { font-size: 16px; line-height: 1.8; } .sp-content h1 { font-size: 26px; margin: 40px 0 14px; } .sp-content h2 { font-size: 22px; margin: 36px 0 12px; } .sp-content h3 { font-size: 18px; margin: 30px 0 10px; } .sp-content h4 { font-size: 16px; margin: 26px 0 8px; } .sp-content h5, .sp-content h6 { margin: 20px 0 7px; } .sp-content p, .sp-content ul, .sp-content ol { font-size: 16px; } .sp-content blockquote, .sp-content blockquote p { font-size: 17px; padding: 18px 22px; } /* Float images become block on tablet */ .sp-content .alignleft, .sp-content .alignright { float: none; display: block; margin: 24px auto; } .sp-content pre { padding: 18px 20px; font-size: 13px; } .sp-post-nav { gap: 16px; margin-top: 48px; padding-top: 30px; } .sp-nav-title { font-size: 16px; } .sp-tags { margin-top: 40px; padding-top: 24px; } .arc-nav { margin-top: 36px; padding-top: 24px; } .arc-nav-older a, .arc-nav-newer a { font-size: 13px; padding: 9px 16px; } .srch-section { padding: 50px 0; } .srch-nav { margin-top: 36px; padding-top: 28px; } .srch-nav-older a, .srch-nav-newer a { font-size: 13px; padding: 9px 16px; } .srch-label { font-size: 11px; } .srch-count { font-size: 13px; } .srch-no-results { padding: 36px 16px 24px; gap: 22px; } .srch-no-results-heading { font-size: 24px; } .srch-no-results-text { font-size: 14px; } .srch-type-badge { font-size: 10px; } .ct-section { padding: 50px 0 70px; } .ct-form-card { padding: 36px 36px; } .ct-form-heading { font-size: 24px; } .ct-form-sub { font-size: 13px; margin-bottom: 24px; } .ct-info-card { padding: 24px 0; gap: 16px; } .ct-info-icon { width: 44px; height: 44px; } .ct-info-icon svg { width: 20px; height: 20px; } .ct-info-text { font-size: 14px; } .ct-map-wrap { height: 320px; } .eq-section { padding: 50px 0 70px; } .eq-form-card { padding: 36px 36px; } .eq-feature { padding: 24px 0; gap: 16px; } .eq-feature-icon { width: 44px; height: 44px; } .eq-feature-icon svg { width: 20px; height: 20px; } .eq-feature-text { font-size: 13px; } .page-template-template-signatureheightspage .new-floor-plan-outer .block-selector { flex: 1; } .upcomingproject-section2 .ups2-text p { font-size: 14px; } .upcomingproject-section2 .ups2-wrap { gap: 30px; } .upcomingproject-section3 .ups3-title { font-size: 35px; } .upcomingproject-section3 .ups3-code { font-size: 30px; } .completedproject-section1 .cps1-intro { font-size: 14px; } .banner-image { height: 289px; } .career-section2 .cs2-positions-heading { margin: 50px 0 34px; } .career-section2 .cs2-select-wrap { width: 300px; } .career-section2 .cs2-location-select { font-size: 20px; height: 50px; } .gallery-header { gap: 30px; } .gallery-tabs { gap: 10px; } .career-section2 .cs2-filter { margin-bottom: 50px; } .career-section1 .cs1-tagline { font-size: 35px; } .career-section2 .cs2-heading, .career-section2 .cs2-positions-heading, .career-section3 .cs3-heading { font-size: 30px; } .career-section2 .cs2-item-title { font-size: 18px; } .career-section1 .cs1-image { height: 300px; } .info-box { width: 180px; height: 115px; bottom: -60px; } } @media (max-width: 767px) { .upcomingproject-section1 .ups1-controls { padding: 16px 24px; gap: 10px; } .upcomingproject-section1 .ups1-arrows { gap: 22px; } .completedproject-section1 { padding: 44px 0; } .completedproject-section1 .cps1-head { flex-direction: column; gap: 18px; margin-bottom: 28px; } .completedproject-section1 .cps1-head-left, .completedproject-section1 .cps1-head-right { flex: 1 1 100%; width: 100%; } .completedproject-section1 .cps1-heading, .upcomingproject-section2 .ups2-heading { font-size: 30px; } .completedproject-section1 .cps1-underline { margin-top: 16px; } .completedproject-section1 .cps1-slide img { height: 220px; } .completedproject-section1 .cps1-controls { gap: 12px; padding: 16px 24px; } .completedproject-section1 .cps1-arrows { gap: 28px; } .completedproject-section1 .cps1-arrow { width: 28px; height: 28px; } .completedproject-section1 .cps1-arrow svg { width: 22px; height: 22px; } .completedproject-section1 .cps1-counter { font-size: 20px; gap: 10px; } .completedproject-section1 .cps1-sep { width: 16px; } .completedproject-section2 { padding: 40px 0; } .completedproject-section2 .cps2-inner { flex-direction: column; gap: 28px; } .completedproject-section2 .cps2-text-cols { flex-direction: column; gap: 28px; } .completedproject-section2 .cps2-intro-col, .completedproject-section2 .cps2-info-col { flex: 1 1 100%; width: 100%; } .completedproject-section2 .cps2-media img { height: 240px; } .completedproject-section2 .cps2-arrow { width: 38px; height: 38px; } .completedproject-section2 .cps2-heading { font-size: 26px; } .completedproject-section2 .cps2-name { font-size: 15px; letter-spacing: 1.5px; } .completedproject-section2 .cps2-desc { font-size: 15px; } .upcomingproject-section2 .ups2-col-right { padding-right: 0; } .contact-section1 { padding: 45px 0 45px; } .contact-section2 .cs2-map-wrap { height: 300px; } .contact-section1 .cs1-intro { font-size: 15px; text-align: left; margin-bottom: 28px; } .contact-section1 .cs1-row { flex-direction: column; gap: 16px; margin-bottom: 16px; } .contact-section1 .cs1-field textarea { min-height: 170px; } .contact-section1 .cs1-submit { right: 22px; bottom: -28px; padding: 18px 32px; font-size: 14px; } .contact-section1 .cs1-office { margin-top: 100px; } .contact-section1 .cs1-office-phone, .contact-section1 .cs1-office-email { padding-left: 0; } .contact-section1 .cs1-office-label { font-size: 16px; } .career-section1 .cs1-image { height: 250px; } .career-section2 .cs2-select-wrap { width: 100%; } .career-section2 .cs2-cta { flex-direction: column; gap: 30px; margin-top: 50px; padding: 20px 20px; } .career-section2 .cs2-cta-btn { padding: 15px 60px; font-size: 15px; } .career-section2 { padding: 50px 0 50px; } .career-section1 .container, .career-section2 .container { padding-left: 0; padding-right: 0; } .career-section2 .cs2-item-top { gap: 30px; flex-direction: column; } .career-section2 .cs2-apply-btn { font-size: 15px; padding: 12px 40px; } .career-section2 .cs2-item-head { padding: 20px 20px; } .career-section2 .cs2-item-body-inner { padding: 0 0px 20px 20px; } .career-section2 .cs2-item-title { font-size: 16px; } .career-section1 .cs1-tagline { font-size: 28px; } .career-section2 .cs2-heading, .career-section2 .cs2-positions-heading, .career-section3 .cs3-heading { font-size: 22px; } .career-section2 .cs2-location-select { font-size: 18px; height: 40px; width: 100%; } .career-section2 .cs2-cta-title { font-size: 20px; } .career-section2 .cs2-toggle { width: 25px; height: 25px; } } @media (max-width: 700px) { .new-floor-plan-outer .section-header { flex-direction: column; align-items: flex-start; } .new-floor-plan-outer .plan-card { flex-direction: column; } .new-floor-plan-outer .plan-image-area { min-height: 400px; padding: 14px; } .new-floor-plan-outer .block-selector { flex: none; width: 100%; border-left: none; min-height: 200px; } .new-floor-plan-outer .main-tab-btn { padding: 10px 20px; } .new-floor-plan-outer .block-btn { min-height: 40px; font-size: 12px; } .new-floor-plan-outer .block-detail-col { padding: 24px 20px; gap: 18px; } .new-floor-plan-outer .detail-line-value { font-size: 17px; } .new-floor-plan-outer .detail-line-value.sqft { font-size: 22px; } .page-template-template-signatureheightspage .fp-tabs-group { flex-direction: column; width: 100%; gap: 10px; } .page-template-template-signatureheightspage .fp-sub-block-tabs { padding: 8px 15px; gap: 8px; flex-wrap: wrap; } .page-template-template-signatureheightspage .fp-sub-btn { padding: 8px 20px; font-size: 16px; flex: 1; text-align: center; } .page-template-template-signatureheightspage .new-floor-plan-outer .block-selector { padding: 16px; overflow: visible; height: auto; } .fp-facing-label { font-size: 15px; padding: 8px 14px; } .fp-facing-bhk { font-size: 15px; padding: 8px 12px; } .fp-unit-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; } .fp-unit-btn { padding: 8px 12px; font-size: 13px; white-space: normal; } .fp-block-nav { font-size: 13px; margin-top: 16px; } .proj-heading-row { gap: 16px; } /* Show 1 card */ .proj-card { flex: 0 0 100%; } .proj-track { gap: 20px; } .project-main-section1 .proj-cards-grid { grid-template-columns: 1fr; gap: 24px; } .project-main-section1 .proj-card { flex: none; } .proj-img-wrap { aspect-ratio: 4 / 3.5; } .info-unit { font-size: 13px; } .form-grid { grid-template-columns: 1fr; column-gap: 0px; row-gap: 10px; } .form-field { width: 100%; } .banner-image { height: 263px; } .banner-wrapper { padding-top: 263px; } .faq-body { grid-template-columns: 240px 1fr; } } @media (max-width: 600px) { .project-section2 .container, .project-section3 .container, .project-section4 .container, .project-section5 .container, .project-section5b .container, .project-section6 .container, .project-section7 .container, .project-section8 .container, .project-section9 .container, .project-section10 .container, .project-section11 .container, .project-main-section1 .container, .project-section12 .container, .project-main-top-section .container, .contact-section2 .container { max-width: 100%; padding-left: 16px; padding-right: 16px; } .logo-ornament svg { width: 30px; height: 30px; } .logo-text-signature { font-size: 10px; letter-spacing: 2px; } .logo-text-premier { font-size: 22px; } .logo-text-luxury { font-size: 7px; letter-spacing: 2.5px; margin-bottom: 12px; } .info-unit { font-size: 8.5px; letter-spacing: 1.5px; } .walkthrough-btn { bottom: 12px; left: 12px; gap: 10px; } .walkthrough-btn:hover { left: 15px; } .walkthrough-label { font-size: 11px; height: 37px; width: 145px; } .play-circle { width: 34px; height: 34px; } .play-icon { border-top-width: 7px; border-bottom-width: 7px; border-left-width: 12px; margin-left: 3px; } .gallery-section { padding: 0px; } .spp-premier-gallery .slider-nav, .sh-heights-gallery .slider-nav { top: auto; left: 50%; right: auto; bottom: 40px; transform: translateX(-50%); justify-content: center; } .tab-btn { padding: 8px 14px; font-size: 12px; } .slide { flex: 0 0 60%; } .slider-nav { padding-right: 20px; } .contact-inner { padding: 0; gap: 28px; box-sizing: border-box; width: 100%; min-width: 0; } .contact-heading { font-size: 38px; } .form-grid { grid-template-columns: minmax(0, 1fr); row-gap: 10px; width: 100%; box-sizing: border-box; } .contact-form-wrap, .contact-form-wrap .wpcf7, .contact-form-wrap .wpcf7-form { width: 100%; max-width: 100%; box-sizing: border-box; min-width: 0; } .contact-form-wrap .wpcf7-form-control:not([type="submit"]) { font-size: 16px; max-width: 100%; box-sizing: border-box; } .contact-form-wrap .wpcf7-submit, .contact-form-wrap input[type="submit"] { width: 100%; box-sizing: border-box; } .ab-eyebrow { margin-bottom: 0; } .about-section2 { padding: 20px 0 30px; } .as2-heading-row { gap: 16px; margin-bottom: 20px; } .as2-desc { margin-bottom: 40px; } .as2-card { padding: 36px 28px 40px; } .as2-card-title { max-width: 65%; font-size: clamp(30px, 8vw, 44px); } .as2-card-icon { top: 28px; right: 24px; width: 44px; height: 44px; } .as3-item { gap: 20px; padding: 32px 0; } .as3-icon { width: 54px; height: 54px; } .as3-icon img { max-width: 100%; } .as3-right { min-height: 0; max-height: 480px; } .as4-content { padding: 40px 24px 48px; } .as4-cols { gap: 24px 0; } .as5-band { padding: 40px 24px 48px; } .as5-person { height: auto; } .about-section6 { padding: 70px 0; } .about-section6 .container { border-bottom: 1px solid #e4e4e4; padding-bottom: 70px; } .as6-header { padding: 24px 24px; } .as6-cards { grid-template-columns: 1fr; gap: 16px; } .as6-card { padding: 36px 24px 40px; } .about-section7 { padding: 0 0 70px 0; } .as7-panel { padding: 36px 24px 44px; } .as7-tl-label { font-size: clamp(10px, 3vw, 12px); } .about-section8 { padding: 0 0 70px 0; } .as8-content { padding: 40px 24px 48px; } .as8-image-wrap img { max-height: 64vw; } .about-section9 { padding: 70px 0 0; } .as9-video-item { flex: 0 0 100%; } .as9-title { font-size: clamp(20px, 6vw, 28px); } .as9-desc-wrap { margin-bottom: 36px; } .as10-content { padding: 40px 24px 36px; } .as10-image img { max-height: 64vw; } .as11-col { padding: 30px 0px; gap: 16px; } .as12-left { height: 220px; } .as12-header { padding: 20px 24px; } .as12-faq-q { padding: 18px 0; gap: 16px; } .as12-faq-q-text { font-size: 14px; } .contact-band { padding: 30px 20px; overflow-x: hidden; } .project-section12 { overflow-x: hidden !important; } .project-section12 .container { width: 100% !important; box-sizing: border-box !important; padding-left: 0 !important; padding-right: 0 !important; } .cf7-submit-row { justify-content: end; } .wpcf7-spinner { position: absolute; right: 0; } .bl-section { padding: 36px 0 50px; } .bl-heading-row { padding-bottom: 30px; gap: 12px; } .bl-heading { font-size: 26px; } .bl-row { flex-wrap: wrap; min-height: auto; /* remove fixed height in stacked layout */ } .bl-row-img { flex: 0 0 100%; max-width: 100%; padding-left: 0; } .bl-row-img img { height: 220px; min-height: 220px; } .bl-row-body { flex: 1; max-width: 100%; min-width: 0; padding: 16px 16px 12px; order: 2; } .bl-row-title { font-size: 15px; line-height: 1.3; } .bl-row-excerpt { font-size: 13px; -webkit-line-clamp: 3; } .bl-row-more { font-size: 13px; } .bl-row-more span { font-size: 16px; } .bl-row-vsep { display: none; } .bl-row-meta { order: 3; flex: 0 0 100%; max-width: 100%; border-left: none; border-top: 1px solid rgba(229, 224, 219, 0.3); justify-content: flex-end; min-height: 48px; padding: 6px 16px; /* was 50px 50px */ } .bl-row-date-col { flex-direction: row; gap: 10px; align-items: center; justify-content: flex-end; min-width: 0; padding: 8px 10px; } .bl-row-date { font-size: 12px; } .bl-row-loc { font-size: 12px; } .bl-row-num-col { flex-direction: row; align-items: center; min-width: 55px; padding: 8px 12px; } .bl-row-num { font-size: 28px; } .sp-section { padding-bottom: 60px; } .sp-hero-img { height: 230px; } .sp-article-wrap { padding-top: 28px; } .sp-title { font-size: 24px; line-height: 1.2; margin-bottom: 14px; } .sp-title-rule { width: 36px; margin-bottom: 22px; } .sp-meta-bar { gap: 7px 12px; margin-bottom: 20px; } .sp-meta-date, .sp-meta-author { font-size: 13px; } .sp-content { font-size: 15px; } .sp-content h1 { font-size: 22px; margin: 34px 0 12px; } .sp-content h2 { font-size: 19px; margin: 30px 0 10px; } .sp-content h3 { font-size: 17px; margin: 26px 0 8px; } .sp-content h4 { font-size: 15px; } .sp-content p, .sp-content ul, .sp-content ol { font-size: 15px; line-height: 1.75; } .sp-content blockquote, .sp-content blockquote p { font-size: 16px; padding: 16px 18px; } .sp-content table { font-size: 14px; } .sp-content thead th, .sp-content tbody td { padding: 9px 12px; } /* Stack prev/next vertically */ .sp-post-nav { flex-direction: column; gap: 24px; margin-top: 40px; padding-top: 24px; } .sp-post-nav-next { text-align: left; } .sp-nav-title { font-size: 15px; } .sp-tags { margin-top: 34px; padding-top: 20px; } .arc-heading-wrap { gap: 4px; } .arc-label { font-size: 11px; letter-spacing: 0.8px; } /* Stack older/newer links on small screens */ .arc-nav { flex-direction: column; align-items: stretch; gap: 12px; margin-top: 30px; padding-top: 20px; } .arc-nav-older a, .arc-nav-newer a { display: flex; justify-content: center; font-size: 13px; padding: 12px 16px; } .srch-section { padding: 36px 0 50px; } .srch-nav { flex-direction: column; align-items: stretch; gap: 12px; } .srch-nav-older a, .srch-nav-newer a { display: flex; justify-content: center; padding: 12px 16px; } .srch-no-results-heading { font-size: 22px; } .srch-form-inner { flex-direction: column; } .srch-submit { justify-content: center; padding: 13px 20px; } .ct-section { padding: 36px 0 60px; } .ct-form-card { padding: 30px 24px; } .ct-form-heading { font-size: 22px; } /* Form fields go single column */ .ct-form-wrap .wpcf7 form { grid-template-columns: 1fr; } .ct-form-wrap .wpcf7 form>p:nth-child(n+5) { grid-column: 1; } .ct-map-wrap { height: 280px; } .eq-section { padding: 36px 0 60px; } .eq-form-card { padding: 30px 24px; } .fp-unit-grid { grid-template-columns: repeat(2, auto); } .upcomingproject-section3 .ups3-title { font-size: 30px; } .upcomingproject-section3 .ups3-code { font-size: 25px; } .upcomingproject-section3 .ups3-code span { font-size: 15px; } .upcomingproject-section1 .ups1-viewport { height: 250px !important; } .upcomingproject-section3 .ups3-card-head { align-items: flex-start; gap: 15px; padding: 20px 25px; flex-direction: column; } .upcomingproject-section3 .ups3-slider { height: 250px; } .upcomingproject-section3 .ups3-right { padding: 10px 30px; } .upcomingproject-section3 .ups3-spec { font-size: 14px; } .footer-widget-area { grid-template-columns: 1fr 1fr; } .info-box { right: 20px; } .project-section2 { padding: 0px 0 50px; } } @media (max-width: 520px) { .amenities-heading { font-size: 30px; } .nav-circle { width: 30px; height: 30px; } .amenities-page { grid-template-columns: repeat(3, 1fr); gap: 36px 0; } .amenity-icon { max-width: 35px; max-height: 35px; } .amenity-icon img { max-width: 100%; max-height: 100%; } .amenity-label { font-size: 12px; } .footer-widget-area { grid-template-columns: 1fr; } .career-section2 .cs2-location-select { font-size: 14px; } } @media (max-width: 500px) { /* Floor plan sidebar: 2-column type buttons; label stays full width */ .fp-sidebar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 10px; row-gap: 8px; align-items: stretch; padding: 16px 12px; } .fp-bhk-label { grid-column: 1 / -1; width: 100%; margin-bottom: 4px; } .fp-type-btn { width: 100%; min-width: 0; box-sizing: border-box; } .brands-slider-wrapper { gap: 10px; } .brands-arrow { width: 30px; height: 30px; flex-shrink: 0; background-size: 20px 20px; background-position: center; } .brand-item { padding: 0 6px; } .brand-item img, .brand-logo { display: block; height: 26px; width: auto; max-width: 56px; object-fit: contain; } /* One video per slide on small screens */ .wwb-track { gap: 12px; } .video-card { flex: 0 0 100%; } .project-section1 .container { max-width: 90%; } .info-unit { font-size: 8px; margin-top: 2px; } .walkthrough-label { font-size: 10px; width: 115px; height: 34px; display: none; } .project-section2 { padding: 0px 0 50px; overflow-x: hidden; } .about-title, .gallery-heading, .amenities-heading, .as2-title, .as4-title, .as5-title, .as6-header-title, .as7-title { font-size: 30px; } .about-desc p { font-size: 15.5px; } .btn-enquire { font-size: 13.83px; } .btn-enquire { font-size: 13.83px; max-width: 212px; height: 42px; padding: 0 15px; } .project-section2 .container { max-width: 100%; box-sizing: border-box; padding-left: 16px; padding-right: 16px; } .about-inner { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; } .about-right { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; } .stats-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 8px; row-gap: 12px; width: 100%; max-width: 100%; min-width: 0; margin-bottom: 16px; box-sizing: border-box; } .stat-card { display: flex; align-items: center; gap: 8px; padding: 8px 4px; min-width: 0; box-sizing: border-box; } .stat-card .stat-icon { width: 36px; height: 36px; flex-shrink: 0; } .stat-card .stat-info { min-width: 0; flex: 1; } .stat-label { font-size: 12px; word-break: break-word; overflow-wrap: anywhere; line-height: 1.2; } .stat-sub { font-size: 11px; word-break: break-word; overflow-wrap: anywhere; line-height: 1.2; } .stat-card--download { align-items: stretch; min-width: 0; } .btn-download { font-size: 11px; white-space: normal; text-align: center; width: 100%; max-width: 100%; padding: 10px 6px; line-height: 1.25; box-sizing: border-box; } .rera-no { font-size: 12px; max-width: 100%; overflow-wrap: anywhere; word-break: break-word; } .rera-label { font-size: 12px; } .gallery-header { padding: 0px; gap: 25px; margin-bottom: 25px; } .new-floor-plan-outer .section-header { gap: 25px; } .nl-heading-row { margin-bottom: 25px; } .brands-heading-row { gap: 25px; margin-bottom: 25px; } .spec-heading { margin-bottom: 25px; } .wwb-heading-row { gap: 25px; margin-bottom: 25px; } .faq-heading { margin-bottom: 25px; } .nl-body { min-height: 0; flex-direction: column; } .nl-map-area { order: 1; min-height: 190px; } .nl-sidebar { padding: 20px; order: 2; flex: 0 0 auto; } .nl-tab { width: auto; padding: 10px 10px; } /* Spec tabs: exactly 3 per row (no horizontal scroll) */ .spec-tabs-outer { overflow-x: visible; } .spec-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 10px; min-width: 0; width: 100%; } .spec-tab { width: 100%; min-width: 0; box-sizing: border-box; white-space: normal; text-align: center; padding: 8px 6px; font-size: 11px; line-height: 1.25; display: flex; align-items: center; justify-content: center; } .spec-card { padding: 30px; } .project-section11, .project-main-section1 { overflow-x: hidden; max-width: 100%; } .project-section11.flexbox, .project-main-section1.flexbox { flex-direction: column; align-items: stretch; } .proj-section { width: 100%; max-width: 100%; min-width: 0; } .proj-heading-row { flex-wrap: wrap; justify-content: center; gap: 12px; min-width: 0; width: 100%; } .proj-heading-line { display: none; } .proj-heading { white-space: normal; text-align: center; width: 100%; min-width: 0; margin-bottom: 25px; font-size: 24px; line-height: 1.25; overflow-wrap: anywhere; word-break: break-word; } .proj-slider-outer { max-width: 100%; } .proj-track { min-width: 0; } .proj-card { min-width: 0; box-sizing: border-box; } .form-field { width: 100%; max-width: 100%; } .slide img { height: 400px; } /* Single column: category + FAQ content stack (no side-by-side layout) */ .project-section10.flexbox { flex-direction: column; align-items: stretch; } .faq-section { width: 100%; min-width: 0; } /* Until JS runs, hide all FAQ panels so only category labels show (no flash of first panel) */ .faq-body:not(.faq-js-ready) .faq-panel { display: none !important; } .faq-body:not(.faq-js-ready) .faq-cat-btn { background: #efefef !important; color: #434345 !important; } .faq-body { display: grid !important; grid-template-columns: 1fr; align-items: stretch; width: 100%; min-width: 0; gap: 10px; min-height: 0; } .faq-cat-wrap { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 100%; min-width: 0; } .faq-cat-wrap .faq-cat-btn, .faq-cat-wrap .faq-panel { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; } .faq-cat-wrap .faq-panel { grid-column: unset !important; grid-row: unset !important; align-self: stretch; } /* Only category rows show until one is tapped; panel opens directly underneath */ .faq-cat-wrap .faq-cat-btn { border-right: none; text-align: left; position: relative; padding-left: 20px; padding-right: 44px; font-size: 18px; } .faq-cat-btn::after { content: '+'; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-family: "Nunito Sans", sans-serif; font-size: 22px; font-weight: 300; line-height: 1; color: inherit; opacity: 0.85; transition: transform 0.25s ease; } .faq-cat-btn.active::after { transform: translateY(-50%) rotate(45deg); } .faq-question-text { font-size: 18px; } .faq-answer p, .faq-answer ul li { font-size: 14px; } .stat-icon { width: 35px; height: 35px; } .gallery-tabs { gap: 5px; } .as2-desc { max-width: 100%; text-align: left; } .as6-cards { grid-template-columns: repeat(1, 1fr); } .as7-panel-title { font-size: 25px; } .as7-tl-label { font-size: 15px; } .as3-icon img { max-width: 100%; height: 54px; } .as9-video-thumb { height: 150px; } .as2-line { display: none; } .about-section4 .container { display: flex; flex-direction: column; } .as4-content { order: 1; } .as4-image-wrap { order: 2; } .as5-outer { flex-direction: column; } .as5-outer { background: linear-gradient(180deg, #0e6b6b 0%, #0e6b6b 45%, #2e8a5c 100%); } .as5-band { background: transparent; } .about-section5 { padding-bottom: 0; } .as5-person { width: 100%; } .as5-deco { right: 0; width: 260px; height: 260px; top: auto; bottom: 0; transform: none; } .as8-image-wrap img { height: 150px; } .as9-line { display: none; } .as9-desc-wrap { text-align: left; } .as12-left { display: flex; justify-content: center; height: 350px; background-color: #f7f7f7; } .as12-left img { height: 300px; } .completedproject-section2 .cps2-inner.cps2-slide-odd .cps2-text-cols, .completedproject-section2 .cps2-inner.cps2-slide-even .cps2-text-cols { padding-right: 20px; padding-left: 20px; padding-top: 30px; } .completedproject-section2 .cps2-testimonial { flex-direction: column; gap: 12px; padding: 10px; justify-content: center; align-content: center; align-items: center; } .completedproject-section2 .cps2-testi-photo img { min-height: 100px; max-height: 100px; } .completedproject-section2 .cps2-testi-photo { flex: 0 0 100px; width: 100px; } .banner-image { height: 615px; } .banner-wrapper { padding-top: 605px; } .contact-section1 .container { padding: 0px; background-color: #fff; background-image: none !important; } .contact-section1 .cs1-office { padding: 50px; background-color: #2e5a49; border-radius: 25px; } .contact-section1 .cs1-office-label { color: #fff; } .contact-section1 .cs1-office-phone::before, .contact-section1 .cs1-office-email::before { display: none; } .contact-section1 .cs1-office-address { flex: 1 1 auto; border-bottom: 1px solid #fff; padding-bottom: 10px; } .cs1-office-block.cs1-office-phone { position: relative; border-bottom: 1px solid #fff; padding-bottom: 10px; padding-top: 0; width: 100%; } .cs1-office-block.cs1-office-email { padding-top: 0; } .contact-section1 .cs1-office { gap: 20px; } .contact-section1 .cs1-card { padding: 45px 20px 50px; border-radius: 0 0 0 24px; } .contact-section1 { padding: 30px 0 30px; } .completedproject-section2 .cps2-testi-text { text-align: center; } .cs1-bg-image { display: flex; object-fit: contain; width: 100%; border-radius: 0 0 25px 25px; } .contact-section1 .cs1-office { margin-top: 20px; } .slide { flex: 0 0 70%; } .as12-faq-a-text, .as12-faq-a-text p { padding-bottom: 10px; padding-right: 10px; } .sticky-btn-enquire { font-size: 10px; min-width: 60px; padding: 5px 5px; } .nav-arrow { width: 30px; height: 30px; } .vc-play-btn { width: 35px; height: 35px; } .wwb-arrow { width: 30px; height: 30px; } .upcomingproject-section1 .ups1-controls { padding: 3px 5px; gap: 5px; width: 130px; } .upcomingproject-section1 .ups1-counter { font-size: 13px; } .upcomingproject-section3 .ups3-arrow { width: 30px; height: 30px; } .completedproject-section1 .cps1-counter { font-size: 13px; } .completedproject-section1 .cps1-controls { padding: 3px 5px; gap: 5px; width: 130px; } .completedproject-section2 .cps2-arrow { width: 30px; height: 30px; } .completedproject-section2 .cps2-nav-arrow { width: 30px; height: 30px; } .completedproject-section2 .cps2-nav-counter { font-size: 13px; } .contact-section1 .cs1-title { font-size: 30px; } .contact-section1 .cs1-intro, .contact-section1 .cs1-intro p, .contact-section1 .cs1-consent, .contact-section1 .cs1-office-text, .contact-section1 .cs1-office-text p, .contact-section1 .cs1-office-label { font-size: 14px; } .as12-header-title { font-size: 20px; } .as12-faq-q-text { font-size: 18px; } .as2-desc, .as2-card-text, .as2-card-text p, .as3-item-text, .as4-col-text, .as4-col-text p, .as5-desc, .as5-desc p, .as6-card-text, .as6-card-text p, .as7-desc, .as7-panel-list li, .as7-panel ul li, .as8-text, .as8-text p, .as9-desc, .as10-text, .as10-text p, .as11-col-text, .as11-col-text p, .as12-faq-a-text, .as12-faq-a-text p { font-size: 14px; line-height: 20px; } .contact-section1 .container::before { display: none; } } @media (max-width: 480px) { .page-template-template-signatureheightspage .fp-sub-btn { font-size: 14px; padding: 8px 14px; } .fp-unit-grid { grid-template-columns: repeat(2, 1fr); } .fp-unit-btn { font-size: 12px; padding: 7px 10px; } .fp-facing-label { font-size: 13px; padding: 7px 12px; } .fp-facing-bhk { font-size: 13px; padding: 7px 10px; } .fp-facing-group { margin-bottom: 20px; } .page-template-template-signatureheightspage .new-floor-plan-outer .block-selector { padding: 12px; } .spec-heading { font-size: 28px; margin-bottom: 25px; } .spec-tab { padding: 8px 16px; font-size: 12.5px; } .spec-card { padding: 28px 24px; } .spec-list li { font-size: 13px; } .banner-image { height: 500px; } .banner-wrapper { padding-top: 500px; } .contact-section1 .cs1-office { padding: 30px; } } @media (max-width: 479px) { .completedproject-section1 .cps1-slide img { height: 140px; } .completedproject-section1 .cps1-arrows { gap: 22px; } .completedproject-section1 .cps1-of { font-size: 13px; } .completedproject-section2 .cps2-media img { height: 200px; } .completedproject-section2 .cps2-heading { font-size: 23px; } .completedproject-section2 .cps2-testimonial { flex-direction: column; gap: 12px; padding: 18px; } .completedproject-section2 .cps2-counter { font-size: 18px; } } @media (max-width: 400px) { .walkthrough-label { display: none; } .as2-title { font-size: clamp(24px, 7vw, 32px); } .as2-card-title { max-width: 60%; font-size: clamp(28px, 9vw, 40px); } .as3-item-title { font-size: clamp(20px, 6vw, 26px); } .as4-title { font-size: clamp(26px, 8vw, 36px); } .as5-title { font-size: clamp(22px, 7vw, 30px); } .as6-header-title { font-size: clamp(22px, 7vw, 30px); } .as6-card-title { font-size: clamp(18px, 6vw, 24px); } .as8-title { font-size: clamp(24px, 7vw, 34px); } .as10-title { font-size: clamp(20px, 6vw, 26px); } .as11-col-title { font-size: clamp(18px, 6vw, 24px); } .as2-desc, .as2-card-text, .as2-card-text p, .as3-item-text, .as4-col-text, .as4-col-text p, .as5-desc, .as5-desc p, .as6-card-text, .as6-card-text p, .as7-desc, .as7-panel-list li, .as7-panel ul li, .as8-text, .as8-text p, .as9-desc, .as10-text, .as10-text p, .as11-col-text, .as11-col-text p, .as12-faq-a-text, .as12-faq-a-text p { font-size: 14px; line-height: 20px; } .bl-heading-row { padding-bottom: 22px; gap: 10px; } .bl-heading { font-size: 22px; } .bl-list { gap: 18px; } .bl-row-img img { height: 185px; min-height: 185px; } .bl-row-body { padding: 12px 12px 10px; gap: 6px; } .bl-row-title { font-size: 14px; } .bl-row-excerpt { font-size: 12px; -webkit-line-clamp: 2; } .bl-row-more { font-size: 12px; } .bl-row-more span { font-size: 15px; } .bl-row-num { font-size: 24px; } .sp-hero-img { height: 185px; } .sp-article-wrap { padding-top: 22px; } .sp-title { font-size: 20px; } .sp-content h1 { font-size: 19px; } .sp-content h2 { font-size: 17px; } .sp-content h3 { font-size: 15px; } .sp-content p, .sp-content ul, .sp-content ol { font-size: 14px; } .sp-content blockquote, .sp-content blockquote p { font-size: 15px; padding: 14px 16px; } .sp-nav-title { font-size: 14px; } .sp-tag-pill { font-size: 12px; padding: 4px 10px; } .arc-nav-older a, .arc-nav-newer a { font-size: 12px; padding: 10px 14px; } .arc-nav-arrow { font-size: 14px; } .srch-nav-older a, .srch-nav-newer a { font-size: 12px; padding: 10px 14px; } .srch-nav-arrow { font-size: 14px; } .srch-no-results-heading { font-size: 20px; } .srch-no-results-text { font-size: 13px; } .srch-input { font-size: 15px; padding: 13px 16px; } .srch-submit { font-size: 14px; padding: 13px 18px; } .ct-form-card { padding: 24px 18px; } .ct-form-heading { font-size: 20px; } .ct-info-card { padding: 20px 0; gap: 14px; } .ct-info-icon { width: 40px; height: 40px; } .ct-info-icon svg { width: 18px; height: 18px; } .ct-info-text { font-size: 13px; } .ct-map-wrap { height: 240px; } .eq-form-card { padding: 24px 18px; } .eq-feature { padding: 20px 0; gap: 14px; } .eq-feature-icon { width: 40px; height: 40px; } .eq-feature-icon svg { width: 18px; height: 18px; } .eq-feature-text { font-size: 12px; } .new-floor-plan-outer .plan-image-area { min-height: 300px; } .new-floor-plan-outer .plan-card { min-height: 300px; } .banner-image { height: 400px; } .banner-wrapper { padding-top: 400px; } } @media (max-width: 360px) {} /* ══════════════════════════════════════ Regal Project – Section 1 Slider (scoped copy of upcomingproject-section1; do not share selectors) ══════════════════════════════════════ */ .regal-project-section1 { background-color: #fff; } .regal-project-section1 .container { max-width: 1640px; } .regal-project-section1 .rps1-slider { position: relative; width: 100%; padding-top: 0px; } .regal-project-section1 .rps1-viewport { position: relative; width: 100%; aspect-ratio: 1640 / 700; max-height: 700px; overflow: hidden; } .regal-project-section1 .rps1-track { display: flex; width: 100%; height: 100%; transition: transform 0.6s ease; will-change: transform; } .regal-project-section1 .rps1-slide { flex: 0 0 100%; width: 100%; height: 100%; } .regal-project-section1 .rps1-slide picture { display: block; width: 100%; height: 100%; } .regal-project-section1 .rps1-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .regal-project-section1 .rps1-controls { position: absolute; right: 0; bottom: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 10px 20px; background: #fff; width: 170px; } .regal-project-section1 .rps1-arrows { display: flex; align-items: center; gap: 28px; } .regal-project-section1 .rps1-arrow { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; background: transparent; border: 0; color: #1a1a1a; cursor: pointer; transition: opacity 0.3s ease; } .regal-project-section1 .rps1-arrow svg { width: 26px; height: 26px; fill: currentColor; } .regal-project-section1 .rps1-arrow.disabled { opacity: 0.3; cursor: default; pointer-events: none; } .regal-project-section1 .rps1-counter { display: flex; align-items: center; gap: 12px; font-size: 15px; letter-spacing: 1px; color: #1a1a1a; } .regal-project-section1 .rps1-of { font-size: 14px; color: #8a8a8a; } .regal-project-section1 .rps1-sep { display: inline-block; width: 16px; height: 1px; background: #c9c9c9; } @media (max-width: 1720px) { .regal-project-section1 .container { max-width: 90%; } } @media (max-width: 1680px) { .regal-project-section1 .rps1-slider { padding-top: 0px; } } @media (max-width: 1100px) { .regal-project-section1 .rps1-slide img { object-fit: cover; } } @media (max-width: 767px) { .regal-project-section1 .rps1-slider { padding-top: 0; } .regal-project-section1 .rps1-controls { padding: 16px 24px; gap: 10px; } .regal-project-section1 .rps1-arrows { gap: 22px; } } @media (max-width: 500px) { /* Mobile slider: uses ACF "mobile_image", natural aspect ratio */ .regal-project-section1 .rps1-viewport { aspect-ratio: auto; max-height: none; } .regal-project-section1 .rps1-track, .regal-project-section1 .rps1-slide { height: auto; } .regal-project-section1 .rps1-slide picture { display: block; } .regal-project-section1 .rps1-slide img { height: auto; } .regal-project-section1 .rps1-controls { padding: 3px 5px; gap: 5px; width: 130px; } .regal-project-section1 .rps1-counter { font-size: 13px; gap: 8px; } } @media (max-width: 480px) { /* .regal-project-section1 .rps1-viewport { height: 500px !important; } */ } @media (max-width: 400px) { /* .regal-project-section1 .rps1-viewport { height: 400px !important; } */ } /* ══════════════════════════════════════ Regal Project – Section 2 (About) Scoped copy of project-section2; OTP gate hooks on #btnDownload[data-brochure] ══════════════════════════════════════ */ .regal-project-section2 { padding: 90px 0 100px; background-color: #fff; } .regal-project-section2 .container { max-width: 1620px; border-bottom: 1.5px solid #bfbfbf; padding-bottom: 100px; } .regal-project-section2 .rps2-title { font-family: "Instrument Serif", serif; font-size: 60px; font-weight: 400; color: #565656; letter-spacing: 0.3px; line-height: 1.1; margin-bottom: 28px; } .regal-project-section2 .rps2-inner { display: grid; grid-template-columns: minmax(260px, 15%) minmax(0, 1fr) minmax(0, 1fr); column-gap: 40px; align-items: start; } @media (min-width: 1201px) { .regal-project-section2 .rps2-col-desc { margin-right: 60px; } } .regal-project-section2 .rps2-col-logo { display: flex; flex-direction: column; gap: 40px; } .regal-project-section2 .rps2-logo { background: #1a1a1a; line-height: 0; margin-top: 10px; } .regal-project-section2 .rps2-logo img { display: block; width: 100%; height: auto; } .regal-project-section2 .rps2-btn-enquire { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; padding: 16px 20px; background: #000; color: #fff; text-decoration: none; font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 1px; transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; } .regal-project-section2 .rps2-btn-enquire:hover { background: #2e3a3c; transform: translateY(-1px); box-shadow: 0 4px 16px rgba(46, 58, 60, 0.45); } .regal-project-section2 .rps2-desc, .regal-project-section2 .rps2-desc p { font-family: "Nunito Sans", sans-serif; font-size: 17px; font-weight: 300; line-height: 2; color: #666; } .regal-project-section2 .rps2-desc p { margin: 0 0 14px; } .regal-project-section2 .rps2-desc p:last-child { margin-bottom: 0; } .regal-project-section2 .rps2-stats-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 50px; row-gap: 30px; margin-bottom: 30px; } .regal-project-section2 .rps2-stat-card { display: flex; align-items: center; gap: 18px; padding: 26px 20px; min-width: 0; border-left: 1px solid #8c8c8c; border-bottom: 1px solid #8c8c8c; } .regal-project-section2 .rps2-stat-card--download { border: none; padding: 0; align-items: flex-end; } .regal-project-section2 .rps2-stat-icon { flex-shrink: 0; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; } .regal-project-section2 .rps2-stat-icon img { max-width: 100%; } .regal-project-section2 .rps2-stat-info { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .regal-project-section2 .rps2-stat-label { font-family: "Nunito Sans", sans-serif; font-size: 20px; font-weight: 500; color: #333; letter-spacing: 0.2px; line-height: 1.2; } .regal-project-section2 .rps2-stat-sub { font-family: "Nunito Sans", sans-serif; font-size: 18px; font-weight: 300; color: #333; line-height: 1.2; } .regal-project-section2 .rps2-btn-download { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; border: none; padding: 15px 24px; background: #000; color: #fff; font-family: "Nunito Sans", sans-serif; font-size: 18px; font-weight: 500; letter-spacing: 0.3px; cursor: pointer; white-space: nowrap; transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; } .regal-project-section2 .rps2-btn-download:hover { background: #2e3a3c; transform: translateY(-1px); box-shadow: 0 4px 16px rgba(46, 58, 60, 0.45); } .regal-project-section2 .rps2-rera { font-family: "Nunito Sans", sans-serif; font-size: 18px; font-weight: 300; color: #666; } .regal-project-section2 .rps2-rera-label { font-size: 20px; font-weight: 500; color: #666; } @media (max-width: 1720px) { .regal-project-section2 .container { max-width: 85%; } .regal-project-section2 .rps2-title { font-size: 45px; } .regal-project-section2 .rps2-desc, .regal-project-section2 .rps2-desc p { font-size: 16px; } .regal-project-section2 .rps2-stat-label { font-size: 18px; } .regal-project-section2 .rps2-stat-sub { font-size: 15px; } .regal-project-section2 .rps2-btn-download { font-size: 16px; } .regal-project-section2 .rps2-rera { font-size: 16px; } .regal-project-section2 .rps2-rera-label { font-size: 18px; } } @media (max-width: 1680px) { .regal-project-section2 { padding: 50px 0 50px; } .regal-project-section2 .container { padding-bottom: 70px; } } @media (max-width: 1490px) { .regal-project-section2 .rps2-title { font-size: 40px; } .regal-project-section2 .rps2-desc, .regal-project-section2 .rps2-desc p { font-size: 15px; } .regal-project-section2 .rps2-inner { column-gap: 30px; } .regal-project-section2 .rps2-stats-grid { column-gap: 30px; } .regal-project-section2 .rps2-stat-label { font-size: 16px; } .regal-project-section2 .rps2-stat-sub { font-size: 13px; } .regal-project-section2 .rps2-rera { font-size: 14px; } .regal-project-section2 .rps2-rera-label { font-size: 16px; } } @media (max-width: 1200px) { .regal-project-section2 .rps2-inner { grid-template-columns: minmax(220px, 30%) minmax(0, 1fr); row-gap: 40px; } .regal-project-section2 .rps2-col-stats { grid-column: 1 / -1; } .regal-project-section2 .rps2-title { font-size: 38px; } } @media (max-width: 1024px) { .regal-project-section2 { padding: 50px 0 50px; } .regal-project-section2 .container { padding-bottom: 50px; } .regal-project-section2 .rps2-col-logo { gap: 20px; } .gallery-tabs { gap: 5px; } } @media (max-width: 768px) { .regal-project-section2 .rps2-title { font-size: 32px; margin-bottom: 20px; } .regal-project-section2 .rps2-inner { grid-template-columns: minmax(0, 1fr); row-gap: 28px; } .regal-project-section2 .rps2-col-logo { gap: 15px; } .regal-project-section2 .rps2-desc, .regal-project-section2 .rps2-desc p { font-size: 13.5px; line-height: 1.8; } .regal-project-section2 .rps2-logo { max-width: 220px; } .regal-project-section2 .rps2-btn-enquire { max-width: 220px; } } @media (max-width: 600px) { .regal-project-section2 .container { max-width: 100%; padding-left: 16px; padding-right: 16px; } .regal-project-section2 { padding: 30px 0 50px; overflow-x: hidden; } } @media (max-width: 500px) { .regal-project-section2 .rps2-title { font-size: 30px; } .regal-project-section2 .rps2-desc, .regal-project-section2 .rps2-desc p { font-size: 15.5px; } .regal-project-section2 .rps2-btn-enquire { font-size: 13.83px; padding: 12px 15px; } .regal-project-section2 .rps2-stats-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 8px; row-gap: 12px; margin-bottom: 16px; } .regal-project-section2 .rps2-stat-card { gap: 8px; padding: 8px 4px; } .regal-project-section2 .rps2-stat-icon { width: 35px; height: 35px; } .regal-project-section2 .rps2-stat-label { font-size: 12px; overflow-wrap: anywhere; } .regal-project-section2 .rps2-stat-sub { font-size: 11px; overflow-wrap: anywhere; } .regal-project-section2 .rps2-stat-card--download { align-items: stretch; } .regal-project-section2 .rps2-btn-download { font-size: 11px; white-space: normal; text-align: center; padding: 10px 6px; line-height: 1.25; } .regal-project-section2 .rps2-rera, .regal-project-section2 .rps2-rera-label { font-size: 12px; overflow-wrap: anywhere; } } /* Trigger icon — inherits size/background/hover from the theme's .sticky-btn */ .sticky-btn-emi-calculator { padding: 12px 14px; color: #c9a84c; border: none; cursor: pointer; } .sticky-btn-emi-calculator svg { display: block; } @media (max-width: 768px) { .sticky-btn-emi-calculator { padding: 10px 12px; } .sticky-btn-emi-calculator svg { width: 22px; height: 22px; } } /* Popup */ .emi-overlay { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(20, 26, 27, 0.65); opacity: 0; visibility: hidden; transition: opacity 0.25s ease, visibility 0.25s ease; } .emi-overlay.emi-open { opacity: 1; visibility: visible; } body.emi-no-scroll { overflow: hidden; } .emi-modal { position: relative; width: 100%; max-width: 440px; max-height: 90vh; overflow-y: auto; background: #ffffff; border-radius: 10px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35); padding: 32px 28px 28px; font-family: "Nunito Sans", sans-serif; transform: translateY(16px); transition: transform 0.25s ease; box-sizing: border-box; } .emi-overlay.emi-open .emi-modal { transform: translateY(0); } .emi-modal * { box-sizing: border-box; } .emi-close { position: absolute; top: 12px; right: 14px; background: none; border: none; font-size: 26px; line-height: 1; color: #666666; cursor: pointer; padding: 4px; } .emi-close:hover { color: #2e3a3c; } .emi-modal h3 { margin: 0 0 6px; font-size: 22px; font-weight: 700; color: #2e3a3c; } .emi-subtitle { margin: 0 0 20px; font-size: 14px; font-weight: 300; color: #666666; } .emi-field { margin-bottom: 18px; } .emi-field label { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 600; color: #2e3a3c; } .emi-input-row { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; } .emi-currency-static { flex: 0 0 auto; padding: 10px 8px; font-size: 14px; font-family: inherit; color: #2e3a3c; background: #fafafa; border: 1px solid #d8dcdc; border-radius: 6px; } .emi-number-input { flex: 1 1 auto; width: 100%; padding: 10px 12px; font-size: 14px; font-family: inherit; color: #333333; background: #fafafa; border: 1px solid #d8dcdc; border-radius: 6px; } .emi-number-input:focus { outline: none; border-color: #4a5c5f; box-shadow: 0 0 0 3px rgba(74, 92, 95, 0.15); background: #ffffff; } .emi-range { width: 100%; height: 4px; border-radius: 2px; background: #d8dcdc; appearance: none; -webkit-appearance: none; outline: none; } .emi-range::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 18px; height: 18px; border-radius: 50%; background: #4a5c5f; cursor: pointer; border: 2px solid #ffffff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); } .emi-range::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: #4a5c5f; cursor: pointer; border: 2px solid #ffffff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); } .emi-results { display: flex; flex-direction: column; gap: 10px; margin: 20px 0; padding: 16px; background: #f0f2f2; border-radius: 8px; } .emi-result { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .emi-result-label { font-size: 13px; color: #666666; } .emi-result-value { font-size: 14px; font-weight: 700; color: #2e3a3c; } .emi-result--primary .emi-result-label { font-size: 14px; font-weight: 600; color: #2e3a3c; } .emi-result--primary .emi-result-value { font-size: 20px; color: #ae9468; } .emi-chart-wrap { display: flex; align-items: center; justify-content: center; gap: 18px; margin-bottom: 20px; } .emi-chart-legend { list-style: none; margin: 0; padding: 0; font-size: 13px; color: #2e3a3c; } .emi-chart-legend li { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; } .emi-chart-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; } .emi-chart-dot--principal { background: #4a5c5f; } .emi-chart-dot--interest { background: #c9a84c; } .emi-tabs { display: flex; gap: 4px; margin-bottom: 18px; border-bottom: 1px solid #e8ebeb; } .emi-tab { flex: 1 1 auto; background: none; border: none; border-bottom: 2px solid transparent; padding: 10px 8px 12px; font-size: 14px; font-weight: 600; font-family: inherit; color: #666666; cursor: pointer; transition: color 0.2s ease, border-color 0.2s ease; } .emi-tab:hover { color: #2e3a3c; } .emi-tab.is-active { color: #2e3a3c; border-bottom-color: #ae9468; } .emi-tab-panel { display: none; } .emi-tab-panel.is-active { display: block; } /* The schedule panel is given a shared min-height (via JS, matching the Calculator tab) so switching tabs doesn't resize the modal; the table wrap flexes to fill that height instead of using a fixed max-height. */ .emi-tab-panel[data-panel="schedule"].is-active { display: flex; flex-direction: column; } .emi-schedule-wrap { flex: 1 1 auto; overflow: auto; border: 1px solid #e8ebeb; border-radius: 6px; } .emi-schedule-table { width: 100%; border-collapse: collapse; font-size: 12px; } .emi-schedule-table th, .emi-schedule-table td { padding: 8px 10px; text-align: right; white-space: nowrap; } .emi-schedule-table th:first-child, .emi-schedule-table td:first-child { text-align: left; } .emi-schedule-table thead th { position: sticky; top: 0; background: #2e3a3c; color: #ffffff; font-weight: 600; z-index: 1; } .emi-schedule-table tbody tr:nth-child(even) { background: #f7f8f8; } @media (max-width: 480px) { .emi-modal { padding: 26px 20px 22px; } .emi-schedule-table { font-size: 11px; } } /* ========================================================================== Signature Leads (Download Brochure Modal) & Bootstrap Harmony Overrides ========================================================================== */ a { text-decoration: none; } ul, ol { padding-left: 0; margin-bottom: 0; } .sl-overlay { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(20, 26, 27, 0.68); opacity: 0; visibility: hidden; transition: opacity 0.25s ease, visibility 0.25s ease; } .sl-overlay.sl-open { opacity: 1; visibility: visible; } .sl-modal { position: relative; width: 100%; max-width: 440px; background: #182223; color: #fff; border: 1px solid rgba(201, 168, 76, 0.35); border-radius: 12px; padding: 32px 28px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45); font-family: 'Jost', sans-serif; } .sl-close { position: absolute; top: 14px; right: 16px; background: transparent; border: none; color: #c9a84c; font-size: 28px; line-height: 1; cursor: pointer; } .sl-modal h3 { font-family: 'Cormorant Garamond', serif; font-size: 28px; color: #c9a84c; margin: 0 0 6px; } .sl-subtitle { font-size: 14px; color: rgba(255, 255, 255, 0.78); margin-bottom: 20px; } .sl-field { margin-bottom: 16px; } .sl-field label { display: block; font-size: 13px; color: rgba(255, 255, 255, 0.85); margin-bottom: 6px; } .sl-field input { width: 100%; padding: 10px 14px; background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 6px; color: #fff; font-size: 15px; outline: none; } .sl-field input:focus { border-color: #c9a84c; } .sl-hp-field { position: absolute; left: -9999px; opacity: 0; pointer-events: none; } .sl-error { color: #ff6b6b; font-size: 13px; min-height: 18px; margin-bottom: 10px; } .sl-submit { width: 100%; padding: 12px 18px; background: #c9a84c; color: #141a1b; font-weight: 600; font-size: 15px; border: none; border-radius: 6px; cursor: pointer; text-transform: uppercase; letter-spacing: 0.05em; transition: background 0.2s ease; } .sl-submit:hover { background: #dab95e; } .sl-link-btn { background: none; border: none; color: #c9a84c; font-size: 13px; padding: 0; margin-top: 6px; cursor: pointer; text-decoration: underline; } /*========================================= PROJECT FORM (#projectform) – SINGLE ROW FIELDS (NAME, EMAIL, PHONE, SUBMIT) =========================================*/ #projectform .contact-inner { display: flex; align-items: center; gap: 50px; } #projectform .contact-left { flex: 0 0 230px; } #projectform .contact-form-wrap { flex: 1; min-width: 0; } #projectform .contact-form-wrap .cf7-form-body { display: flex; flex-direction: row; align-items: flex-end; gap: 24px; width: 100%; } #projectform .form-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; row-gap: 16px; flex: 1; width: 100%; min-width: 0; align-items: end; } #projectform .form-field { width: 100%; min-width: 0; } #projectform .cf7-submit-row { margin-top: 0; flex-shrink: 0; display: flex; align-items: flex-end; } @media (max-width: 1199px) { #projectform .contact-inner { flex-direction: column; align-items: flex-start; gap: 28px; } #projectform .contact-left { flex: none; width: 100%; } #projectform .contact-form-wrap { width: 100%; } } @media (max-width: 991px) { #projectform .contact-form-wrap .cf7-form-body { flex-direction: row; align-items: flex-end; gap: 16px; } #projectform .form-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 16px; } #projectform .contact-form-wrap .wpcf7-submit, #projectform .contact-form-wrap input[type="submit"] { padding: 9px 22px; font-size: 14px; } } @media (max-width: 767px) { #projectform .contact-form-wrap .cf7-form-body { flex-direction: column; align-items: stretch; gap: 20px; } #projectform .form-grid { grid-template-columns: 1fr; row-gap: 18px; } #projectform .cf7-submit-row { width: 100%; } #projectform .cf7-submit-row p { width: 100%; } #projectform .contact-form-wrap .wpcf7-submit, #projectform .contact-form-wrap input[type="submit"] { width: 100%; } } /*========================================= ENQUIRY POPUP MODAL (

) =========================================*/ .enquiry-popup-dialog { padding: 0; border: none; border-radius: 0; background: transparent; max-width: 480px; width: calc(100% - 32px); margin: auto; overflow: visible; } .enquiry-popup-dialog::backdrop { background-color: rgba(15, 22, 23, 0.72); backdrop-filter: blur(3px); } .enquiry-popup-card { position: relative; background: #ffffff; border-top: 4px solid #2e3a3c; padding: 38px 34px 34px; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35); color: #333; font-family: "Nunito Sans", sans-serif; } .enquiry-popup-close { position: absolute; top: 14px; right: 16px; width: 34px; height: 34px; border: none; background: transparent; color: #555; font-size: 28px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: color 0.2s ease, transform 0.2s ease; } .enquiry-popup-close:hover { color: #000; transform: scale(1.08); } .enquiry-popup-header { margin-bottom: 24px; } .enquiry-popup-eyebrow { font-family: "Nunito Sans", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 2.2px; text-transform: uppercase; color: #8a734c; margin: 0 0 6px; } .enquiry-popup-title { font-family: "Instrument Serif", Georgia, serif; font-size: 38px; font-weight: 400; color: #2e3a3c; line-height: 1.1; margin: 0 0 8px; } .enquiry-popup-subtitle { font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 300; color: #666; line-height: 1.5; margin: 0; } .enquiry-popup-form { display: flex; flex-direction: column; gap: 18px; } .enquiry-popup-field { display: flex; flex-direction: column; gap: 4px; } .enquiry-popup-field label { font-family: "Nunito Sans", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.8px; text-transform: uppercase; color: #444; } .enquiry-popup-field label span { color: #c0392b; } .enquiry-popup-field input { background: transparent; border: none; border-bottom: 1px solid #b8b4ae; border-radius: 0; padding: 8px 0; font-family: "Nunito Sans", sans-serif; font-size: 15px; font-weight: 400; color: #222; outline: none; width: 100%; transition: border-color 0.2s ease; } .enquiry-popup-field input::placeholder { color: #a8a4a0; font-weight: 300; } .enquiry-popup-field input:focus { border-bottom-color: #2e3a3c; } .enquiry-popup-phone-wrap { display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #b8b4ae; transition: border-color 0.2s ease; } .enquiry-popup-phone-wrap:focus-within { border-bottom-color: #2e3a3c; } .enquiry-popup-phone-prefix { font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 400; color: #666; padding: 8px 0; flex-shrink: 0; } .enquiry-popup-phone-wrap input { border-bottom: none !important; flex: 1; min-width: 0; } .enquiry-popup-feedback { font-family: "Nunito Sans", sans-serif; font-size: 13px; min-height: 18px; color: #c0392b; } .enquiry-popup-feedback.is-success { color: #1d6f42; font-weight: 600; } .enquiry-popup-submit { width: 100%; border: none; padding: 13px 28px; letter-spacing: 1.8px; text-transform: uppercase; cursor: pointer; font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 600; color: #fff; background: linear-gradient(to right, #4a5c5f, #2e3a3c); transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; margin-top: 4px; } .enquiry-popup-submit:hover { background: linear-gradient(to right, #5b7174, #3a4d50); transform: translateY(-1px); box-shadow: 0 6px 18px rgba(46, 58, 60, 0.35); } @media (max-width: 500px) { .enquiry-popup-card { padding: 28px 20px 24px; } .enquiry-popup-title { font-size: 30px; } } /*========================================= FOOTER =========================================*/ .site-footer { background: #0d0d0d; padding: 90px 0 35px; color: #5f6b7a; font-family: inherit; } .site-footer .container { width: 100%; max-width: 1400px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } .site-footer .row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .site-footer .row > [class*="col-"] { padding-left: 15px; padding-right: 15px; box-sizing: border-box; } @media (min-width: 992px) { .site-footer .col-lg-5 { flex: 0 0 auto; width: 41.666667%; } .site-footer .col-lg-3 { flex: 0 0 auto; width: 25%; } .site-footer .col-lg-4 { flex: 0 0 auto; width: 33.333333%; } .site-footer .col-lg-8 { flex: 0 0 auto; width: 66.666667%; } } /*========================================= TOP AREA =========================================*/ .footer-about { padding-right: 60px; } .footer-logo { display: inline-block; margin-bottom: 28px; } .footer-logo img { max-width: 220px; height: auto; } .footer-desc { font-size: 15px; line-height: 2; color: #fff; margin: 0; max-width: 420px; } /*========================================= HEADINGS =========================================*/ .footer-links h6, .footer-contact h6 { font-size: 11px; font-weight: 700; letter-spacing: 1px; color: #fff; margin-bottom: 25px; text-transform: uppercase; } /*========================================= LINKS =========================================*/ .footer-links ul { margin: 0; padding: 0; list-style: none; } .footer-links ul li { margin-bottom: 18px; } .footer-links ul li:last-child { margin-bottom: 0; } .footer-links a { text-decoration: none; color: #b6b6b6; font-size: 15px; transition: .3s; } .footer-links a:hover { color: #c8a14a; } /*========================================= CONTACT =========================================*/ .footer-contact p { margin-bottom: 18px; font-size: 15px; line-height: 1.8; color: #b6b6b6; } .footer-contact a { color: #667085; text-decoration: none; transition: .3s; } .footer-contact a:hover { color: #1F2D3D; } /*========================================= DIVIDER =========================================*/ .footer-divider { margin: 70px 0 30px; border-top: 1px solid #e7eaef; } /*========================================= BOTTOM =========================================*/ .footer-bottom { display: block; width: 100%; } .copyright p { margin-bottom: 8px; font-size: 13px; color: #b6b6b6; line-height: 1.8; } /*========================================= SOCIAL =========================================*/ .footer-social { display: flex; justify-content: flex-end; align-items: center; gap: 30px; } .footer-social a { text-decoration: none; color: #fff; font-size: 14px; transition: .3s; } .footer-social p { color: #fff; } .footer-social a:hover { color: #c8a14a; } /*========================================= LARGE DESKTOP =========================================*/ @media (min-width: 1400px) { .site-footer { padding: 110px 0 40px; } .footer-desc { max-width: 470px; } } /*========================================= TABLET =========================================*/ @media (max-width: 991px) { .site-footer { padding: 70px 0 30px; } .site-footer .col-lg-5, .site-footer .col-lg-8, .site-footer .col-lg-4 { flex: 0 0 auto; width: 100%; } .site-footer .col-md-6 { flex: 0 0 auto; width: 50%; } .footer-about { padding-right: 0; margin-bottom: 30px; } .footer-divider { margin: 50px 0 25px; } .footer-bottom { display: block; } .footer-social { justify-content: flex-start; margin-top: 20px; } } /*========================================= MOBILE =========================================*/ @media (max-width: 767px) { .site-footer { padding: 40px 0 25px; text-align: center; } .site-footer .container { max-width: 100%; padding-left: 16px; padding-right: 16px; } .site-footer .col-lg-5, .site-footer .col-lg-3, .site-footer .col-lg-4, .site-footer .col-md-6, .site-footer .col-lg-8 { flex: 0 0 auto; width: 100%; } .footer-about { margin-bottom: 24px; } .footer-logo { margin-bottom: 20px; } .footer-logo img { max-width: 180px; } .footer-desc { font-size: 14px; line-height: 1.8; max-width: 100%; margin: auto; } .footer-links { margin-top: 20px; margin-bottom: 10px; } .footer-links ul li { margin-bottom: 14px; } .footer-contact { margin-top: 20px; } .footer-contact p { font-size: 14px; margin-bottom: 12px; } .footer-divider { margin: 35px 0 25px; } .footer-bottom { text-align: center; } .footer-social { justify-content: center; margin-top: 15px; } .copyright p { font-size: 12px; line-height: 1.7; } } /* ========================================================================== Section 11B – About Signature Dwellings (After .project-section11) Matches current page typography ("Instrument Serif" & "Nunito Sans") and palette ========================================================================== */ .project-section11b { background-color: #ffffff; overflow: hidden; } .project-section11b .container { max-width: 1620px; padding-top: 110px; padding-bottom: 110px; border-bottom: 1px solid #565656; box-sizing: border-box; } .asd-inner { display: grid; grid-template-columns: 47% 1fr; column-gap: 68px; align-items: center; } .asd-gallery-col { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: stretch; } .asd-img-stack { display: flex; flex-direction: column; gap: 18px; } .asd-img-card { position: relative; overflow: hidden; background: #eae6df; } .asd-img-top, .asd-img-bottom { aspect-ratio: 212 / 200; } .asd-img-tall { height: 100%; aspect-ratio: 212 / 417; } .asd-img-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .asd-img-card:hover img { transform: scale(1.04); } .asd-content-col { display: flex; flex-direction: column; justify-content: center; padding-right: 20px; } .asd-eyebrow-row { display: flex; align-items: flex-end; gap: 16px; margin-bottom: 24px; } .asd-icon { width: 50px; height: 62px; color: #8a734c; flex-shrink: 0; display: inline-flex; align-items: flex-end; } .asd-icon svg { width: 100%; height: 100%; display: block; } .asd-eyebrow { font-family: "Instrument Serif", Georgia, serif; font-size: clamp(1.75rem, 1.3rem + 1vw, 2.45rem); font-weight: 400; color: #757777; line-height: 1.1; letter-spacing: 0.3px; } .asd-heading { font-family: "Instrument Serif", Georgia, serif; font-size: clamp(2.25rem, 1.5rem + 2vw, 3.65rem); font-weight: 400; color: #565656; line-height: 1.12; letter-spacing: 0.5px; text-transform: uppercase; margin: 0 0 26px; } .asd-desc, .asd-desc p { font-family: "Nunito Sans", sans-serif; font-size: 17px; font-weight: 300; line-height: 1.95; color: #666666; } .asd-desc { max-width: 680px; } .asd-desc p { margin: 0 0 18px; } .asd-desc p:last-child { margin-bottom: 0; } @media (max-width: 1400px) { .project-section11b .container { max-width: 90%; } .asd-inner { column-gap: 48px; } } @media (max-width: 1100px) { .project-section11b .container { max-width: 85%; padding-left: 0; padding-right: 0; padding-top: 80px; padding-bottom: 80px; } .asd-inner { grid-template-columns: 1fr; row-gap: 44px; } .asd-content-col { padding-right: 0; } .asd-desc { max-width: 100%; } } @media (max-width: 767px) { .project-section11b .container { max-width: 90%; padding-top: 60px; padding-bottom: 60px; } .asd-gallery-col { gap: 12px; } .asd-img-stack { gap: 12px; } .asd-eyebrow-row { gap: 12px; margin-bottom: 18px; } .asd-icon { width: 40px; height: 50px; } .asd-heading { margin-bottom: 18px; } .asd-desc, .asd-desc p { font-size: 15px; line-height: 1.8; } } /* ========================================================================== Section 11B – About Signature Dwellings (After .project-section11) Matches current page typography ("Instrument Serif" & "Nunito Sans") and palette ========================================================================== */ .project-section11b { background-color: #ffffff; overflow: hidden; } .project-section11b .container { max-width: 1620px; padding-top: 110px; padding-bottom: 110px; border-bottom: 1px solid #565656; box-sizing: border-box; } .asd-inner { display: grid; grid-template-columns: 47% 1fr; column-gap: 68px; align-items: center; } .asd-gallery-col { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: stretch; } .asd-img-stack { display: flex; flex-direction: column; gap: 18px; } .asd-img-card { position: relative; overflow: hidden; background: #eae6df; } .asd-img-top, .asd-img-bottom { aspect-ratio: 212 / 200; } .asd-img-tall { height: 100%; aspect-ratio: 212 / 417; } .asd-img-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .asd-img-card:hover img { transform: scale(1.04); } .asd-content-col { display: flex; flex-direction: column; justify-content: center; padding-right: 20px; } .asd-eyebrow-row { display: flex; align-items: flex-end; gap: 16px; margin-bottom: 24px; } .asd-icon { width: 50px; height: 62px; color: #8a734c; flex-shrink: 0; display: inline-flex; align-items: flex-end; } .asd-icon svg { width: 100%; height: 100%; display: block; } .asd-eyebrow { font-family: "Instrument Serif", Georgia, serif; font-size: clamp(1.75rem, 1.3rem + 1vw, 2.45rem); font-weight: 400; color: #757777; line-height: 1.1; letter-spacing: 0.3px; } .asd-heading { font-family: "Instrument Serif", Georgia, serif; font-size: clamp(2.25rem, 1.5rem + 2vw, 3.65rem); font-weight: 400; color: #565656; line-height: 1.12; letter-spacing: 0.5px; text-transform: uppercase; margin: 0 0 26px; } .asd-desc, .asd-desc p { font-family: "Nunito Sans", sans-serif; font-size: 17px; font-weight: 300; line-height: 1.95; color: #666666; } .asd-desc { max-width: 680px; } .asd-desc p { margin: 0 0 18px; } .asd-desc p:last-child { margin-bottom: 0; } @media (max-width: 1400px) { .project-section11b .container { max-width: 90%; } .asd-inner { column-gap: 48px; } } @media (max-width: 1100px) { .project-section11b .container { max-width: 85%; padding-left: 0; padding-right: 0; padding-top: 80px; padding-bottom: 80px; } .asd-inner { grid-template-columns: 1fr; row-gap: 44px; } .asd-content-col { padding-right: 0; } .asd-desc { max-width: 100%; } } @media (max-width: 767px) { .project-section11b .container { max-width: 90%; padding-top: 60px; padding-bottom: 60px; } .asd-gallery-col { gap: 12px; } .asd-img-stack { gap: 12px; } .asd-eyebrow-row { gap: 12px; margin-bottom: 18px; } .asd-icon { width: 40px; height: 50px; } .asd-heading { margin-bottom: 18px; } .asd-desc, .asd-desc p { font-size: 15px; line-height: 1.8; } } /* ========================================================================== Spacing overrides between .project-section10 and #about-us (.project-section11b) ========================================================================== */ .project-section10 .container { padding-bottom: 45px; } #about-us.project-section11b .container { padding-top: 10px; } #about-us.project-section11b .nl-heading-row { margin-bottom: 48px; } @media (max-width: 1100px) { .project-section10 .container { padding-bottom: 30px; } #about-us.project-section11b .container { padding-top: 15px; } #about-us.project-section11b .nl-heading-row { margin-bottom: 36px; } } @media (max-width: 767px) { .project-section10 .container { padding-bottom: 20px; } #about-us.project-section11b .container { padding-top: 10px; } #about-us.project-section11b .nl-heading-row { margin-bottom: 28px; } } /* ========================================================================== Spacing overrides between .project-section10 and #about-us (.project-section11b) ========================================================================== */ .project-section10 .container { padding-bottom: 45px; } #about-us.project-section11b .container { padding-top: 10px; } #about-us.project-section11b .nl-heading-row { margin-bottom: 48px; } @media (max-width: 1100px) { .project-section10 .container { padding-bottom: 30px; } #about-us.project-section11b .container { padding-top: 15px; } #about-us.project-section11b .nl-heading-row { margin-bottom: 36px; } } @media (max-width: 767px) { .project-section10 .container { padding-bottom: 20px; } #about-us.project-section11b .container { padding-top: 10px; } #about-us.project-section11b .nl-heading-row { margin-bottom: 28px; } }