: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%;}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}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;} :root :where(.wp-block-icon svg){width: 24px;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} .e-heading-base a, .e-paragraph-base a { all: unset; cursor: pointer; }form[data-element_type="e-form"].form-state-success [data-element_type="e-form-success-message"],form[data-element_type="e-form"].form-state-error [data-element_type="e-form-error-message"]{ display: block; }.elementor-edit-mode [data-element_type="e-form-success-message"]:is(.elementor-element-editable, :has(.elementor-element-editable), :has(> .elementor-empty-view)),.elementor-edit-mode [data-element_type="e-form-error-message"]:is(.elementor-element-editable, :has(.elementor-element-editable), :has(> .elementor-empty-view)){ display: block; }.e-background-video { position: relative; overflow: hidden; }.e-background-video__media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; z-index: 0; }.e-background-video__content { position: relative; z-index: 1; flex: 1 1 auto; }.elementor-edit-mode .e-background-video__content.e-atomic-element:has(> .elementor-empty-view) { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }.elementor-edit-mode .e-background-video__content.e-atomic-element:has(> .elementor-empty-view) > .elementor-empty-view.elementor-empty-view { position: relative; flex: 1 1 auto; min-height: 120px; height: auto; width: 100%; }.elementor-edit-mode .e-background-video__content.e-atomic-element:has(> .elementor-empty-view) > .elementor-empty-view > .elementor-first-add { position: absolute; inset: 0; width: 100%; height: 100%; }.e-background-video__controls { z-index: 2; }.e-background-video__play, .e-background-video__pause { appearance: none; -webkit-appearance: none; }.e-background-video.e-background-video--playing .e-background-video__play { display: none; }.e-background-video.e-background-video--paused .e-background-video__pause { display: none; }.e-background-video:not(.e-background-video--playing):not(.e-background-video--paused) .e-background-video__controls,.e-background-video:not(.e-background-video--playing):not(.e-background-video--paused) .e-background-video__play,.e-background-video:not(.e-background-video--playing):not(.e-background-video--paused) .e-background-video__pause { display: none; }.e-accordion-item-header-base { list-style: none; }.e-accordion-item-header-base::-webkit-details-marker { display: none; }.e-accordion-item-base { interpolate-size: allow-keywords; }.e-accordion-item-base::details-content {block-size: 0; overflow: hidden;transition: block-size .3s ease, content-visibility .3s ease allow-discrete;}.e-accordion-item-base[open]::details-content { block-size: auto; }.e-accordion-item-icon-base.e-accordion-item-icon-base .e-svg-base { width: auto; height: 100%; max-width: 100%; }.e-accordion-item-icon-base.e-accordion-item-icon-base .e-svg-base svg { width: auto !important; }.e-accordion-item-icon-base svg { transition: transform .3s ease; }.e-accordion-item-base[open] > summary .e-accordion-item-icon-base svg { transform: rotate(180deg); } .ssb{display:inline-flex;align-items:center;gap:11px;line-height:1;text-decoration:none}.ssb-ic{width:46px;height:46px;flex:none;display:block}.ssb-tx{display:flex;flex-direction:column;gap:3px;text-align:left}.ssb-tx b{font-size:19px;font-weight:700;letter-spacing:.06em;color:#f7f5f0;white-space:nowrap;line-height:1}.ssb-tx b.ssb-l{color:#f3cd93;letter-spacing:.34em;font-size:15px}.ssb-tx small{font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:#d7a65f;white-space:nowrap;line-height:1;margin-top:1px}.ssh-logo,.ss-logo{text-decoration:none!important}footer.ssf .ssb-ic{width:54px;height:54px}footer.ssf .ssb-tx b{font-size:22px}footer.ssf .ssb-tx b.ssb-l{font-size:17px}footer.ssf .ssb-tx small{font-size:9.5px}@media(max-width:480px){.ssb-ic{width:38px;height:38px}.ssb-tx b{font-size:15px}.ssb-tx b.ssb-l{font-size:12px}.ssb-tx small{font-size:7px}} #site-header, .site-header, #site-footer, .site-footer { display: none !important; } :root { --ss-teal-950: #070f1f; --ss-teal-900: #0b1a33; --ss-teal-800: #12294d; --ss-teal-100: #e4eaf6; --ss-clay: #9a6a1f; --ss-clay-dark: #7d5516; --ss-clay-soft: #f6ead6; --ss-brass: #d7a65f; --ss-cream: #f7f5f0; --ss-sand: #eceff6; --ss-white: #ffffff; --ss-ink: #070f1f; --ss-body: #2b3a55; --ss-line: #d5dbe8; --ss-logo-bg: #0b1a33; --ss-logo-bg-dark: #070f1f; --ss-brass-lt: #f3cd93; --ss-wa: #1b8f4c; --ss-wa-dark: #14723c; --ss-font: 'Times New Roman', Times, serif; --ss-head: 'Times New Roman', Times, serif; } html { scroll-behavior: smooth; } body { margin: 0; } .ss-wrap { max-width: 1240px; margin: 0 auto; padding: 0 22px; } .ss-eyebrow { font-family: var(--ss-font); font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ss-clay); margin: 0 0 12px; } .ss-eyebrow--light { color: var(--ss-brass); } .ss-h2 { font-family: var(--ss-head); font-weight: 700; font-size: clamp(30px, 4.2vw, 46px); line-height: 1.12; color: var(--ss-teal-900); margin: 0 0 16px; letter-spacing: -.01em; } .ss-h2--light { color: #fff; } .ss-lead { font-family: var(--ss-font); font-size: 18px; line-height: 1.7; color: var(--ss-body); margin: 0; } .ss-lead--light { color: #e3eeec; } .ss-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-family: var(--ss-font); font-size: 16px; font-weight: 700; line-height: 1.2; padding: 15px 26px; border-radius: 12px; border: 2px solid transparent; cursor: pointer; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease; } .ss-btn svg { width: 20px; height: 20px; flex: none; } .ss-btn:hover { transform: translateY(-2px); } .ss-btn:focus-visible { outline: 3px solid var(--ss-brass); outline-offset: 3px; } .ss-btn--clay { background: var(--ss-clay); color: #fff; box-shadow: 0 10px 22px rgba(154,106,31,.28); } .ss-btn--clay:hover { background: var(--ss-clay-dark); color: #fff; box-shadow: 0 14px 28px rgba(125,85,22,.35); } .ss-btn--wa { background: var(--ss-wa); color: #fff; box-shadow: 0 10px 22px rgba(27,143,76,.28); } .ss-btn--wa:hover { background: var(--ss-wa-dark); color: #fff; } .ss-btn--teal { background: var(--ss-teal-900); color: #fff; } .ss-btn--teal:hover { background: var(--ss-teal-800); color: #fff; } .ss-btn--light { background: #fff; color: var(--ss-teal-900); } .ss-btn--light:hover { background: var(--ss-sand); color: var(--ss-teal-900); } .ss-btn--ghost-light { background: transparent; color: #fff; border-color: rgba(255,255,255,.75); } .ss-btn--ghost-light:hover { background: #fff; color: var(--ss-teal-900); border-color: #fff; } .ss-btn--ghost { background: transparent; color: var(--ss-teal-900); border-color: var(--ss-teal-900); } .ss-btn--ghost:hover { background: var(--ss-teal-900); color: #fff; } .ss-ico { width: 1em; height: 1em; display: inline-block; vertical-align: -.125em; flex: none; } .ss-js .ss-reveal { opacity: 0; transform: translateY(24px); transition: opacity .65s ease-out, transform .65s ease-out; } .ss-js .ss-reveal.ss-in { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .ss-js .ss-reveal { opacity: 1; transform: none; transition: none; } html { scroll-behavior: auto; } } .ss-formcard { background: #fff; border-radius: 22px; padding: 30px; box-shadow: 0 30px 60px rgba(7,15,31,.28); font-family: var(--ss-font); color: var(--ss-body); } .ss-formcard h3 { font-family: var(--ss-head); font-size: 26px; line-height: 1.2; color: var(--ss-teal-900); margin: 0 0 6px; font-weight: 700; } .ss-formcard .ss-form-sub { margin: 0 0 20px; font-size: 15px; line-height: 1.55; color: var(--ss-body); } .ss-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; } .ss-field { margin-bottom: 14px; } .ss-field label { display: block; font-size: 14px; font-weight: 700; color: var(--ss-ink); margin-bottom: 6px; } .ss-field label i { color: var(--ss-clay); font-style: normal; } .ss-field input, .ss-field select, .ss-field textarea { width: 100%; box-sizing: border-box; padding: 13px 14px; font-family: var(--ss-font); font-size: 16px; color: var(--ss-ink); background: var(--ss-cream); border: 1.5px solid #b9ad94; border-radius: 12px; outline: none; margin: 0; height: auto; box-shadow: none; transition: border-color .2s, box-shadow .2s, background-color .2s; } .ss-field textarea { resize: vertical; min-height: 92px; } .ss-field input::placeholder, .ss-field textarea::placeholder { color: #566b6d; opacity: 1; } .ss-field input:focus, .ss-field select:focus, .ss-field textarea:focus { border-color: var(--ss-teal-900); background: #fff; box-shadow: 0 0 0 4px rgba(11,26,51,.15); } .ss-field.ss-bad input, .ss-field.ss-bad select, .ss-field.ss-bad textarea { border-color: #b3261e; background: #fff5f4; } .ss-err { display: none; margin-top: 5px; font-size: 13px; font-weight: 600; color: #a31f18; } .ss-field.ss-bad .ss-err { display: block; } .ss-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; } .ss-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 6px; } .ss-actions .ss-btn { width: 100%; padding: 15px 12px; font-size: 15.5px; } .ss-actions .ss-btn[disabled] { opacity: .7; cursor: wait; transform: none; } .ss-privacy { margin: 14px 0 0; font-size: 13px; line-height: 1.5; color: var(--ss-body); text-align: center; } .ss-formerr { display: none; margin-top: 12px; padding: 12px 14px; border-radius: 10px; background: #fff0ee; border: 1px solid #e3a49d; color: #8c1d16; font-size: 14px; font-weight: 600; } .ss-formerr a { color: #8c1d16; text-decoration: underline; } .ss-thanks { text-align: center; padding: 18px 6px; } .ss-thanks .ss-tick { width: 68px; height: 68px; border-radius: 50%; background: var(--ss-teal-100); color: var(--ss-teal-900); display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; } .ss-thanks .ss-tick svg { width: 34px; height: 34px; } .ss-thanks h3 { margin-bottom: 8px; } .ss-thanks p { margin: 0 0 18px; font-size: 16px; line-height: 1.6; color: var(--ss-body); } @media (max-width: 560px) { .ss-row { grid-template-columns: 1fr; } .ss-actions { grid-template-columns: 1fr; } .ss-formcard { padding: 22px 18px; } } .ssh { position: sticky; top: 0; z-index: 9990; font-family: var(--ss-font); } body.admin-bar .ssh { top: 32px; } .ssh a { text-decoration: none; } .ssh ul { list-style: none; margin: 0; padding: 0; } .ssh-wrap { max-width: 1240px; margin: 0 auto; padding: 0 22px; } .ssh-top { background: var(--ss-logo-bg-dark); color: #e8f1ef; font-size: 13.5px; max-height: 46px; overflow: hidden; transition: max-height .3s ease; } .ssh-top .ssh-wrap { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 40px; } .ssh-top ul { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 22px; } .ssh-top a { color: #e8f1ef; display: inline-flex; align-items: center; gap: 8px; padding: 9px 0; transition: color .2s; } .ssh-top a:hover, .ssh-top a:focus-visible { color: var(--ss-brass-lt); } .ssh-top svg { width: 15px; height: 15px; color: var(--ss-brass-lt); } .ssh-soc a { width: 30px; height: 30px; justify-content: center; border-radius: 50%; padding: 0; transition: background-color .2s, color .2s; } .ssh-soc a:hover { background: var(--ss-brass-lt); } .ssh-soc a:hover svg { color: var(--ss-logo-bg-dark); } .ssh-soc svg { width: 16px; height: 16px; color: #e8f1ef; } .ssh--scrolled .ssh-top { max-height: 0; } .ssh-bar { background: var(--ss-logo-bg); border-bottom: 1px solid rgba(0,0,0,.18); transition: box-shadow .3s ease; } .ssh--scrolled .ssh-bar { box-shadow: 0 10px 30px rgba(7,15,31,.12); } .ssh-bar-in { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 78px; transition: min-height .3s ease; } .ssh--scrolled .ssh-bar-in { min-height: 66px; } .ss-logo { display: block; flex: none; line-height: 0; } .ss-logo img { display: block; height: 58px; width: auto; transition: height .3s ease; } .ssh--scrolled .ss-logo img { height: 48px; } .ssh-nav { display: flex; align-items: center; margin-left: auto; } .ssh-menu { display: flex; align-items: center; gap: 2px; } .ssh-menu > li { position: relative; display: flex; align-items: center; } .ssh-menu > li > a { position: relative; display: block; padding: 12px 13px; font-size: 15.5px; font-weight: 600; color: #fff7ea; transition: color .2s; } .ssh-menu > li > a::after { content: ""; position: absolute; left: 13px; right: 13px; bottom: 6px; height: 2px; background: var(--ss-brass-lt); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; } .ssh-menu > li > a:hover, .ssh-menu > li:focus-within > a, .ssh-menu > li:hover > a { color: var(--ss-brass-lt); } .ssh-menu > li > a:hover::after, .ssh-menu > li:hover > a::after, .ssh-menu > li:focus-within > a::after { transform: scaleX(1); } .ssh-menu > li > a[aria-current="page"], .ssh-menu > li.is-current > a { color: #fff; } .ssh-menu > li > a[aria-current="page"]::after, .ssh-menu > li.is-current > a::after { transform: scaleX(1); } .ssh-menu a:focus-visible { outline: 3px solid var(--ss-brass-lt); outline-offset: 2px; border-radius: 6px; } .ssh-tog { display: flex; align-items: center; justify-content: center; width: 24px; height: 36px; margin-left: -8px; margin-right: 2px; padding: 0; background: none; border: 0; cursor: pointer; color: #fff7ea; } .ssh-tog svg { width: 14px; height: 14px; transition: transform .25s ease; } .ssh-menu > li:hover > .ssh-tog svg, .ssh-menu > li.is-open > .ssh-tog svg { transform: rotate(180deg); } .ssh-tog:hover { color: var(--ss-brass-lt); } .ssh-sub { position: absolute; top: 100%; left: 0; min-width: 270px; background: #fff; border: 1px solid var(--ss-line); border-radius: 16px; box-shadow: 0 24px 50px rgba(7,15,31,.18); padding: 10px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .2s ease, transform .2s ease, visibility .2s; z-index: 5; } .ssh-sub--wide { min-width: 560px; display: grid; grid-template-columns: 1fr 1fr; gap: 2px 8px; } .ssh-menu > li:hover > .ssh-sub, .ssh-menu > li:focus-within > .ssh-sub, .ssh-menu > li.is-open > .ssh-sub { opacity: 1; visibility: visible; transform: none; } .ssh-sub a { display: block; padding: 10px 14px; border-radius: 10px; font-size: 15px; font-weight: 600; color: var(--ss-ink); transition: background-color .2s, color .2s, padding-left .2s; } .ssh-sub a:hover, .ssh-sub a:focus-visible { background: var(--ss-sand); color: var(--ss-clay-dark); padding-left: 18px; } .ssh-sub a[aria-current="page"] { background: var(--ss-teal-100); color: var(--ss-teal-900); } .ssh-cta { display: flex; align-items: center; gap: 10px; margin-left: 14px; flex: none; } .ssh-call { display: inline-flex; align-items: center; gap: 9px; padding: 12px 20px; background: var(--ss-brass-lt); color: #2b160b; font-weight: 700; font-size: 15.5px; border-radius: 12px; transition: background-color .2s, transform .2s, box-shadow .2s; box-shadow: 0 8px 18px rgba(0,0,0,.25); } .ssh-call:hover, .ssh-call:focus-visible { background: #fff; color: #2b160b; transform: translateY(-2px); } .ssh-call svg { width: 18px; height: 18px; } .ssh-wa { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 12px; background: var(--ss-wa); color: #fff; transition: background-color .2s, transform .2s; } .ssh-wa:hover, .ssh-wa:focus-visible { background: var(--ss-wa-dark); color: #fff; transform: translateY(-2px); } .ssh-wa svg { width: 24px; height: 24px; } .ssh-burger { display: none; width: 46px; height: 46px; align-items: center; justify-content: center; background: var(--ss-brass-lt); color: #2b160b; border: 0; border-radius: 12px; cursor: pointer; padding: 0; flex: none; } .ssh-burger svg { width: 24px; height: 24px; } .ssh-burger:hover { background: #fff; } .ssh-burger .ssh-x { display: none; } .ssh--open .ssh-burger .ssh-m { display: none; } .ssh--open .ssh-burger .ssh-x { display: block; } .ssh-ov { display: none; } .ssh-drawer-head, .ssh-drawer-foot { display: none; } @media (max-width: 1100px) { .ssh-top { display: none; } .ssh-bar-in { min-height: 70px; } .ssh-burger { display: inline-flex; } .ssh-cta { margin-left: auto; } .ssh-call span { display: none; } .ssh-call { width: 46px; height: 46px; padding: 0; justify-content: center; } .ssh-nav { position: fixed; top: 0; right: 0; bottom: 0; width: min(88vw, 390px); margin: 0; background: var(--ss-cream); flex-direction: column; align-items: stretch; transform: translateX(105%); transition: transform .3s ease; overflow-y: auto; z-index: 9995; box-shadow: -24px 0 60px rgba(7,15,31,.3); visibility: hidden; } .ssh--open .ssh-nav { transform: none; visibility: visible; } .ssh-ov { display: block; position: fixed; inset: 0; background: rgba(7,15,31,.6); opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s; z-index: 9994; } .ssh--open .ssh-ov { opacity: 1; visibility: visible; } .ssh-drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 12px 18px; background: var(--ss-logo-bg); } .ssh-drawer-head .ss-logo img { height: 44px; } .ssh-close { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; background: var(--ss-brass-lt); color: #2b160b; border: 0; border-radius: 10px; cursor: pointer; padding: 0; } .ssh-close svg { width: 22px; height: 22px; } .ssh-menu > li > a, .ssh-tog { color: var(--ss-ink); } .ssh-menu > li > a:hover, .ssh-menu > li:hover > a, .ssh-menu > li:focus-within > a, .ssh-tog:hover { color: var(--ss-clay); } .ssh-menu { flex-direction: column; align-items: stretch; gap: 0; padding: 8px 12px; } .ssh-menu > li { flex-wrap: wrap; border-bottom: 1px solid var(--ss-line); } .ssh-menu > li > a { flex: 1; padding: 16px 8px; font-size: 17px; } .ssh-menu > li > a::after { display: none; } .ssh-menu > li > a[aria-current="page"], .ssh-menu > li.is-current > a { color: var(--ss-clay); } .ssh-tog { width: 46px; height: 46px; margin: 0; background: var(--ss-sand); border-radius: 10px; } .ssh-tog svg { width: 18px; height: 18px; } .ssh-menu > li:hover > .ssh-tog svg { transform: none; } .ssh-menu > li.is-open > .ssh-tog svg { transform: rotate(180deg); } .ssh-sub, .ssh-sub--wide { position: static; display: block; min-width: 0; width: 100%; box-shadow: none; border: 0; border-radius: 0; padding: 0 0 0 10px; opacity: 1; visibility: visible; transform: none; max-height: 0; overflow: hidden; transition: max-height .35s ease; background: transparent; } .ssh-menu > li:hover > .ssh-sub, .ssh-menu > li:focus-within > .ssh-sub { max-height: 0; } .ssh-menu > li.is-open > .ssh-sub { max-height: 900px; padding-bottom: 10px; } .ssh-sub a { padding: 12px 12px; font-size: 16px; border-left: 2px solid var(--ss-line); border-radius: 0 10px 10px 0; } .ssh-sub a:hover, .ssh-sub a:focus-visible { padding-left: 16px; } .ssh-drawer-foot { display: grid; gap: 10px; padding: 16px 18px 24px; margin-top: auto; } .ssh-drawer-foot .ss-btn { width: 100%; } } @media (max-width: 782px) { body.admin-bar .ssh { top: 46px; } } @media (max-width: 420px) { .ssh-wrap { padding: 0 14px; } .ss-logo img { height: 44px; } .ssh-cta { gap: 8px; } } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } body *:not(#wpadminbar):not(#wpadminbar *){font-family:"Times New Roman",Times,serif!important} body{font-size-adjust:.5} #ssp-home :is(h1,h2,h3){text-transform:capitalize} #ssp-home p{text-align:justify;hyphens:auto;-webkit-hyphens:auto} #ssp-home :is(.smh,.ssi-hero) p{text-align:justify;text-align-last:center} html .ss-btn--clay,html .ssh-call{background:#d7a65f!important;color:#1a1208!important;border-color:transparent!important;box-shadow:0 12px 28px rgba(215,166,95,.32)!important} html .ss-btn--clay:hover,html .ssh-call:hover{background:#f3cd93!important;color:#1a1208!important} html .ssh-call svg,html .ss-btn--clay svg{color:#1a1208!important} header.ssh{background:linear-gradient(180deg,#070f1f,#0b1a33)!important} header.ssh .ssh-top{background:rgba(0,0,0,.35)!important} header.ssh .ssh-bar{background:#0b1a33!important;border-bottom:1px solid rgba(243,205,147,.22)!important} header.ssh .ssh-nav a:not(.ss-btn):hover,header.ssh .ssh-top a:hover{color:#f3cd93!important} .ssh-logo{display:inline-flex!important;align-items:center;gap:12px;text-decoration:none!important} footer.ssf{background:#070f1f!important} #ssp-home .ssi-hero{background:radial-gradient(820px 460px at 50% 0%,rgba(215,166,95,.26),transparent 66%),linear-gradient(180deg,#070f1f,#0b1a33 62%,#12294d)!important;text-align:center;padding:64px 0 78px!important} #ssp-home .ssi-hero::before{background:radial-gradient(circle at 30% 30%,rgba(215,166,95,.22),rgba(215,166,95,0) 68%)!important} #ssp-home .ssi-hero::after{background:radial-gradient(circle,rgba(18,41,77,.9),rgba(18,41,77,0) 70%)!important} #ssp-home .ssi-hero .ss-wrap{max-width:1000px!important;margin-inline:auto} #ssp-home .ssi-crumbs{justify-content:center} #ssp-home .ssi-hero .ss-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(243,205,147,.5);color:#fff!important;font-weight:700;letter-spacing:.02em;text-transform:none} #ssp-home .ssi-hero .ss-eyebrow::before{content:"";width:9px;height:9px;border-radius:50%;background:#4ade80;flex:none} #ssp-home .ssi-hero h1{font-weight:800!important;font-size:clamp(34px,6.4vw,84px)!important;line-height:1.02!important;letter-spacing:-.03em!important;margin:26px 0 22px!important;background:linear-gradient(180deg,#fff 20%,#f3cd93 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent!important;color:transparent!important} #ssp-home .ssi-hero .ss-lead{margin-inline:auto;color:#dce4f2!important;font-size:19px} #ssp-home .ssi-hero .ssp-hero-btns,#ssp-home .ssi-chips{justify-content:center} #ssp-home .ssi-chips li{border-color:rgba(243,205,147,.5)!important;color:#f3cd93} #ssp-home .smh{position:relative;overflow:hidden;color:#fff;background:radial-gradient(820px 460px at 50% 0%,rgba(215,166,95,.26),transparent 66%),linear-gradient(180deg,#070f1f,#0b1a33 62%,#12294d);padding:52px 0 84px} #ssp-home .smh *{box-sizing:border-box} #ssp-home .smh .smh-in{width:min(1220px,100% - 48px);margin-inline:auto;text-align:center;display:flex;flex-direction:column;align-items:center} #ssp-home .smh-live{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(243,205,147,.5);font-size:15px;font-weight:700;text-align:left;animation:smIn .9s both} #ssp-home .smh-live i{width:9px;height:9px;border-radius:50%;background:#4ade80;flex:none;animation:smPing 2s infinite} #ssp-home .smh h1{margin:28px 0 22px;padding:0;color:#fff} #ssp-home .smh-ln{display:block;overflow:hidden;padding:.02em .08em .12em} #ssp-home .smh-ln>span{display:block;animation:smRise 1s cubic-bezier(.2,.7,.2,1) both} #ssp-home .smh-l1{font-weight:800;font-size:clamp(34px,8vw,116px);line-height:.95;letter-spacing:-.04em;background:linear-gradient(180deg,#fff 20%,#f3cd93 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent} #ssp-home .smh-l2{font-style:italic;font-weight:400;font-size:clamp(26px,4.6vw,66px);line-height:1.08;color:#f3cd93} #ssp-home .smh-l2>span{animation-delay:.2s} #ssp-home .smh-l3{display:flex;align-items:center;gap:18px;width:min(620px,100%);margin:8px auto 0;font-weight:700;font-size:clamp(17px,2.2vw,28px);line-height:1.2;letter-spacing:.02em;animation:smIn .9s .45s both} #ssp-home .smh-l3::before,#ssp-home .smh-l3::after{content:"";flex:1;min-width:16px;height:2px;background:linear-gradient(90deg,transparent,#d7a65f)} #ssp-home .smh-l3::after{background:linear-gradient(270deg,transparent,#d7a65f)} #ssp-home .smh-sub{max-width:800px;font-size:19px;color:#dce4f2;margin:0 0 30px;animation:smIn .9s .5s both} #ssp-home .smh-bar{width:min(980px,100%);padding:12px;border-radius:22px;background:rgba(255,255,255,.1);border:1px solid rgba(243,205,147,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-columns:1.1fr 1fr 1.1fr auto;gap:10px;text-align:left;animation:smIn .9s .6s both} #ssp-home .smh-bar label{position:absolute;left:-9999px} #ssp-home .smh-bar :is(input,select){width:100%;height:54px;padding:0 16px;border:2px solid transparent;border-radius:12px;background:#fff;color:#14213d;font-size:17px;font-weight:600;appearance:none;-webkit-appearance:none} #ssp-home .smh-bar select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%2314213d' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px} #ssp-home .smh-bar :is(input,select):focus{border-color:#d7a65f;outline:none} #ssp-home .smh-bar .smh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:14px;border:2px solid transparent;font-size:17px;font-weight:800;cursor:pointer;background:#0b7a35;color:#fff;box-shadow:0 12px 28px rgba(31,168,85,.3);transition:transform .2s,background-color .2s;white-space:nowrap} #ssp-home .smh-bar .smh-btn:hover{background:#086328;transform:translateY(-3px)} #ssp-home .smh-bar .smh-err{grid-column:1/-1;padding:0 6px;color:#ffb4a3;font-size:15px;font-weight:700} #ssp-home .smh-bar .smh-err:empty{display:none} #ssp-home .smh-bar .smh-priv{grid-column:1/-1;margin:0;padding:0 6px;font-size:14px;opacity:.85;text-align:left;text-align-last:left} #ssp-home .smh-trust{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;margin:30px 0 0;padding:0;list-style:none;animation:smIn .9s .7s both} #ssp-home .smh-trust li{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:700;text-align:left;color:#fff} #ssp-home .smh-trust .ss-ico{width:18px;height:18px;color:#f3cd93} @keyframes smIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}} @keyframes smRise{from{transform:translateY(110%)}to{transform:none}} @keyframes smPing{0%{box-shadow:0 0 0 0 rgba(74,222,128,.6)}70%{box-shadow:0 0 0 10px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}} @media(max-width:1000px){#ssp-home .smh-bar{grid-template-columns:1fr 1fr}#ssp-home .smh-bar .smh-btn{grid-column:1/-1}} @media(max-width:680px){#ssp-home .smh .smh-in{width:calc(100% - 32px)}#ssp-home .smh-bar{grid-template-columns:1fr}#ssp-home .smh-trust{justify-content:flex-start;gap:8px 18px}#ssp-home .smh{padding-top:40px}} @media(prefers-reduced-motion:reduce){#ssp-home .smh *{animation:none!important;transition:none!important}} #ssp-home .smh{padding-bottom:150px} #ssp-home .ssp-seal{background:#d7a65f!important;color:#1a1208!important} #ssp-home .ssp-seal *{color:#1a1208!important} #ssp-home .ssp-sec--dark .ss-eyebrow,#ssp-home .ssp-final .ss-eyebrow,#ssp-home .ssi-hero .ss-eyebrow{color:#f3cd93} #ssp-home :is(.ssi-side,.ssi-fcard,.ssi-links,.ssi-note,.ssp-card,.ssp-person,.ssp-table,details) p{text-align:left;hyphens:manual} #ssp-home .ssi-fcard,#ssp-home .ssi-side .box{text-align:left} @media(max-width:680px){#ssp-home p{hyphens:auto}#ssp-home .ssi-hero{padding:48px 0 56px!important}} .ssh-logo img{display:block!important;height:58px!important;width:auto!important;max-width:none;border-radius:8px;border:1px solid rgba(243,205,147,.55)} @media(max-width:480px){.ssh-logo img{height:46px!important}} #ssp-home .ssp-final{--cta-1:#070f1f;--cta-2:#12294d;--cta-ov:7,15,31} footer.ssf .ssf-cta{background:radial-gradient(700px 300px at 85% 0%,rgba(215,166,95,.28),transparent 60%),linear-gradient(135deg,#0b1a33,#12294d)!important;border-top:2px solid #d7a65f;border-bottom:1px solid rgba(243,205,147,.25)} footer.ssf .ssf-cta h2{color:#fff!important} footer.ssf .ssf-cta-btns a:first-child{background:#d7a65f!important;color:#1a1208!important;border-color:transparent!important} footer.ssf .ssf-cta-btns a:first-child svg{color:#1a1208!important} footer.ssf .ssf-cta-btns a:last-child{border-color:rgba(243,205,147,.7)!important;color:#fff!important} #ssp-home .smh-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:4px;animation:smIn .9s .6s both} #ssp-home .smh-cta .ss-btn{min-height:56px;padding:0 28px;font-size:18px} #ssp-home .ssv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin:26px 0 10px} #ssp-home .ssv-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--ss-line);border-radius:18px;padding:28px;text-decoration:none!important;color:inherit!important;transition:transform .3s,box-shadow .3s,border-color .3s} #ssp-home .ssv-card:hover{transform:translateY(-6px);border-color:#d7a65f;box-shadow:0 22px 40px -22px rgba(7,15,31,.45)} #ssp-home .ssv-ico{width:54px;height:54px;border-radius:14px;background:#0b1a33;color:#f3cd93;display:grid;place-items:center} #ssp-home .ssv-ico svg{width:26px;height:26px} #ssp-home .ssv-card h3{margin:0;font-size:23px;line-height:1.2;color:var(--ss-teal-900)} #ssp-home .ssv-card p{margin:0;font-size:17px;text-align:left} #ssp-home .ssv-card ul{margin:0;padding:0;list-style:none} #ssp-home .ssv-card li{padding:4px 0 4px 22px;position:relative;font-size:16px} #ssp-home .ssv-card li::before{content:"";position:absolute;left:0;top:13px;width:8px;height:8px;border-radius:50%;background:#d7a65f} #ssp-home .ssv-more{margin-top:auto;font-weight:700;color:var(--ss-clay)} img.ssb-img.ssb-img{border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;height:56px!important;width:auto!important} footer.ssf img.ssb-img.ssb-img{height:68px!important} @media(max-width:480px){img.ssb-img.ssb-img{height:44px!important}} #ssp-home .ssp-nri-img{border-radius:24px;overflow:hidden;border:1px solid rgba(243,205,147,.45);box-shadow:0 30px 70px rgba(0,0,0,.45);background:#0b1a33} #ssp-home .ssp-nri-img img{display:block;width:100%;height:auto} #ssp-home .ssp-gal2{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:270px;gap:16px} #ssp-home .ssp-gal2 figure{position:relative;margin:0;border-radius:20px;overflow:hidden;background:#0b1a33;border:1px solid rgba(215,166,95,.35)} #ssp-home .ssp-gal2 figure:nth-child(1){grid-column:1/3} #ssp-home .ssp-gal2 figure:nth-child(2){grid-column:3;grid-row:1/3} #ssp-home .ssp-gal2 img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .7s ease} #ssp-home .ssp-gal2 figure:hover img{transform:scale(1.05)} #ssp-home .ssp-gal2 figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 14px;background:linear-gradient(transparent,rgba(7,15,31,.92));color:#fff;font-size:15px;font-weight:700} #ssp-home .ssp-pimg img{width:100%;height:auto;display:block;border-radius:22px} @media(max-width:820px){#ssp-home .ssp-gal2{grid-template-columns:repeat(2,1fr);grid-auto-rows:210px}#ssp-home .ssp-gal2 figure:nth-child(1){grid-column:1/3;grid-row:auto}#ssp-home .ssp-gal2 figure:nth-child(2){grid-column:1;grid-row:2/4}#ssp-home .ssp-gal2 figure:nth-child(3){grid-column:2;grid-row:2}#ssp-home .ssp-gal2 figure:nth-child(4){grid-column:2;grid-row:3}} @media(max-width:520px){#ssp-home .ssp-gal2{grid-template-columns:1fr;grid-auto-rows:220px}#ssp-home .ssp-gal2 figure:nth-child(n){grid-column:auto;grid-row:auto}#ssp-home .ssp-gal2 figure:nth-child(2){grid-row:span 2}} footer.ssf .ssf-more{background:#060d1b;border-top:1px solid rgba(215,166,95,.22);padding:36px 0 30px} footer.ssf .ssf-more .ss-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:30px} footer.ssf .ssf-more h3{font-size:16px;color:#f3cd93;margin:0 0 14px;letter-spacing:.04em} footer.ssf .ssf-more ul{list-style:none;margin:0;padding:0;display:grid;gap:8px} footer.ssf .ssf-more a{color:#e6e1d5;text-decoration:none;font-size:14px;line-height:1.4} footer.ssf .ssf-more a:hover{color:#f3cd93} @media(max-width:820px){footer.ssf .ssf-more .ss-wrap{grid-template-columns:1fr 1fr}} @media(max-width:520px){footer.ssf .ssf-more .ss-wrap{grid-template-columns:1fr}} .ss-related{background:#f7f5f0;padding:38px 20px 54px;border-top:1px solid rgba(11,26,51,.1)} .ss-related-in{max-width:1180px;margin:0 auto} .ss-related h2{font-size:26px;color:#0b1a33;margin:0 0 18px} .ss-related ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px} .ss-related a{display:block;padding:14px 16px;background:#fff;border:1px solid rgba(11,26,51,.12);border-radius:12px;color:#0b1a33;text-decoration:none;font-weight:700;line-height:1.35} .ss-related a:hover{border-color:#d7a65f;color:#7a5314} footer.ssf .ssf-more{background:#0b1a33!important;border-top:1px solid rgba(215,166,95,.18)!important} header.ssh .ssh-nav .ssh-menu .ssh-sub a:not(.ss-btn){color:#0b1a33!important} header.ssh .ssh-nav .ssh-menu .ssh-sub a:not(.ss-btn):hover,header.ssh .ssh-nav .ssh-menu .ssh-sub a:not(.ss-btn):focus-visible{color:#0b1a33!important;background:#f3e6cf!important;padding-left:14px!important;box-shadow:inset 3px 0 0 #d7a65f} header.ssh .ssh-sub{padding:12px!important} header.ssh .ssh-sub--wide{min-width:680px!important;max-width:calc(100vw - 32px);grid-template-columns:1fr 1fr!important;gap:4px 12px!important;align-items:stretch;grid-auto-rows:minmax(48px,auto)} header.ssh .ssh-sub--wide>li{display:flex;margin:0} header.ssh .ssh-sub a{display:flex!important;align-items:center;width:100%;min-height:48px;padding:10px 16px!important;line-height:1.3} header.ssh .ssh-sub--wide>li:last-child:nth-child(odd){grid-column:1/-1} header.ssh .ssh-menu>li>a{display:inline-flex;align-items:center;gap:6px} header.ssh .ssh-menu>li:nth-last-child(-n+3) .ssh-sub--wide{left:auto!important;right:0!important} @media(max-width:1100px){header.ssh .ssh-sub--wide{min-width:520px!important}} #ssp-home .ssp-tab:hover{color:#0b1a33} #ssp-home .ssp-tab[aria-selected=true]:hover{background:var(--ss-teal-900);color:#fff} #ssp-home .ssi-fgrid,#ssp-home .ssi-links{grid-template-columns:repeat(6,1fr)!important} #ssp-home .ssi-fgrid>*,#ssp-home .ssi-links>*{grid-column:span 2} #ssp-home .ssi-fgrid>:last-child:nth-child(3n+1),#ssp-home .ssi-links>:last-child:nth-child(3n+1){grid-column:3/5} #ssp-home .ssi-fgrid>:nth-last-child(2):nth-child(3n+1),#ssp-home .ssi-links>:nth-last-child(2):nth-child(3n+1){grid-column:2/4} #ssp-home .ssi-fgrid>:last-child:nth-child(3n+2),#ssp-home .ssi-links>:last-child:nth-child(3n+2){grid-column:4/6} #ssp-home .ssi-fgrid:has(>:nth-child(4):last-child),#ssp-home .ssi-fgrid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)!important} #ssp-home .ssi-fgrid:has(>:nth-child(4):last-child)>*,#ssp-home .ssi-fgrid:has(>:nth-child(2):last-child)>*{grid-column:auto!important} @media(max-width:760px){#ssp-home .ssi-fgrid,#ssp-home .ssi-links{grid-template-columns:repeat(2,1fr)!important}#ssp-home .ssi-fgrid>*,#ssp-home .ssi-links>*{grid-column:auto!important}#ssp-home .ssi-fgrid>:last-child:nth-child(odd),#ssp-home .ssi-links>:last-child:nth-child(odd){grid-column:1/-1!important}} @media(max-width:480px){#ssp-home .ssi-fgrid,#ssp-home .ssi-links{grid-template-columns:1fr!important}#ssp-home .ssi-fgrid>*,#ssp-home .ssi-links>*{grid-column:auto!important}} .ss-js .ss-reveal,.ss-js .ss-reveal:not(.ss-in){opacity:1!important;transform:none!important;transition:none!important} #ssp-home .ssi-chips li a{color:inherit;text-decoration:none;display:block} #ssp-home .ssi-chips li:has(a){cursor:pointer;transition:background-color .2s,border-color .2s,color .2s} #ssp-home .ssi-chips li:has(a):hover{background:rgba(215,166,95,.22);border-color:#d7a65f;color:#fff} #ssp-home .ssi-chips li a:focus-visible{outline:2px solid #d7a65f;outline-offset:3px;border-radius:999px} #ssp-home .ssp-table thead th,#ssp-home .ssp-table th[scope=col],table.ssp-table thead tr th,.ssp-table > thead > tr:first-child > th,.ssp-table > tr:first-child > th{background-color:#2a2019!important;background-image:none!important;color:#f5f0e6!important} #ssp-home .ssp-table tbody tr:nth-child(odd) td,#ssp-home .ssp-table tbody tr:nth-child(odd) th[scope=row]{background-color:#ffffff!important} #ssp-home .ssp-table tbody tr:nth-child(even) td,#ssp-home .ssp-table tbody tr:nth-child(even) th[scope=row]{background-color:#faf6ec!important} #ssp-home .ssp-table tbody tr:hover td{background-color:#f3e6cf!important;color:#2a2019!important} #ssp-home .ssp-table tbody th[scope=row]{color:#2a2019} #ssp-home .ssp-highlight{margin:18px auto 0;max-width:900px;padding:14px 18px;background-color:#fff4d6;border:1px solid #e3c27a;border-left:5px solid #c9923a;border-radius:10px;color:#2a2019;font-size:17px;line-height:1.55;text-align:left} #ssp-home .ssp-highlight strong{color:#7a5314} .ssi-fcard{min-width:0} .ssi-fcard p,.ssi-fcard a{overflow-wrap:anywhere;word-break:break-word} .ssi-fcard a[href^="mailto:"]{display:block;font-size:.92em;line-height:1.5;margin:0 0 6px} footer.ssf .ssf-more .ss-wrap{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px;align-items:start} footer.ssf .ssf-more nav{min-width:0} footer.ssf .ssf-more h3{font-size:1rem;letter-spacing:.04em;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(201,162,75,.35);color:#c9a24b!important} footer.ssf .ssf-more ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px} footer.ssf .ssf-more li{margin:0;padding:0} footer.ssf .ssf-more a{font-size:.9rem;line-height:1.45;display:block;opacity:.92} footer.ssf .ssf-more a:hover{opacity:1;text-decoration:underline} @media(max-width:900px){footer.ssf .ssf-more .ss-wrap{grid-template-columns:1fr}} @media(max-width:480px){footer.ssf .ssf-more ul{grid-template-columns:1fr}} .ssi-desk{background:#fff;border:1px solid #e3d6b8;border-top:4px solid #c9a24b;border-radius:10px;padding:22px;margin:22px 0;box-shadow:0 6px 18px rgba(42,32,25,.07)} .ssi-desk h3{margin:0 0 4px} .ssi-desk .ssd-sub{margin:0 0 14px;font-size:.95rem;opacity:.85} .ssi-desk .ssd-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px} .ssi-desk .ssd-chip{border:1px solid #d9c79d;background:#faf6ec;color:#2a2019;border-radius:999px;padding:6px 14px;font:inherit;font-size:.9rem;cursor:pointer} .ssi-desk .ssd-chip:hover,.ssi-desk .ssd-chip.on{background:#2a2019;color:#f5f0e6;border-color:#2a2019} .ssi-desk select{width:100%;max-width:360px;padding:9px 12px;border:1px solid #d9c79d;border-radius:8px;font:inherit;background:#fff;color:#2a2019;margin:0 0 16px} .ssi-desk .ssd-clocks{display:grid;grid-template-columns:1fr 1fr;gap:14px} .ssi-desk .ssd-clock{background:#2a2019;color:#f5f0e6;border-radius:10px;padding:16px 18px} .ssi-desk .ssd-l{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#c9a24b} .ssi-desk .ssd-t{font-size:2rem;line-height:1.2;margin:4px 0;font-variant-numeric:tabular-nums} .ssi-desk .ssd-d{font-size:.88rem;opacity:.85} .ssi-desk .ssd-note{margin:14px 0 0;font-size:.92rem} @media(max-width:560px){.ssi-desk .ssd-clocks{grid-template-columns:1fr}} .ssi-desk .ssd-chips{display:block} .ssi-desk .ssd-grp{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px} .ssi-desk .ssd-gl{flex:0 0 100%;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#8a6a1f;margin-top:4px} .ssi-desk .ssd-chip{padding:4px 11px;font-size:.82rem} .ssi-desk .ssd-h3{margin:22px 0 10px;padding-top:16px;border-top:1px solid #eadfc4} .ssi-desk .ssd-form{display:grid;gap:10px} .ssi-desk .ssd-row{display:grid;grid-template-columns:1fr 1fr;gap:10px} .ssi-desk .ssd-form input,.ssi-desk .ssd-form textarea,.ssi-desk .ssd-form select{width:100%;max-width:none;margin:0;padding:10px 12px;border:1px solid #d9c79d;border-radius:8px;font:inherit;background:#fff;color:#2a2019;box-sizing:border-box} .ssi-desk .ssd-btns{display:flex;flex-wrap:wrap;gap:10px} .ssi-desk .ssd-btns button,.ssi-desk .ssd-btns a{border:0;border-radius:8px;padding:11px 20px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block} .ssi-desk .ssd-wa{background:#128c4a;color:#fff} .ssi-desk .ssd-em{background:#c9a24b;color:#2a2019} .ssi-desk .ssd-call{background:#2a2019;color:#f5f0e6} .ssi-desk .ssd-btns>*:hover{filter:brightness(1.1)} @media(max-width:560px){.ssi-desk .ssd-row{grid-template-columns:1fr}.ssi-desk .ssd-btns>*{flex:1 1 100%;text-align:center}} .ssd-sec{background:#f7f1e3!important} .ssd-head{text-align:center;max-width:760px;margin:0 auto 26px} .ssd-head .ssd-eye{display:inline-block;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#8a6a1f;margin-bottom:8px} .ssd-head h2{margin:0 0 10px} .ssd-head p{margin:0} .ssi-desk.ssd-wide{display:grid;grid-template-columns:1.1fr 1fr;gap:0;padding:0;overflow:hidden;max-width:1160px;margin:0 auto} .ssd-wide .ssd-left,.ssd-wide .ssd-right{padding:28px} .ssd-wide .ssd-right{background:#faf6ec;border-left:1px solid #eadfc4} .ssd-wide h3{font-size:1.15rem;margin:0 0 14px;color:#2a2019} .ssd-wide .ssd-pop{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px} .ssd-wide .ssd-chip{padding:6px 13px;font-size:.88rem} .ssd-wide .ssd-more{background:none;border:0;color:#8a6a1f;text-decoration:underline;cursor:pointer;font:inherit;font-size:.9rem;padding:2px 0;margin:0 0 12px} .ssd-wide .ssd-all{max-height:230px;overflow:auto;padding:10px 12px;border:1px solid #eadfc4;border-radius:8px;margin:0 0 14px;background:#fff} .ssd-wide .ssd-all[hidden]{display:none} .ssd-wide .ssd-chip{font-size:.82rem;padding:4px 11px} .ssd-wide .ssd-pop .ssd-chip{font-size:.88rem;padding:6px 13px} .ssd-wide select.ssd-sel{max-width:none;margin:0 0 16px} .ssd-wide .ssd-clock.ssd-in{background:#8a6a1f} .ssd-wide .ssd-clock.ssd-in .ssd-l{color:#fff3d1} .ssd-wide .ssd-t{font-size:1.75rem} .ssd-wide .ssd-note{font-weight:700;color:#2a2019;margin:14px 0 0} .ssd-wide .ssd-form textarea{resize:vertical} .ssd-wide .ssd-btns{margin-top:4px} .ssd-wide .ssd-btns button{flex:1 1 180px} .ssd-wide a.ssd-call{display:block;text-align:center;margin-top:12px;color:#2a2019;font-weight:700;text-decoration:underline} @media(max-width:900px){.ssi-desk.ssd-wide{grid-template-columns:1fr}.ssd-wide .ssd-right{border-left:0;border-top:1px solid #eadfc4}.ssd-wide .ssd-left,.ssd-wide .ssd-right{padding:20px}} .ssd-wide a.ssd-call{background:transparent!important;color:#2a2019!important;padding:6px 0!important;border-radius:0!important} .ssd-wide .ssd-form input::placeholder,.ssd-wide .ssd-form textarea::placeholder{font-size:.92rem} .ssn-sec{position:relative;background:radial-gradient(900px 420px at 85% -10%,rgba(201,162,75,.18),transparent 60%),linear-gradient(160deg,#0b1a33 0%,#0f2447 60%,#0b1a33 100%)!important;padding:64px 0!important;border-top:1px solid rgba(201,162,75,.45);border-bottom:1px solid rgba(201,162,75,.45)} .ssn-head{text-align:center;max-width:780px;margin:0 auto 30px} .ssn-eye{display:inline-block;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#c9a24b;margin-bottom:10px} .ssn-head h2{color:#f5f0e6!important;margin:0 0 12px!important} .ssn-head p{color:#cfd6e4!important;margin:0} .ssn-desk{max-width:1160px;margin:0 auto} .ssn-title{color:#c9a24b;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;text-align:center} .ssn-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 26px} .ssn-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;background:rgba(255,255,255,.05);border:1px solid rgba(201,162,75,.28);border-radius:12px;padding:14px;color:#f5f0e6;cursor:pointer;font:inherit;transition:transform .15s,background .15s,border-color .15s} .ssn-card:hover{background:rgba(201,162,75,.14);border-color:#c9a24b;transform:translateY(-2px)} .ssn-card.on{background:linear-gradient(135deg,#d8b45f,#b8892f);border-color:#e6c577;color:#1a1305;box-shadow:0 8px 22px rgba(201,162,75,.28)} .ssn-cc{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(201,162,75,.18);color:#e6c577;font-size:.78rem;font-weight:700;letter-spacing:.04em;margin-bottom:4px} .ssn-card.on .ssn-cc{background:rgba(26,19,5,.18);color:#1a1305} .ssn-card strong{font-size:1rem;line-height:1.2} .ssn-ct{font-size:1.15rem;font-variant-numeric:tabular-nums} .ssn-cd{font-size:.76rem;opacity:.75} .ssn-main{display:grid;grid-template-columns:1.05fr 1fr;gap:22px} .ssn-left,.ssn-right{background:rgba(255,255,255,.05);border:1px solid rgba(201,162,75,.28);border-radius:14px;padding:26px;backdrop-filter:blur(4px)} .ssn-main h3{color:#f5f0e6!important;font-size:1.2rem;margin:0 0 16px!important} .ssn-clocks{display:grid;grid-template-columns:1fr 1fr;gap:12px} .ssn-clock{background:#071226;border:1px solid rgba(201,162,75,.4);border-radius:12px;padding:16px 18px;color:#f5f0e6} .ssn-clock.ssn-in{background:linear-gradient(135deg,#c9a24b,#a87c25);border-color:#e6c577;color:#1a1305} .ssn-l{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#c9a24b} .ssn-in .ssn-l{color:#3b2a08} .ssn-t{font-size:1.7rem;line-height:1.25;margin:4px 0;font-variant-numeric:tabular-nums} .ssn-d{font-size:.86rem;opacity:.85} .ssn-diff{color:#e6c577;font-weight:700;margin:14px 0 18px} .ssn-lab{display:block;color:#cfd6e4;font-size:.9rem;margin:0 0 6px} .ssn-left select,.ssn-form input,.ssn-form select,.ssn-form textarea{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid rgba(201,162,75,.4);border-radius:8px;background:#0a1830;color:#f5f0e6;font:inherit;margin:0} .ssn-form input::placeholder,.ssn-form textarea::placeholder{color:#9fb0cc} .ssn-form{display:grid;gap:10px} .ssn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px} .ssn-btns{display:flex;flex-wrap:wrap;gap:10px} .ssn-btns button{flex:1 1 170px;border:0;border-radius:8px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer} .ssn-wa{background:#1fa855;color:#fff}.ssn-em{background:#c9a24b;color:#1a1305} .ssn-btns button:hover{filter:brightness(1.1)} a.ssn-call{display:block;text-align:center;color:#e6c577!important;font-weight:700;text-decoration:underline;margin-top:4px} @media(max-width:1000px){.ssn-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.ssn-main{grid-template-columns:1fr}} @media(max-width:600px){.ssn-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ssn-clocks,.ssn-row{grid-template-columns:1fr}.ssn-left,.ssn-right{padding:18px}.ssn-sec{padding:44px 0!important}} .ssn-head h2,.ssn-main h3{font-weight:700!important} .ssn-left{display:flex;flex-direction:column} .ssn-left::after{content:"Good to know: evening IST slots suit the Gulf, Singapore and Malaysia; early-morning IST slots suit the USA and Canada; late-evening IST suits Australia. Share your best time and we will confirm.";margin-top:auto;padding-top:16px;border-top:1px solid rgba(201,162,75,.3);color:#cfd6e4;font-size:.92rem;line-height:1.55} .ssn-left select{margin-bottom:18px} .ssn-cards{display:flex!important;flex-wrap:wrap;justify-content:center;gap:12px} .ssn-card{flex:0 0 calc((100% - 60px)/6);min-width:0} .ssn-sub{font-size:.74rem;opacity:.75;min-height:1em} .ssn-card strong{overflow-wrap:anywhere} @media(max-width:1000px){.ssn-card{flex-basis:calc((100% - 36px)/4)}} @media(max-width:700px){.ssn-card{flex-basis:calc((100% - 12px)/2)}} .ssn-cards{gap:10px!important;margin-bottom:20px!important} .ssn-card{flex:0 0 calc((100% - 50px)/6)!important;display:grid!important;grid-template-columns:34px 1fr;grid-template-areas:"cc nm" "cc sub" "ct ct" "cd cd";column-gap:10px;row-gap:0;align-items:center;padding:10px 12px!important} .ssn-card .ssn-cc{grid-area:cc;width:32px;height:32px;margin:0;align-self:start} .ssn-card strong{grid-area:nm;font-size:.95rem;line-height:1.2} .ssn-card .ssn-sub{grid-area:sub;font-size:.7rem;min-height:0} .ssn-card .ssn-sub:empty{display:none} .ssn-card .ssn-ct{grid-area:ct;font-size:1.05rem;margin-top:6px} .ssn-card .ssn-cd{grid-area:cd;font-size:.72rem} .ssn-title{margin-bottom:10px!important} @media(max-width:1000px){.ssn-card{flex-basis:calc((100% - 30px)/4)!important}} @media(max-width:700px){.ssn-card{flex-basis:calc((100% - 10px)/2)!important}} .ssn-card{grid-template-columns:34px minmax(0,1fr)!important} .ssn-card strong,.ssn-card .ssn-sub{min-width:0;white-space:normal;overflow-wrap:break-word} .ssn-card strong{font-size:.9rem} .ss-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} #ssp-home .ssi-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--ss-teal-950),var(--ss-teal-900) 55%,var(--ss-teal-800));color:#f7ecdc;padding:150px 0 90px} #ssp-home .ssi-hero::before{content:"";position:absolute;width:520px;height:520px;right:-120px;top:-140px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(232,188,110,.45),rgba(232,188,110,0) 68%);animation:ssiFloat 9s ease-in-out infinite} #ssp-home .ssi-hero::after{content:"";position:absolute;left:-90px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(166,63,38,.38),rgba(166,63,38,0) 70%);animation:ssiFloat 12s ease-in-out infinite reverse} #ssp-home .ssi-hero .ss-wrap{position:relative;z-index:2;max-width:900px} #ssp-home .ssi-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;opacity:.85;margin:0 0 22px} #ssp-home .ssi-crumbs a{color:#e8bc6e} #ssp-home .ssi-crumbs span{opacity:.6} #ssp-home .ssi-hero h1{font-size:clamp(34px,5.4vw,60px);line-height:1.08;margin:0 0 20px;color:#fff;animation:ssiUp .8s both} #ssp-home .ssi-hero .ss-lead{max-width:720px;color:#f0e2cf;animation:ssiUp .8s .15s both} #ssp-home .ssi-hero .ssp-hero-btns{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px;animation:ssiUp .8s .3s both} #ssp-home .ssi-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;padding:0;list-style:none;animation:ssiUp .8s .45s both} #ssp-home .ssi-chips li{border:1px solid rgba(232,188,110,.45);border-radius:999px;padding:7px 15px;font-size:13px;background:rgba(255,255,255,.05)} #ssp-home .ssi-main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start} #ssp-home .ssi-prose h2{font-size:clamp(26px,3.2vw,38px);line-height:1.15;margin:46px 0 16px;color:var(--ss-teal-900)} #ssp-home .ssi-prose h2:first-child{margin-top:0} #ssp-home .ssi-prose h3{font-size:21px;margin:28px 0 10px;color:var(--ss-teal-800)} #ssp-home .ssi-prose p{margin:0 0 16px} #ssp-home .ssi-prose ul,#ssp-home .ssi-prose ol{margin:0 0 20px;padding:0;list-style:none} #ssp-home .ssi-prose li{position:relative;padding:8px 0 8px 32px} #ssp-home .ssi-prose ul li::before{content:"";position:absolute;left:4px;top:15px;width:12px;height:12px;border-radius:50%;background:var(--ss-clay);box-shadow:0 0 0 4px var(--ss-clay-soft,#f7e4d9)} #ssp-home .ssi-prose ol{counter-reset:s} #ssp-home .ssi-prose ol li{counter-increment:s;padding-left:48px} #ssp-home .ssi-prose ol li::before{content:counter(s);position:absolute;left:0;top:7px;width:30px;height:30px;border-radius:50%;background:var(--ss-teal-900);color:#fff;font-size:14px;display:grid;place-items:center} #ssp-home .ssi-prose a{color:var(--ss-clay);text-decoration:underline;text-underline-offset:3px} #ssp-home .ssi-note{background:var(--ss-sand);border-left:4px solid var(--ss-clay);padding:18px 22px;border-radius:0 12px 12px 0;margin:24px 0;font-size:15px} #ssp-home .ssi-side{position:sticky;top:110px;display:grid;gap:18px} #ssp-home .ssi-side .box{background:#fff;border:1px solid #eadfcb;border-radius:18px;padding:26px;box-shadow:0 18px 40px -22px rgba(36,20,11,.35)} #ssp-home .ssi-side .box--dark{background:var(--ss-teal-900);color:#f7ecdc;border-color:transparent} #ssp-home .ssi-side h3{margin:0 0 10px;font-size:20px} #ssp-home .ssi-side .box--dark h3{color:#fff} #ssp-home .ssi-side ul{margin:0;padding:0;list-style:none} #ssp-home .ssi-side li{padding:7px 0;border-bottom:1px solid rgba(0,0,0,.07);font-size:14.5px} #ssp-home .ssi-side li:last-child{border:0} #ssp-home .ssi-side li a{color:inherit;display:flex;justify-content:space-between;gap:10px} #ssp-home .ssi-side li a:hover{color:var(--ss-clay)} #ssp-home .ssi-side .ss-btn{width:100%;justify-content:center;margin-top:10px} #ssp-home .ssi-fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:34px} #ssp-home .ssi-fcard{background:#fff;border:1px solid #eadfcb;border-radius:16px;padding:24px;transition:transform .35s,box-shadow .35s} #ssp-home .ssi-fcard:hover{transform:translateY(-6px);box-shadow:0 22px 40px -22px rgba(36,20,11,.45)} #ssp-home .ssi-fcard b{display:block;font-size:34px;color:var(--ss-clay);line-height:1;margin-bottom:8px} #ssp-home .ssi-fcard h3{font-size:18px;margin:0 0 8px} #ssp-home .ssi-fcard p{font-size:14.5px;margin:0} #ssp-home .ssi-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:30px} #ssp-home .ssi-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid #eadfcb;border-radius:12px;padding:15px 18px;color:var(--ss-teal-900);font-weight:600;transition:all .3s} #ssp-home .ssi-links a:hover{background:var(--ss-teal-900);color:#fff;transform:translateX(4px)} #ssp-home .ssi-mbar{display:none} @keyframes ssiFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(-28px,22px)}} @keyframes ssiUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}} @media(max-width:960px){#ssp-home .ssi-main{grid-template-columns:1fr;gap:36px}#ssp-home .ssi-side{position:static}#ssp-home .ssi-hero{padding:120px 0 64px}} @media(prefers-reduced-motion:reduce){#ssp-home .ssi-hero *,#ssp-home .ssi-hero::before,#ssp-home .ssi-hero::after{animation:none!important}} .ss-btn--wa,.ssm-wa{background:#0b7a35!important;background-image:none!important;color:#fff!important} .ss-btn--wa:hover,.ssm-wa:hover{background:#086328!important} #ssp-home a:focus-visible,#ssp-home summary:focus-visible,#ssp-home button:focus-visible{outline:3px solid #e8bc6e;outline-offset:3px} #ssp-home { font-family: var(--ss-font); color: var(--ss-body); background: var(--ss-cream); line-height: 1.7; overflow-x: clip; position: relative; } #ssp-home *, #ssp-home *::before, #ssp-home *::after { box-sizing: border-box; } :where(#ssp-home) :is(h1, h2, h3, h4, p, ul, ol, figure, blockquote, table) { margin: 0; padding: 0; } :where(#ssp-home) :is(ul, ol) { list-style: none; } :where(#ssp-home) a { text-decoration: none; } :where(#ssp-home) img { max-width: 100%; display: block; } #ssp-home .ss-eyebrow { margin: 0 0 14px; } #ssp-home .ss-h2 { margin: 0 0 18px; font-size: clamp(30px, 4.4vw, 52px); line-height: 1.1; } #ssp-home .ss-lead { margin: 0; } #ssp-home .ssp-sec { padding: 104px 0; position: relative; } #ssp-home .ssp-sec--white { background: #fff; } #ssp-home .ssp-sec--sand { background: var(--ss-sand); } #ssp-home .ssp-sec--dark { background: var(--ss-teal-900); color: #f7ecdc; } #ssp-home .ssp-sec--dark .ss-lead { color: #f7ecdc; } #ssp-home .ssp-head { max-width: 780px; margin: 0 auto 56px; text-align: center; } #ssp-home .ssp-head--left { margin-left: 0; text-align: left; } #ssp-home .ssp-rule { display: block; width: 64px; height: 3px; border-radius: 3px; background: var(--ss-clay); margin: 0 auto 22px; } #ssp-home .ssp-sec--dark .ssp-rule { background: var(--ss-brass-lt); } .ss-js #ssp-home .ss-reveal[data-d="1"] { transition-delay: .08s; } .ss-js #ssp-home .ss-reveal[data-d="2"] { transition-delay: .16s; } .ss-js #ssp-home .ss-reveal[data-d="3"] { transition-delay: .24s; } .ss-js #ssp-home .ss-reveal[data-d="4"] { transition-delay: .32s; } .ss-js #ssp-home .ss-reveal[data-d="5"] { transition-delay: .4s; } .ssp-progress { position: fixed; top: 0; left: 0; height: 4px; width: 100%; transform-origin: left; transform: scaleX(0); background: linear-gradient(90deg, var(--ss-clay), var(--ss-brass-lt)); z-index: 10000; pointer-events: none; } .ssp-top { position: fixed; right: 18px; bottom: 90px; width: 48px; height: 48px; border-radius: 50%; border: 0; background: var(--ss-teal-900); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 9970; box-shadow: 0 10px 24px rgba(36,20,11,.35); opacity: 0; visibility: hidden; transform: translateY(14px); transition: opacity .3s, transform .3s, visibility .3s, background-color .2s; } .ssp-top.on { opacity: 1; visibility: visible; transform: none; } .ssp-top:hover { background: var(--ss-clay); } .ssp-top svg { width: 22px; height: 22px; transform: rotate(-90deg); } @media (min-width: 821px) { .ssp-top { bottom: 28px; } } #ssp-home .ssp-hero { background: var(--ss-teal-950); color: #fff; position: relative; overflow: hidden; padding: 70px 0 150px; } #ssp-home .ssp-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(800px 520px at 85% 20%, rgba(215,166,95,.22), transparent 62%), radial-gradient(700px 520px at 0% 100%, rgba(166,63,38,.30), transparent 60%), linear-gradient(135deg, #2a180d 0%, #3b2316 55%, #2a180d 100%); } #ssp-home .ssp-hero::after { content: ""; position: absolute; inset: 0; opacity: .5; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(ellipse at 70% 40%, #000 0%, transparent 70%); -webkit-mask-image: radial-gradient(ellipse at 70% 40%, #000 0%, transparent 70%); pointer-events: none; } .ssp-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; } .ssp-pill { display: inline-flex; align-items: center; gap: 10px; padding: 9px 18px; border-radius: 999px; background: rgba(255,255,255,.1); border: 1px solid rgba(243,205,147,.5); font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 26px; } .ssp-pill i { width: 9px; height: 9px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 0 0 rgba(74,222,128,.7); animation: ssp-ping 2s infinite; } @keyframes ssp-ping { 0% { box-shadow: 0 0 0 0 rgba(74,222,128,.6); } 70% { box-shadow: 0 0 0 10px rgba(74,222,128,0); } 100% { box-shadow: 0 0 0 0 rgba(74,222,128,0); } } #ssp-home .ssp-hero h1 { font-family: var(--ss-head); font-weight: 700; font-size: clamp(42px, 6.2vw, 80px); line-height: 1.02; letter-spacing: -.025em; color: #fff; margin-bottom: 24px; } .ssp-ln { display: block; overflow: hidden; } .ssp-ln > span { display: block; animation: ssp-rise .8s cubic-bezier(.2,.7,.2,1) both; } .ssp-ln:nth-child(2) > span { animation-delay: .12s; } .ssp-ln:nth-child(3) > span { animation-delay: .24s; } @keyframes ssp-rise { from { transform: translateY(105%); } to { transform: none; } } #ssp-home .ssp-hero h1 em { font-style: italic; font-weight: 600; color: var(--ss-brass-lt); } .ssp-fade { animation: ssp-in .9s .35s ease-out both; } .ssp-fade2 { animation: ssp-in .9s .5s ease-out both; } .ssp-fade3 { animation: ssp-in .9s .65s ease-out both; } @keyframes ssp-in { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } } .ssp-hero-sub { font-size: clamp(17px, 1.7vw, 20px); line-height: 1.75; color: #f7ecdc; max-width: 600px; margin-bottom: 22px; } .ssp-rot-wrap { display: flex; align-items: center; gap: 12px; font-size: 17px; font-weight: 600; color: #fff; margin-bottom: 30px; flex-wrap: wrap; } .ssp-rot-wrap > span:first-child { color: var(--ss-brass-lt); } .ssp-rot { position: relative; display: inline-block; height: 1.6em; min-width: 260px; } .ssp-rot span { position: absolute; left: 0; top: 0; white-space: nowrap; opacity: 0; padding: 0 14px; border-radius: 8px; background: rgba(243,205,147,.16); border: 1px solid rgba(243,205,147,.4); animation: ssp-rot 15s infinite; } .ssp-rot span:nth-child(1) { animation-delay: 0s; } .ssp-rot span:nth-child(2) { animation-delay: 2.5s; } .ssp-rot span:nth-child(3) { animation-delay: 5s; } .ssp-rot span:nth-child(4) { animation-delay: 7.5s; } .ssp-rot span:nth-child(5) { animation-delay: 10s; } .ssp-rot span:nth-child(6) { animation-delay: 12.5s; } @keyframes ssp-rot { 0% { opacity: 0; transform: translateY(12px); } 3%, 15% { opacity: 1; transform: none; } 18%, 100% { opacity: 0; transform: translateY(-12px); } } .ssp-rot span:first-child { opacity: 1; } .ssp-hero-btns { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 32px; } .ssp-chips { display: flex; flex-wrap: wrap; gap: 10px 24px; } .ssp-chips li { display: flex; align-items: center; gap: 9px; font-size: 15px; font-weight: 600; color: #fff; } .ssp-chips svg { width: 18px; height: 18px; color: var(--ss-brass-lt); flex: none; } .ssp-portrait { position: relative; width: 100%; max-width: 600px; margin-left: auto; animation: ssp-in 1s .3s ease-out both; } .ssp-arch { position: relative; border-radius: 28px; overflow: hidden; background: var(--ss-teal-800); box-shadow: 0 40px 80px rgba(0,0,0,.5); border: 2px solid rgba(243,205,147,.6); } .ssp-arch img { width: 100%; height: auto; display: block; } .ssp-portrait::before { content: ""; position: absolute; inset: -16px 16px 16px -16px; border: 2px dashed rgba(243,205,147,.45); border-radius: 40px; animation: ssp-spin-b 16s ease-in-out infinite alternate; } @keyframes ssp-spin-b { from { transform: translate(0,0); } to { transform: translate(8px,-8px); } } .ssp-float { position: absolute; display: flex; align-items: center; gap: 12px; background: #fff; color: var(--ss-ink); padding: 12px 18px; border-radius: 16px; box-shadow: 0 18px 40px rgba(0,0,0,.35); animation: ssp-bob 5s ease-in-out infinite; } .ssp-float b { display: block; font-family: var(--ss-head); font-size: 24px; line-height: 1; color: var(--ss-clay); } .ssp-float span { font-size: 13.5px; font-weight: 700; color: var(--ss-ink); line-height: 1.25; display: block; } .ssp-float svg { width: 28px; height: 28px; color: var(--ss-clay); flex: none; } .ssp-float--a { left: -34px; bottom: -22px; } .ssp-float--b { right: -20px; top: -22px; animation-delay: -2.5s; } .ssp-float--b svg { color: #d9941f; } @keyframes ssp-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } .ssp-quickwrap { position: relative; z-index: 5; margin-top: -92px; } #ssp-home .ssp-quick { border-radius: 24px; padding: 26px 28px 22px; box-shadow: 0 30px 70px rgba(36,20,11,.28); border: 1px solid var(--ss-line); } .ssp-quick-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; } #ssp-home .ssp-quick h2 { font-family: var(--ss-head); font-size: 24px; color: var(--ss-teal-900); margin: 0; line-height: 1.2; } .ssp-quick-top span { font-size: 14.5px; font-weight: 600; color: var(--ss-body); } .ssp-quick form { display: grid; grid-template-columns: 1.1fr 1.1fr 1.2fr auto auto; gap: 12px; align-items: start; } .ssp-quick .ss-field { margin: 0; } .ssp-quick .ss-field label { position: absolute; left: -9999px; } .ssp-quick .ss-btn { height: 52px; padding: 0 20px; white-space: nowrap; font-size: 15px; } .ssp-quick .ss-hp { grid-column: auto; } .ssp-quick .ss-formerr, .ssp-quick .ss-privacy { grid-column: 1 / -1; } #ssp-home .ssp-quick .ss-privacy { margin: 2px 0 0; text-align: left; } .ssp-marq { background: var(--ss-teal-900); color: #fff; overflow: hidden; padding: 22px 0; margin-top: 70px; border-block: 3px solid var(--ss-brass); } .ssp-marq-track { display: flex; width: max-content; animation: ssp-marq 38s linear infinite; } .ssp-marq:hover .ssp-marq-track { animation-play-state: paused; } .ssp-marq-track span { display: inline-flex; align-items: center; gap: 22px; padding-right: 22px; font-family: var(--ss-head); font-size: clamp(20px, 2.6vw, 30px); font-weight: 600; white-space: nowrap; color: #fff; } .ssp-marq-track span::after { content: ""; width: 10px; height: 10px; transform: rotate(45deg); background: var(--ss-brass-lt); flex: none; } @keyframes ssp-marq { to { transform: translateX(-50%); } } .ssp-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-radius: 24px; background: #fff; border: 1px solid var(--ss-line); overflow: hidden; box-shadow: 0 24px 54px rgba(36,20,11,.1); } .ssp-stat { padding: 38px 20px; text-align: center; border-right: 1px solid var(--ss-line); position: relative; } .ssp-stat:last-child { border-right: 0; } .ssp-stat b { display: block; font-family: var(--ss-head); font-size: clamp(40px, 5vw, 64px); line-height: 1; color: var(--ss-clay); font-weight: 700; } .ssp-stat span { display: block; margin-top: 10px; font-size: 16px; font-weight: 700; color: var(--ss-ink); } .ssp-stat small { display: block; font-size: 14px; color: var(--ss-body); margin-top: 4px; } .ssp-about-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 72px; align-items: center; } .ssp-collage { position: relative; padding: 0 0 70px 0; } .ssp-collage .big { border-radius: 28px; overflow: hidden; aspect-ratio: 4 / 4.4; background: var(--ss-sand); box-shadow: 0 30px 60px rgba(36,20,11,.22); } .ssp-collage .big img { width: 100%; height: 100%; object-fit: cover; } .ssp-collage .small { position: absolute; right: -24px; bottom: 0; width: 46%; border-radius: 22px; overflow: hidden; border: 8px solid var(--ss-cream); background: var(--ss-sand); aspect-ratio: 510 / 677; box-shadow: 0 24px 50px rgba(36,20,11,.28); } .ssp-collage .small img { width: 100%; height: 100%; object-fit: cover; } .ssp-seal { position: absolute; left: -22px; top: 30px; width: 130px; height: 130px; border-radius: 50%; background: var(--ss-clay); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; box-shadow: 0 16px 36px rgba(133,48,28,.4); animation: ssp-bob 6s ease-in-out infinite; } .ssp-seal b { font-family: var(--ss-head); font-size: 40px; line-height: 1; } .ssp-seal span { font-size: 12.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; line-height: 1.25; } .ssp-about p { font-size: 17.5px; color: var(--ss-body); } .ssp-about p + p { margin-top: 18px; } .ssp-creds { margin: 28px 0 32px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px 22px; } .ssp-creds li { display: flex; gap: 12px; align-items: flex-start; font-weight: 600; font-size: 16px; color: var(--ss-ink); } .ssp-creds svg { width: 24px; height: 24px; padding: 5px; border-radius: 50%; background: var(--ss-teal-900); color: #fff; flex: none; margin-top: 1px; } .ssp-quote { margin: 26px 0 30px; padding: 22px 26px; border-left: 4px solid var(--ss-clay); background: #fff; border-radius: 0 18px 18px 0; font-family: var(--ss-head); font-size: 20px; line-height: 1.5; color: var(--ss-teal-900); box-shadow: 0 12px 30px rgba(36,20,11,.08); } .ssp-quote cite { display: block; margin-top: 10px; font-family: var(--ss-font); font-style: normal; font-size: 14.5px; font-weight: 700; color: var(--ss-clay-dark); } .ssp-grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; } .ssp-card { --mx: 50%; --my: 50%; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--ss-line); border-radius: 22px; padding: 34px 30px 30px; position: relative; overflow: hidden; isolation: isolate; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; } .ssp-card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(360px circle at var(--mx) var(--my), rgba(215,166,95,.28), transparent 60%); opacity: 0; transition: opacity .3s; } .ssp-card::after { content: attr(data-n); position: absolute; right: 22px; top: 12px; font-family: var(--ss-head); font-size: 64px; font-weight: 700; line-height: 1; color: var(--ss-sand); z-index: -1; transition: color .3s; } .ssp-card:hover, .ssp-card:focus-visible { transform: translateY(-8px); box-shadow: 0 28px 54px rgba(36,20,11,.16); border-color: var(--ss-clay); } .ssp-card:hover::before { opacity: 1; } .ssp-card:hover::after { color: #fff; } .ssp-card:focus-visible { outline: 3px solid var(--ss-brass); outline-offset: 3px; } .ssp-ico { width: 64px; height: 64px; border-radius: 18px; background: var(--ss-teal-900); color: var(--ss-brass-lt); display: flex; align-items: center; justify-content: center; margin-bottom: 22px; transition: background-color .3s, color .3s, transform .4s; } .ssp-ico svg { width: 32px; height: 32px; } .ssp-card:hover .ssp-ico { background: var(--ss-clay); color: #fff; transform: rotate(-8deg) scale(1.06); } #ssp-home .ssp-card h3 { font-family: var(--ss-head); font-size: 23px; line-height: 1.25; font-weight: 700; color: var(--ss-teal-900); margin-bottom: 10px; } #ssp-home .ssp-card p { font-size: 16px; color: var(--ss-body); margin-bottom: 20px; } .ssp-more { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 15.5px; color: var(--ss-clay-dark); transition: gap .2s, color .2s; } .ssp-more svg { width: 16px; height: 16px; } .ssp-card:hover .ssp-more { gap: 14px; } .ssp-card--cta { background: var(--ss-teal-900); border-color: var(--ss-teal-900); justify-content: center; } .ssp-card--cta::before, .ssp-card--cta::after { display: none; } .ssp-card--cta:hover { transform: none; box-shadow: 0 20px 44px rgba(36,20,11,.2); border-color: var(--ss-teal-900); } #ssp-home .ssp-card--cta h3 { color: #fff; } #ssp-home .ssp-card--cta p { color: #f7ecdc; } .ssp-card--cta .ssp-hero-btns { margin-bottom: 0; } .ssp-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 34px; } .ssp-tab { font-family: var(--ss-font); font-size: 16px; font-weight: 700; padding: 13px 24px; border-radius: 999px; border: 2px solid var(--ss-teal-900); background: transparent; color: var(--ss-teal-900); cursor: pointer; transition: background-color .2s, color .2s, transform .2s; } .ssp-tab:hover { background: var(--ss-teal-100); } .ssp-tab[aria-selected="true"] { background: var(--ss-teal-900); color: #fff; } .ssp-tab:focus-visible { outline: 3px solid var(--ss-brass); outline-offset: 3px; } .ssp-panel { display: none; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center; background: #fff; border: 1px solid var(--ss-line); border-radius: 28px; padding: 46px; box-shadow: 0 26px 60px rgba(36,20,11,.1); } .ssp-panel.on { display: grid; animation: ssp-in .5s ease-out both; } #ssp-home .ssp-panel h3 { font-family: var(--ss-head); font-size: clamp(26px, 3vw, 36px); line-height: 1.15; color: var(--ss-teal-900); margin-bottom: 14px; } #ssp-home .ssp-panel p { font-size: 17px; color: var(--ss-body); margin-bottom: 18px; } .ssp-facts { display: grid; gap: 12px; margin-bottom: 26px; } .ssp-facts li { display: flex; gap: 12px; font-size: 16px; font-weight: 600; color: var(--ss-ink); } .ssp-facts svg { width: 22px; height: 22px; padding: 4px; background: var(--ss-clay); color: #fff; border-radius: 50%; flex: none; margin-top: 2px; } .ssp-panel-btns { display: flex; gap: 12px; flex-wrap: wrap; } .ssp-pimg { position: relative; border-radius: 22px; overflow: hidden; aspect-ratio: 4 / 3.2; background: linear-gradient(135deg, var(--ss-teal-900), var(--ss-teal-800)); display: flex; align-items: center; justify-content: center; color: var(--ss-brass-lt); } .ssp-pimg > svg { width: 38%; height: 38%; opacity: .9; } .ssp-pimg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .ssp-tablewrap { overflow-x: auto; border-radius: 22px; border: 1px solid var(--ss-line); background: #fff; box-shadow: 0 20px 50px rgba(36,20,11,.08); } #ssp-home .ssp-table { width: 100%; min-width: 720px; border-collapse: collapse; font-size: 16px; } #ssp-home .ssp-table th, #ssp-home .ssp-table td { padding: 20px 24px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--ss-line); color: var(--ss-ink); } #ssp-home .ssp-table thead th { background: var(--ss-teal-900); color: #fff; font-family: var(--ss-head); font-size: 20px; border: 0; } #ssp-home .ssp-table thead th:first-child { background: var(--ss-teal-950); } #ssp-home .ssp-table tbody th { font-weight: 700; color: var(--ss-teal-900); background: var(--ss-cream); width: 22%; } #ssp-home .ssp-table tbody tr:last-child th, #ssp-home .ssp-table tbody tr:last-child td { border-bottom: 0; } #ssp-home .ssp-table tbody tr:hover td { background: #fdf8ee; } .ssp-note { margin-top: 18px; font-size: 14.5px; color: var(--ss-body); } .ssp-steps { --p: 0; position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 22px; padding-top: 30px; } .ssp-steps::before { content: ""; position: absolute; left: 6%; right: 6%; top: 30px; height: 4px; border-radius: 4px; background: rgba(255,255,255,.2); } .ssp-steps::after { content: ""; position: absolute; left: 6%; top: 30px; height: 4px; border-radius: 4px; background: linear-gradient(90deg, var(--ss-clay), var(--ss-brass-lt)); width: calc(88% * var(--p)); transition: width .15s linear; } .ssp-step { position: relative; text-align: center; padding: 0 6px; } .ssp-step::before { counter-increment: ssp; content: counter(ssp); display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin: -30px auto 20px; border-radius: 50%; background: var(--ss-teal-950); border: 3px solid var(--ss-brass-lt); color: var(--ss-brass-lt); font-family: var(--ss-head); font-size: 26px; font-weight: 700; position: relative; z-index: 2; transition: background-color .3s, color .3s, transform .3s; } .ssp-step:hover::before { background: var(--ss-brass-lt); color: var(--ss-teal-950); transform: scale(1.1); } #ssp-home .ssp-step h3 { font-family: var(--ss-head); font-size: 21px; color: #fff; margin-bottom: 8px; } #ssp-home .ssp-step p { font-size: 15.5px; color: #f7ecdc; } .ssp-steps-wrap { counter-reset: ssp; } .ssp-team { display: grid; grid-template-columns: 1fr 1fr; gap: 34px; align-items: stretch; } .ssp-person { background: #fff; border: 1px solid var(--ss-line); border-radius: 28px; overflow: hidden; display: flex; flex-direction: column; height: 100%; transition: transform .3s, box-shadow .3s; } .ssp-person:hover { transform: translateY(-8px); box-shadow: 0 30px 60px rgba(36,20,11,.18); } .ssp-person-img { position: relative; overflow: hidden; aspect-ratio: 630 / 560; background: var(--ss-sand); flex: none; } .ssp-person-img img { width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform .8s ease; } .ssp-person:hover .ssp-person-img img { transform: scale(1.05); } .ssp-person-img::after { content: ""; position: absolute; inset: auto 0 0 0; height: 40%; background: linear-gradient(transparent, rgba(36,20,11,.55)); } .ssp-person-b { padding: 30px 32px 34px; display: flex; flex-direction: column; flex: 1; } #ssp-home .ssp-person-b h3 { font-family: var(--ss-head); font-size: 32px; color: var(--ss-teal-900); line-height: 1.15; } .ssp-role { align-self: flex-start; display: inline-block; margin: 8px 0 16px; padding: 5px 16px; border-radius: 999px; background: var(--ss-teal-900); color: #fff; font-weight: 700; font-size: 14px; letter-spacing: .04em; } #ssp-home .ssp-person-b p { font-size: 16.5px; color: var(--ss-body); margin-bottom: 24px; flex: 1; } #ssp-home .ssp-person-b .ss-btn { align-self: flex-start; margin-top: auto; } .ssp-courts-sec { background: var(--ss-teal-950); position: relative; overflow: hidden; } .ssp-courts-sec .bg { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: .22; } .ssp-courts-sec::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(36,20,11,.7), rgba(36,20,11,.95)); } .ssp-courts-sec .ss-wrap { position: relative; z-index: 2; } .ssp-courts-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; } .ssp-court { flex: 0 1 calc(20% - 13px); background: rgba(255,255,255,.08); border: 1px solid rgba(243,205,147,.35); border-radius: 20px; padding: 30px 16px; text-align: center; transition: background-color .3s, transform .3s, border-color .3s; } .ssp-court:hover { background: rgba(243,205,147,.16); transform: translateY(-8px); border-color: var(--ss-brass-lt); } .ssp-court svg { width: 40px; height: 40px; color: var(--ss-brass-lt); margin: 0 auto 14px; } #ssp-home .ssp-court h3 { font-family: var(--ss-head); font-size: 20px; color: #fff; margin-bottom: 4px; } .ssp-court span { font-size: 14.5px; color: #f7ecdc; } .ssp-nri { display: grid; grid-template-columns: 1.05fr .95fr; gap: 64px; align-items: center; } .ssp-orbit { position: relative; width: min(100%, 440px); aspect-ratio: 1; margin: 0 auto; } .ssp-orbit .globe { position: absolute; inset: 22%; border-radius: 50%; background: radial-gradient(circle at 30% 30%, var(--ss-teal-800), var(--ss-teal-950)); border: 2px solid var(--ss-brass-lt); display: flex; align-items: center; justify-content: center; color: var(--ss-brass-lt); box-shadow: 0 0 80px rgba(215,166,95,.35); } .ssp-orbit .globe svg { width: 55%; height: 55%; } .ssp-orbit .ring { position: absolute; inset: 4%; border-radius: 50%; border: 2px dashed rgba(243,205,147,.5); animation: ssp-spin 40s linear infinite; } .ssp-orbit .ring i { position: absolute; width: 56px; height: 56px; margin: -28px 0 0 -28px; border-radius: 50%; background: #fff; color: var(--ss-teal-900); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 24px rgba(0,0,0,.35); font-style: normal; } .ssp-orbit .ring i svg { width: 26px; height: 26px; animation: ssp-spin 40s linear infinite reverse; } .ssp-orbit .ring i:nth-child(1) { left: 50%; top: 0; } .ssp-orbit .ring i:nth-child(2) { left: 100%; top: 50%; } .ssp-orbit .ring i:nth-child(3) { left: 50%; top: 100%; } .ssp-orbit .ring i:nth-child(4) { left: 0; top: 50%; } @keyframes ssp-spin { to { transform: rotate(360deg); } } .ssp-nri-list { margin: 26px 0 32px; display: grid; gap: 16px; } .ssp-nri-list li { display: flex; gap: 16px; align-items: flex-start; } .ssp-nri-list svg { width: 46px; height: 46px; padding: 11px; border-radius: 14px; background: rgba(243,205,147,.18); color: var(--ss-brass-lt); flex: none; } .ssp-nri-list b { display: block; color: #fff; font-size: 17px; margin-bottom: 2px; } .ssp-nri-list span { font-size: 15.5px; color: #f7ecdc; } .ssp-myths { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .ssp-myth { background: #fff; border: 1px solid var(--ss-line); border-radius: 22px; overflow: hidden; transition: transform .3s, box-shadow .3s; } .ssp-myth:hover { transform: translateY(-6px); box-shadow: 0 24px 48px rgba(36,20,11,.14); } .ssp-myth > div { padding: 24px 26px; } .ssp-myth .m { background: #fbeee8; border-bottom: 1px solid var(--ss-line); } .ssp-myth .f { background: #fff; } .ssp-myth .tag { display: inline-block; font-size: 12.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; padding: 3px 12px; border-radius: 999px; margin-bottom: 10px; } .ssp-myth .m .tag { background: var(--ss-clay); color: #fff; } .ssp-myth .f .tag { background: var(--ss-teal-900); color: #fff; } #ssp-home .ssp-myth h3 { font-family: var(--ss-head); font-size: 19px; line-height: 1.35; color: var(--ss-teal-900); text-decoration: line-through; text-decoration-color: rgba(166,63,38,.55); } #ssp-home .ssp-myth p { font-size: 16px; color: var(--ss-ink); } .ssp-bento { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 210px; gap: 16px; } .ssp-bento figure { position: relative; border-radius: 20px; overflow: hidden; background: var(--ss-sand); } .ssp-bento figure:nth-child(1) { grid-column: span 2; grid-row: span 2; } .ssp-bento figure:nth-child(4) { grid-row: span 2; } .ssp-bento figure:nth-child(6) { grid-column: span 2; } .ssp-bento img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; } .ssp-bento figure:hover img { transform: scale(1.08); } .ssp-bento figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 18px 14px; background: linear-gradient(transparent, rgba(36,20,11,.9)); color: #fff; font-size: 15px; font-weight: 700; } .ssp-rating { display: inline-flex; align-items: center; gap: 12px; padding: 11px 22px; background: #fff; border: 1px solid var(--ss-line); border-radius: 999px; font-weight: 700; color: var(--ss-ink); font-size: 16px; box-shadow: 0 10px 24px rgba(36,20,11,.08); } .ssp-stars { display: inline-flex; gap: 2px; color: #d9941f; } .ssp-stars svg { width: 18px; height: 18px; } .ssp-rv { overflow: hidden; margin: 0 -22px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); } .ssp-rv-track { display: flex; gap: 24px; width: max-content; padding: 10px 24px 30px; animation: ssp-marq 70s linear infinite; } .ssp-rv:hover .ssp-rv-track { animation-play-state: paused; } .ssp-rev { width: 380px; flex: none; background: #fff; border: 1px solid var(--ss-line); border-radius: 22px; padding: 30px; display: flex; flex-direction: column; box-shadow: 0 14px 34px rgba(36,20,11,.08); position: relative; } .ssp-rev > svg.q { position: absolute; right: 24px; top: 20px; width: 40px; height: 40px; color: var(--ss-sand); } .ssp-rev .ssp-stars { margin-bottom: 14px; } #ssp-home .ssp-rev p { font-size: 16.5px; line-height: 1.7; color: var(--ss-ink); margin-bottom: 22px; white-space: normal; } .ssp-rev footer { margin-top: auto; padding-top: 16px; border-top: 1px solid var(--ss-line); } .ssp-rev footer b { display: block; color: var(--ss-ink); font-size: 17px; } .ssp-rev footer span { font-size: 14px; color: var(--ss-body); } .ssp-faq-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; align-items: start; } .ssp-faq-side { position: sticky; top: 130px; } #ssp-home .ssp-lead2 { margin: 16px 0 26px; font-size: 17px; } .ssp-faq details { background: #fff; border: 1px solid var(--ss-line); border-radius: 18px; margin-bottom: 14px; transition: border-color .2s, box-shadow .2s; } .ssp-faq details[open] { border-color: var(--ss-teal-900); box-shadow: 0 16px 34px rgba(36,20,11,.1); } .ssp-faq summary { list-style: none; cursor: pointer; padding: 22px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; font-weight: 700; font-size: 17.5px; line-height: 1.4; color: var(--ss-ink); transition: color .2s; } .ssp-faq summary::-webkit-details-marker { display: none; } .ssp-faq summary:hover { color: var(--ss-clay-dark); } .ssp-faq summary:focus-visible { outline: 3px solid var(--ss-brass); outline-offset: -3px; border-radius: 18px; } .ssp-faq summary i { flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--ss-sand); color: var(--ss-teal-900); display: flex; align-items: center; justify-content: center; transition: transform .25s, background-color .25s, color .25s; } .ssp-faq summary i svg { width: 16px; height: 16px; } .ssp-faq details[open] summary i { transform: rotate(180deg); background: var(--ss-teal-900); color: #fff; } .ssp-ans { padding: 0 24px 24px; font-size: 16.5px; color: var(--ss-body); } .ssp-ans p + p { margin-top: 10px; } .ssp-post { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--ss-line); border-radius: 22px; overflow: hidden; transition: transform .3s, box-shadow .3s, border-color .3s; } .ssp-post:hover, .ssp-post:focus-visible { transform: translateY(-8px); box-shadow: 0 26px 50px rgba(36,20,11,.16); border-color: var(--ss-clay); } .ssp-post:focus-visible { outline: 3px solid var(--ss-brass); outline-offset: 3px; } .ssp-thumb { display: block; aspect-ratio: 1024 / 536; overflow: hidden; background: var(--ss-sand); } .ssp-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; } .ssp-post:hover .ssp-thumb img { transform: scale(1.07); } .ssp-post-b { padding: 24px 26px 28px; display: flex; flex-direction: column; flex: 1; } .ssp-tag { align-self: flex-start; padding: 4px 14px; border-radius: 999px; background: var(--ss-teal-100); color: var(--ss-teal-900); font-size: 13px; font-weight: 700; margin-bottom: 14px; } #ssp-home .ssp-post h3 { font-family: var(--ss-head); font-size: 20px; line-height: 1.35; color: var(--ss-teal-900); margin-bottom: 16px; transition: color .2s; } .ssp-post:hover h3 { color: var(--ss-clay-dark); } .ssp-center { text-align: center; margin-top: 42px; } .ssp-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; } .ssp-info { background: #fff; border: 1px solid var(--ss-line); border-radius: 26px; padding: 40px; } .ssp-info ul { margin: 0 0 26px; display: grid; gap: 22px; } .ssp-info li { display: flex; gap: 16px; align-items: flex-start; } .ssp-info li > svg { width: 50px; height: 50px; padding: 13px; border-radius: 14px; background: var(--ss-teal-900); color: var(--ss-brass-lt); flex: none; } .ssp-info li b { display: block; color: var(--ss-ink); font-size: 16.5px; margin-bottom: 2px; } .ssp-info li span, .ssp-info li a { font-size: 16.5px; color: var(--ss-body); } .ssp-info li a { font-weight: 700; color: var(--ss-teal-900); transition: color .2s; word-break: break-word; } .ssp-info li a:hover { color: var(--ss-clay); text-decoration: underline; } .ssp-info-tag { margin: 0 0 24px; font-family: var(--ss-head); font-size: 20px; line-height: 1.4; color: var(--ss-teal-900); } .ssp-map { border-radius: 26px; overflow: hidden; border: 1px solid var(--ss-line); min-height: 440px; background: var(--ss-sand); } .ssp-map iframe { width: 100%; height: 100%; min-height: 440px; border: 0; display: block; } .ssp-final { --cta-1: #10302c; --cta-2: #1f5249; --cta-glow: rgba(215,166,95,.30); --cta-ov: 16,48,44; position: relative; overflow: hidden; background: linear-gradient(135deg, var(--cta-1), var(--cta-2)); color: #fff; padding: 110px 0; } .ssp-final .bg { position: absolute; inset: -12% 0; background-size: cover; background-position: center top; opacity: .22; will-change: transform; } .ssp-final::before { content: ""; position: absolute; inset: 0; background: radial-gradient(700px 420px at 100% 0%, var(--cta-glow), transparent 60%), linear-gradient(180deg, rgba(var(--cta-ov),.78), rgba(var(--cta-ov),.92)); z-index: 1; } .ssp-final-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .ssp-final .ssp-creds li { color: #fff; } .ssp-final .ssp-creds svg { background: var(--ss-brass-lt); color: var(--ss-teal-950); } #ssp-home .ssp-final .ssp-hero-btns { margin-bottom: 0; } .ssp-pulse { position: relative; } .ssp-pulse::after { content: ""; position: absolute; inset: -2px; border-radius: 12px; border: 2px solid rgba(255,255,255,.7); animation: ssp-pulse 2.4s infinite; pointer-events: none; } @keyframes ssp-pulse { 0% { transform: scale(1); opacity: .8; } 100% { transform: scale(1.12, 1.4); opacity: 0; } } #ssp-home :is(h1, h2, h3, summary, .ssp-tab, .ssp-role, .ssp-tag, .ssp-stat span, .ssp-court span) { text-transform: capitalize; } :where(#ssp-home p:not(.ss-privacy):not(.ss-form-sub):not(.ss-eyebrow):not(.ssp-note)), :where(#ssp-home .ssp-facts li span, #ssp-home .ssp-nri-list li span, #ssp-home .ssp-creds li) { text-align: justify; hyphens: auto; -webkit-hyphens: auto; } #ssp-home .ssp-head p, #ssp-home .ssp-step p { text-align-last: center; } #ssp-home .ssp-ans p { text-align: justify; } @media (max-width: 1100px) { .ssp-hero-grid, .ssp-about-grid, .ssp-faq-grid, .ssp-contact-grid, .ssp-final-grid, .ssp-nri, .ssp-panel.on { grid-template-columns: 1fr; } .ssp-hero { padding-bottom: 130px; } .ssp-portrait { max-width: 520px; margin: 10px auto 0; } .ssp-float--a { left: -10px; } .ssp-float--b { right: -6px; } .ssp-quick form { grid-template-columns: 1fr 1fr; } .ssp-quick .ss-btn { width: 100%; } .ssp-grid3, .ssp-myths { grid-template-columns: repeat(2, 1fr); } .ssp-steps { grid-template-columns: 1fr 1fr; row-gap: 44px; } .ssp-steps::before, .ssp-steps::after { display: none; } .ssp-step:last-child { grid-column: 1 / -1; } .ssp-court { flex-basis: calc(33.333% - 11px); } .ssp-faq-side { position: static; } .ssp-collage { max-width: 520px; margin: 0 auto; } .ssp-bento { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 190px; } .ssp-bento figure:nth-child(6) { grid-column: span 2; } .ssp-stats { grid-template-columns: 1fr 1fr; } .ssp-stat:nth-child(2) { border-right: 0; } .ssp-stat:nth-child(-n+2) { border-bottom: 1px solid var(--ss-line); } .ssp-panel { padding: 30px 24px; } } @media (max-width: 720px) { #ssp-home .ssp-sec { padding: 72px 0; } .ssp-grid3, .ssp-team, .ssp-myths, .ssp-creds { grid-template-columns: 1fr; } .ssp-steps { grid-template-columns: 1fr; } .ssp-court { flex-basis: calc(50% - 8px); } .ssp-hero-btns .ss-btn, .ssp-panel-btns .ss-btn { width: 100%; } .ssp-quick form { grid-template-columns: 1fr; } .ssp-quickwrap { margin-top: -80px; } #ssp-home .ssp-quick { padding: 22px 18px 18px; } .ssp-info { padding: 26px 20px; } .ssp-rev { width: 300px; padding: 24px; } .ssp-float--a { left: 0; bottom: -16px; } .ssp-float--b { right: 0; top: -16px; } .ssp-float { padding: 9px 13px; } .ssp-float b { font-size: 20px; } .ssp-seal { left: -6px; width: 104px; height: 104px; } .ssp-seal b { font-size: 32px; } .ssp-collage .small { right: -6px; } .ssp-bento { grid-auto-rows: 160px; gap: 10px; } .ssp-tab { padding: 11px 16px; font-size: 15px; } .ssp-rot { min-width: 220px; } } @media (max-width: 420px) { .ssp-faq summary { font-size: 16px; padding: 18px 16px; } .ssp-ans { padding: 0 16px 18px; } .ssp-bento { grid-template-columns: 1fr; } .ssp-bento figure:nth-child(n) { grid-column: auto; grid-row: auto; } .ssp-court { flex-basis: 100%; } } @media (prefers-reduced-motion: reduce) { .ssp-ln > span, .ssp-fade, .ssp-fade2, .ssp-fade3, .ssp-portrait, .ssp-float, .ssp-seal, .ssp-pulse::after, .ssp-pill i, .ssp-portrait::before, .ssp-orbit .ring, .ssp-orbit .ring i svg { animation: none !important; } .ssp-marq-track, .ssp-rv-track { animation: none !important; } .ssp-rv { overflow-x: auto; } .ssp-rot span { animation: none; } .ssp-rot span:not(:first-child) { display: none; } }