:root { --cibt-ix-fast: var(--cibt-duration-fast, .12s); --cibt-ix-base: var(--cibt-duration-base, .2s); --cibt-ix-moderate: var(--cibt-duration-moderate, .28s); --cibt-ix-slow: var(--cibt-duration-slow, .4s); --cibt-ix-standard: var(--cibt-ease-standard, cubic-bezier(.4, 0, .2, 1)); --cibt-ix-entrance: var(--cibt-ease-entrance, cubic-bezier(0, 0, .2, 1)); --cibt-ix-exit: var(--cibt-ease-exit, cubic-bezier(.4, 0, 1, 1)); --cibt-ix-header-h: 116px; --cibt-ix-crimson: var(--cibt-color-brand-crimson, #a51e22); --cibt-ix-navy: #142330; --cibt-ix-font: "Source Sans 3", "Source Sans Pro", Arial, sans-serif; --cibt-ix-serif: Cambria, "Hoefler Text", Georgia, serif; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--cibt-ix-header-h) + 16px); }
[hidden] { display: none !important; }
.cibt-sr-only { clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; }
.cibt-page a.cibt-link { cursor: pointer; text-decoration: none; }
.cibt-page a.cibt-link--block { display: block; }
.cibt-page [data-cibt-todo] { cursor: default; }
.cibt-page :focus { outline: none; }
.cibt-page :focus-visible { outline: 2px solid var(--cibt-color-focus-ring, #05779a); outline-offset: 2px; border-radius: 4px; }
.cibt-section[data-section="header"] :focus-visible { outline-color: var(--cibt-color-focus-ring-inverse, #fff); }
.cibt-section[data-section="footer"] :focus-visible { outline-color: var(--cibt-color-focus-ring-inverse, #fff); }
.cibt-on-inverse :focus-visible { outline-color: var(--cibt-color-focus-ring-inverse, #fff); }
.cibt-section[data-section="header"][data-cibt-header="b2c"] [data-name="Main Bar"] :focus-visible { outline-color: var(--cibt-color-focus-ring, #05779a); }
.cibt-menu :focus-visible { outline-color: var(--cibt-color-focus-ring, #05779a); }
.cibt-portal-pop :focus-visible { outline-color: var(--cibt-color-focus-ring, #05779a); }
body.cibt-scroll-lock { overflow: hidden; }
.cibt-clip-x { overflow-x: clip; overflow-y: visible; }
.cibt-section[data-section="header"] { z-index: var(--z-header, 200); transition: box-shadow var(--cibt-ix-base) var(--cibt-ix-standard); position: sticky; top: 0; }
.cibt-section[data-section="header"].is-scrolled { box-shadow: var(--cibt-elevation-5, 0 0 1px #1f35431a, 0 0 12px #1f35431a); }
[data-cibt-nav] { position: relative; }
.cibt-navitem { cursor: pointer; }
.cibt-navitem:after { content: ""; background: var(--cibt-ix-crimson); opacity: 0; height: 2px; transition: opacity var(--cibt-ix-fast) var(--cibt-ix-standard); position: absolute; bottom: 2px; left: 12px; right: 12px; }
.cibt-navitem[aria-expanded="true"]:after { opacity: 1; }
@media (hover: hover) {
.cibt-navitem:hover:after { opacity: 1; }
}
.cibt-navitem [data-name="chevron-down"] { transition: transform var(--cibt-ix-base) var(--cibt-ix-standard); }
.cibt-navitem[aria-expanded="true"] [data-name="chevron-down"] { transform: rotate(180deg); }
.cibt-menus { z-index: 1; height: 0; position: absolute; top: 100%; left: 0; right: 0; }
.cibt-menu { visibility: hidden; opacity: 0; pointer-events: none; transition: opacity var(--cibt-ix-fast) var(--cibt-ix-exit), transform var(--cibt-ix-fast) var(--cibt-ix-exit), visibility 0s linear var(--cibt-ix-fast); font-family: var(--cibt-ix-font); background: #fff; position: absolute; top: 0; transform: translateY(-4px); box-shadow: 0 24px 48px -16px #16232d2e; }
.cibt-menu.is-open { visibility: visible; opacity: 1; pointer-events: auto; transition: opacity var(--cibt-ix-base) var(--cibt-ix-entrance), transform var(--cibt-ix-base) var(--cibt-ix-entrance), visibility 0s; transform: none; }
.cibt-menu--mega { border-bottom: 1px solid #ccc; width: 100%; left: 0; }
.cibt-menu--dropdown { border: 1px solid #ccc; border-radius: 8px; width: 300px; padding: 10px; top: 4px; }
[data-cibt-header="b2b"] .cibt-menu--dropdown { top: 0; }
.cibt-menu__columns { grid-template-columns: repeat(var(--cibt-cols, 3), minmax(0, 1fr)); align-items: start; column-gap: 40px; padding: 34px 32px 20px; display: grid; }
.cibt-menu__title { font-family: var(--cibt-ix-serif); letter-spacing: .06em; text-transform: uppercase; color: #2c2c2c; border-bottom: 1px solid #e6e6e6; margin: 0 0 2px; padding-bottom: 2px; font-size: 14px; font-weight: 700; line-height: 1.3; }
.cibt-menu__list { flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; display: flex; }
.cibt-menu__col .cibt-menu__list { margin-top: 10px; }
.cibt-menu__link { letter-spacing: .01em; color: #121212; transition: background-color var(--cibt-ix-fast) var(--cibt-ix-standard), color var(--cibt-ix-fast) var(--cibt-ix-standard); border-radius: 8px; flex-direction: column; gap: 2px; padding: 8px 10px; font-size: 16px; font-weight: 600; line-height: 1.2; text-decoration: none; display: flex; }
.cibt-menu--dropdown .cibt-menu__link { padding: 10px 12px; }
.cibt-menu__label { align-items: center; gap: 6px; display: inline-flex; }
.cibt-menu__ext { color: #05779a; flex: none; }
.cibt-menu__desc { letter-spacing: 0; color: #2c2c2c; font-size: 12px; font-weight: 400; line-height: 1.3; }
.cibt-menu__link.is-accent { color: var(--cibt-ix-crimson); }
@media (hover: hover) {
.cibt-menu__link:hover { color: var(--cibt-ix-crimson); background: #f5f0eb; }
.cibt-menu__link.is-featured:hover { color: #121212; }
}
.cibt-menu__link:active { background: #ede5dc; }
.cibt-menu__footwrap { padding: 0 32px 28px; }
.cibt-menu__foot { background: #f5f0eb; border-radius: 8px; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 22px; display: flex; }
.cibt-menu__foot p { letter-spacing: .01em; color: #2c2c2c; margin: 0; font-size: 16px; font-weight: 600; line-height: 1.2; }
.cibt-portal { position: relative; }
.cibt-portal [data-cibt-popover-trigger] [data-name="chevron-down"] { transition: transform var(--cibt-ix-base) var(--cibt-ix-standard); }
.cibt-portal [data-cibt-popover-trigger][aria-expanded="true"] [data-name="chevron-down"] { transform: rotate(180deg); }
.cibt-portal-pop { z-index: 3; visibility: hidden; opacity: 0; transform-origin: 100% 0; pointer-events: none; width: 360px; transition: opacity var(--cibt-ix-fast) var(--cibt-ix-exit), transform var(--cibt-ix-fast) var(--cibt-ix-exit), visibility 0s linear var(--cibt-ix-fast); background: #fff; border-radius: 8px; padding: 24px; position: absolute; top: calc(100% + 16px); right: 0; transform: scale(.98); box-shadow: 0 4px 8px #1f354312, 0 8px 16px #1f35431c; }
.cibt-portal-pop.is-open { visibility: visible; opacity: 1; pointer-events: auto; transition: opacity var(--cibt-ix-base) var(--cibt-ix-entrance), transform var(--cibt-ix-base) var(--cibt-ix-entrance), visibility 0s; transform: none; }
.cibt-portal-form { font-family: var(--cibt-ix-font); text-align: left; flex-direction: column; gap: 16px; display: flex; }
.cibt-portal-form__intro { color: #4f4f4f; margin: 0; font-size: 14px; line-height: 1.4; }
.cibt-portal-form__help { color: #676767; align-self: flex-start; font-size: 14px; font-style: italic; line-height: 1.4; text-decoration: none; }
@media (hover: hover) {
.cibt-portal-form__help:hover { color: #4f4f4f; text-decoration: underline; }
}
.cibt-btn { font-family: var(--cibt-ix-font); letter-spacing: .01em; white-space: nowrap; cursor: pointer; transition: background-color var(--cibt-ix-fast) var(--cibt-ix-standard), border-color var(--cibt-ix-fast) var(--cibt-ix-standard), box-shadow 80ms var(--cibt-ix-standard); border: 0; border-radius: 8px; justify-content: center; align-items: center; gap: 8px; font-size: 16px; font-weight: 600; line-height: 1.2; text-decoration: none; display: inline-flex; }
.cibt-btn--md { height: 40px; padding: 0 20px; }
.cibt-btn--lg { height: 48px; padding: 0 24px; }
.cibt-btn--block { width: 100%; }
.cibt-btn--primary { color: #fff; background: #a51e22; }
.cibt-btn--secondary { color: #fff; background: #05779a; }
.cibt-btn--outline { color: #121212; background: none; box-shadow: inset 0 0 0 1.5px #121212; }
.cibt-btn--primary:active { background: #4d0a13; box-shadow: inset 0 2px 4px #1f354347; }
.cibt-btn--secondary:active { background: #00465f; box-shadow: inset 0 2px 4px #1f354347; }
.cibt-btn--outline:active { background: #e0e0e0; }
.cibt-btn[disabled], .cibt-btn[aria-disabled="true"] { color: #a0a0a0; box-shadow: none; cursor: not-allowed; background: #efefef; }
@media (hover: hover) {
.cibt-btn--primary:hover { background: #660c19; }
.cibt-btn--secondary:hover { background: #005c7c; }
.cibt-btn--outline:hover { background: #efefef; }
}
.cibt-hover-primary, .cibt-hover-secondary, .cibt-hover-outline, .cibt-hover-inverse, .cibt-hover-ghost { transition: background-color var(--cibt-ix-fast) var(--cibt-ix-standard), box-shadow 80ms var(--cibt-ix-standard); cursor: pointer; }
.cibt-hover-primary:active { box-shadow: inset 0 2px 4px #1f354347; background-color: #4d0a13 !important; }
.cibt-hover-secondary:active { box-shadow: inset 0 2px 4px #1f354347; background-color: #00465f !important; }
.cibt-hover-outline:active, .cibt-hover-inverse:active { background-color: #e0e0e0 !important; }
@media (hover: hover) {
.cibt-hover-primary:hover { background-color: #660c19 !important; }
.cibt-hover-secondary:hover { background-color: #005c7c !important; }
.cibt-hover-outline:hover, .cibt-hover-inverse:hover { background-color: #efefef !important; }
.cibt-hover-ghost:hover { background-color: #ffffff1f !important; }
}
.cibt-hover-ring { cursor: pointer; position: relative; }
.cibt-hover-ring:after { content: ""; opacity: 0; pointer-events: none; transition: opacity var(--cibt-ix-fast) var(--cibt-ix-standard); border: 1.5px solid; border-radius: 4px; position: absolute; top: -7px; bottom: -7px; left: -12px; right: -12px; }
@media (hover: hover) {
.cibt-hover-ring:hover:after { opacity: 1; }
}
.cibt-footer-link, .cibt-text-link { cursor: pointer; }
@media (hover: hover) {
.cibt-footer-link:hover p, .cibt-text-link:hover, .cibt-text-link:hover p { text-underline-offset: 2px; text-decoration: underline; }
}
.cibt-footer-link[data-cibt-todo], .cibt-footer-link[data-cibt-todo] p { cursor: pointer; }
.cibt-card-hover { transition: box-shadow var(--cibt-ix-base) var(--cibt-ix-standard), border-color var(--cibt-ix-base) var(--cibt-ix-standard); }
.cibt-card-hover[data-cibt-card-link] { cursor: pointer; }
@media (hover: hover) {
.cibt-card-hover:hover { box-shadow: var(--cibt-elevation-2, 0 2px 4px #1f35430f, 0 4px 8px #1f354317), 0 0 0 1px var(--cibt-color-border-default, #ccc); }
}
.cibt-modal { z-index: var(--z-modal, 500); font-family: var(--cibt-ix-font); justify-content: center; align-items: center; display: flex; position: fixed; top: 0; bottom: 0; left: 0; right: 0; }
.cibt-modal__scrim { animation: cibt-fade var(--cibt-ix-base) var(--cibt-ix-entrance); background: #14233066; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.cibt-modal--loading .cibt-modal__scrim { background: #14233099; }
.cibt-modal__dialog { animation: cibt-pop var(--cibt-ix-slow) var(--cibt-ix-entrance); background: #fff; border-radius: 12px; position: relative; box-shadow: 0 8px 16px #1f354317, 0 16px 32px #1f354321; }
.cibt-modal__dialog--portal { border-radius: 8px; width: 360px; padding: 24px; box-shadow: 0 4px 8px #1f354312, 0 8px 16px #1f35431c; }
.cibt-modal__close { color: #4f4f4f; background: none; border-radius: 4px; justify-content: center; align-items: center; width: 32px; height: 32px; display: flex; position: absolute; top: 6px; right: 6px; }
.cibt-modal__dialog--portal .cibt-portal-form__intro { padding-right: 20px; }
@media (hover: hover) {
.cibt-modal__close:hover { background: #efefef; }
}
.cibt-modal__dialog--loading { text-align: center; flex-direction: column; align-items: center; gap: 24px; width: 520px; padding: 40px; display: flex; }
.cibt-spinner { border: 3px solid #e0e0e0; border-top-color: #a51e22; border-radius: 50%; width: 40px; height: 40px; animation: 1s linear infinite cibt-spin; }
.cibt-loading__title { color: #121212; margin: 0; font-size: 28px; font-weight: 700; line-height: 1.25; }
.cibt-loading__text { color: #4f4f4f; margin: 8px 0 0; font-size: 16px; line-height: 1.3; }
.cibt-progress { background: #e0e0e0; border-radius: 2px; width: 100%; height: 4px; overflow: hidden; }
.cibt-progress__fill { transform-origin: 0; background: #a51e22; border-radius: 2px; width: 8%; height: 100%; }
.cibt-modal--loading.is-running .cibt-progress__fill { animation: 2.4s linear forwards cibt-progress; }
@keyframes cibt-fade {
0% { opacity: 0; }
to { opacity: 1; }
}
@keyframes cibt-pop {
0% { opacity: 0; transform: scale(.98); }
to { opacity: 1; transform: none; }
}
@keyframes cibt-spin {
to { transform: rotate(360deg); }
}
@keyframes cibt-progress {
0% { width: 8%; }
to { width: 100%; }
}
.cibt-field { font-family: var(--cibt-ix-font); flex-direction: column; gap: 8px; display: flex; }
.cibt-field__label { color: #121212; font-size: 14px; font-weight: 600; line-height: 1.2; }
.cibt-field__input { color: #121212; width: 100%; height: 48px; transition: border-color var(--cibt-ix-fast) var(--cibt-ix-standard); background: #fff; border: 1px solid #e0e0e0; border-radius: 4px; padding: 0 12px; font-size: 16px; line-height: 1.3; }
.cibt-field__input::placeholder { color: #767676; opacity: 1; }
@media (hover: hover) {
.cibt-field__input:hover { border-color: #ccc; }
}
.cibt-field__input:focus { outline-offset: 2px; border-color: #05779a; outline: 2px solid #05779a; }
.cibt-field.is-error .cibt-field__input { border: 1.5px solid #cf2318; }
.cibt-field__error { color: #cf2318; margin: 0; font-size: 14px; line-height: 1.4; }
.cibt-select { position: relative; }
.cibt-select__field { cursor: pointer; text-align: left; transition: border-color var(--cibt-ix-fast) var(--cibt-ix-standard); }
@media (hover: hover) {
.cibt-select__field:hover { border-color: #ccc; }
}
.cibt-select.is-open .cibt-select__field { border-color: #8c8c8c; }
.cibt-select.has-value .cibt-select__field { border-color: #ccc; }
.cibt-select.has-value .cibt-select__value { color: #121212; }
@media (hover: hover) {
.cibt-select.has-value .cibt-select__field:hover { border-color: #8c8c8c; }
}
.cibt-select.is-error .cibt-select__field { border-color: #cf2318; }
.cibt-select__chevron { transition: transform var(--cibt-ix-base) var(--cibt-ix-standard); }
.cibt-select.has-value .cibt-select__chevron { transform: rotate(-90deg); }
.cibt-select.is-open .cibt-select__chevron { transform: rotate(180deg); }
.cibt-select__list { z-index: var(--z-dropdown, 100); max-height: 276px; font-family: var(--cibt-ix-font); visibility: hidden; opacity: 0; pointer-events: none; transition: opacity var(--cibt-ix-fast) var(--cibt-ix-standard), visibility 0s linear var(--cibt-ix-fast); scrollbar-width: thin; scrollbar-color: #676767 #efefef; background: #fff; border: 1px solid #e6e6e6; border-radius: 4px; margin: 0; padding: 6px 0; list-style: none; position: absolute; top: calc(100% + 4px); left: 0; right: 0; overflow-y: auto; box-shadow: 0 6px 12px -2px #1212121a, 0 2px 4px -1px #1212120d; }
.cibt-select.is-open .cibt-select__list { visibility: visible; opacity: 1; pointer-events: auto; transition: opacity var(--cibt-ix-fast) var(--cibt-ix-standard), visibility 0s; }
.cibt-select__list::-webkit-scrollbar { width: 4px; }
.cibt-select__list::-webkit-scrollbar-track { background: #efefef; border-radius: 2px; }
.cibt-select__list::-webkit-scrollbar-thumb { background: #676767; border-radius: 2px; }
.cibt-select__option { color: #121212; cursor: pointer; white-space: normal; text-align: left; align-items: center; min-height: 44px; padding: 10px 12px; font-size: 16px; font-weight: 400; line-height: 24px; display: flex; }
.cibt-select__option.is-active { background: #f0f0f0; }
.cibt-select__option[aria-selected="true"] { background: #e6e6e6; }
.cibt-raise { z-index: 5; }
.cibt-inputbox { transition: border-color var(--cibt-ix-fast) var(--cibt-ix-standard); cursor: text; }
@media (hover: hover) {
.cibt-inputbox:hover { border-color: #ccc; }
}
.cibt-inputbox:focus-within { outline-offset: 2px; border-color: #05779a; outline: 2px solid #05779a; }
.cibt-input { color: #121212; background: none; border: 0; width: 100%; height: 100%; margin: 0; padding: 0; outline: none !important; }
.cibt-input::placeholder { color: #767676; opacity: 1; }
.cibt-inputfield.is-filled .cibt-inputbox { border-color: #ccc; }
.cibt-inputfield.is-error .cibt-inputbox { border: 1.5px solid #cf2318; }
.cibt-inputfield .cibt-field__error { text-align: left; font-family: var(--cibt-ix-font); }
.cibt-check { cursor: pointer; }
.cibt-check__box { transition: background-color var(--cibt-ix-fast) var(--cibt-ix-standard), border-color var(--cibt-ix-fast) var(--cibt-ix-standard); display: block; }
.cibt-check__input:checked + .cibt-check__box { background-color: #05779a; border-color: #05779a; }
.cibt-check__input:checked + .cibt-check__box:after { content: ""; border: 2px solid #fff; border-width: 0 2px 2px 0; width: 6px; height: 11px; position: absolute; top: 1.5px; left: 5px; transform: rotate(45deg); }
.cibt-check__input:focus-visible + .cibt-check__box { outline-offset: 2px; outline: 2px solid #05779a; }
.cibt-req__trigger { cursor: pointer; text-align: left; }
.cibt-req__trigger:not(.cibt-req__trigger--group) { display: block; }
.cibt-req__trigger [data-name="Background+Border"] { transition: background-color var(--cibt-ix-fast) var(--cibt-ix-standard); }
.cibt-req__trigger [data-name="Chevron down"] { transition: transform var(--cibt-ix-base) var(--cibt-ix-standard); }
.cibt-req.is-open > .cibt-req__trigger [data-name="Chevron down"] { transform: rotate(180deg); }
.cibt-req.is-open > .cibt-req__trigger [data-name="Background+Border"] { background-color: #f0f0ea; }
.cibt-req.is-open > .cibt-req__trigger [data-name="Background+Border"] p { color: #a51e22; }
@media (hover: hover) {
.cibt-req__trigger:hover [data-name="Background+Border"] { background-color: #f0f0ea; }
.cibt-req__trigger:hover [data-name="Background+Border"] p, .cibt-req__trigger:hover > div:first-child > div:last-child p { color: #a51e22; }
}
.cibt-req__trigger--group { width: 100%; }
.cibt-req__body { font-family: var(--cibt-ix-font); color: #211a15; text-align: left; margin: 0; padding: 0 130px 16px 52px; font-size: 14px; line-height: 1.4; }
.cibt-req__rows { flex-direction: column; padding-top: 6px; display: flex; }
.cibt-ifrow { border-bottom: 1px solid #c7ccd3; }
.cibt-ifrow:last-child { border-bottom: 0; }
.cibt-ifrow__trigger { text-align: left; cursor: pointer; width: 100%; height: 66px; font-family: var(--cibt-ix-font); align-items: center; gap: 14px; padding: 0 16px 0 4px; display: flex; }
.cibt-ifrow__icon { color: #a51e22; background: #f0f0ea; border: 1px solid #c7ccd3; border-radius: 17px; flex: none; justify-content: center; align-items: center; width: 34px; height: 34px; font-size: 16px; font-weight: 700; display: flex; }
.cibt-ifrow__title { color: #1c2023; transition: color var(--cibt-ix-fast) var(--cibt-ix-standard); flex: 1; font-size: 16px; font-weight: 700; line-height: 1.3; }
.cibt-ifrow__chip { text-transform: uppercase; color: #1f3442; border: 1px solid #c7ccd3; border-radius: 3px; flex: none; padding: 2px 8px; font-size: 12px; font-weight: 700; line-height: 1.2; }
.cibt-ifrow__chev { width: 24px; height: 24px; transition: transform var(--cibt-ix-base) var(--cibt-ix-standard); flex: none; }
.cibt-ifrow.is-open .cibt-ifrow__chev { transform: rotate(180deg); }
@media (hover: hover) {
.cibt-ifrow__trigger:hover .cibt-ifrow__title { color: #a51e22; }
}
[role="tabpanel"] { outline-offset: 4px; }
[role="tabpanel"].is-entering { animation: cibt-fade var(--cibt-ix-base) var(--cibt-ix-standard); }
.cibt-wws { padding-bottom: 56px; position: relative; }
.cibt-wws__surface { padding-bottom: 55.47px; position: relative; }
.cibt-wws__flow { flex-direction: column; width: 1266px; margin-left: 87px; padding-top: 259px; display: flex; position: relative; }
.cibt-wws__tabrow { z-index: 2; }
.cibt-wws__panels { width: 664px; }
.cibt-wws__panel { flex-direction: column; align-items: flex-start; display: flex; }
.cibt-wws__body { min-height: 112px; }
.cibt-wws__bullet { max-width: 620px; }
.cibt-wws__cta { margin-top: 52.84px; }
.cibt-wws__baseline { margin-top: 41px; }
.cibt-wws__tab { cursor: pointer; font-family: var(--cibt-ix-font); transition: border-color var(--cibt-ix-base) var(--cibt-ix-standard); border-color: #0000; justify-content: center; align-items: center; display: flex; }
.cibt-wws__tablabel { color: #6b6b6b; white-space: nowrap; transition: color var(--cibt-ix-fast) var(--cibt-ix-standard); font-size: 12px; font-weight: 400; line-height: 1.3; }
.cibt-wws__tab[aria-selected="true"] { border-color: #a51e22; }
.cibt-wws__tab[aria-selected="true"] .cibt-wws__tablabel { color: #a51e22; font-weight: 700; }
@media (hover: hover) {
.cibt-wws__tab:hover .cibt-wws__tablabel { color: #a51e22; }
}
.cibt-vt__bar { position: relative; }
.cibt-vt__panel { margin-top: -.59px; position: relative; }
.cibt-vt__tab { cursor: pointer; font-family: var(--cibt-ix-font); transition: background-color var(--cibt-ix-fast) var(--cibt-ix-standard); background: none; border: 1px solid #0000; border-bottom: 0; padding: 14px 22px 13px; }
.cibt-vt__tab:first-child { margin-right: 3.83px; }
.cibt-vt__tablabel { letter-spacing: .96px; text-transform: uppercase; white-space: nowrap; color: #ccc; transition: color var(--cibt-ix-fast) var(--cibt-ix-standard); font-size: 12px; font-weight: 700; line-height: 1.3; display: block; }
.cibt-vt__tab[aria-selected="true"] { background: #fff; border-color: #e0e0e0; }
.cibt-vt__tab[aria-selected="true"] .cibt-vt__tablabel { color: #121212; }
@media (hover: hover) {
.cibt-vt__tab:hover .cibt-vt__tablabel { color: #121212; }
}
.cibt-vt__doc p, .cibt-vt__note { white-space: normal; }
.cibt-vt__note p { white-space: pre-line; }
body { color: #121212; background: #fff; margin: 0; font-family: "Source Sans 3", Source Sans Pro, Arial, sans-serif; line-height: 1.5; }
h1, h2, h3, p { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
img { display: block; }
button { text-align: inherit; cursor: pointer; background: none; border: 0; padding: 0; }
a { color: inherit; text-decoration: none; }
section { position: relative; }
.container { max-width: 1440px; }
.sub-title { color: #121212; font-family: Cambria, Hoefler Text, Georgia, serif; font-size: 42px; font-weight: 700; line-height: 1.15; }
@media (max-width: 1199px) {
.sub-title { font-size: 32px; line-height: 1.2; }
}
@media (max-width: 767px) {
.sub-title { font-family: inherit; font-size: 28px; line-height: 1.25; }
}
.lp-head > .sub-title + p { color: #4f4f4f; margin-top: 13.4px; line-height: 1.3; }
.lp-eyebrow { letter-spacing: .56px; color: #676767; white-space: nowrap; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; line-height: 1.3; display: flex; }
.lp-eyebrow:before { content: ""; background: #a51e22; flex: none; width: 19.5px; height: 1.125px; }
@media (max-width: 1199px) {
.lp-eyebrow { letter-spacing: 0; font-size: 12px; font-weight: 400; }
}
.lp-btn, button.lp-btn, a.lp-btn:hover, a.lp-btn:focus { letter-spacing: .16px; color: #121212; white-space: nowrap; border-radius: 8px; justify-content: center; align-items: center; gap: 8px; height: 48px; padding: 0 24px; font-size: 16px; font-weight: 600; line-height: 1.2; display: inline-flex; }
.lp-btn--primary, a.lp-btn--primary:hover, a.lp-btn--primary:focus { color: #fff; background: #a51e22; }
.lp-btn--white { background: #fff; }
.lp-btn-outline, a.lp-btn-outline:hover, a.lp-btn-outline:focus { letter-spacing: .16px; color: #121212; white-space: nowrap; cursor: pointer; border: 1px solid #8c8c8c; border-radius: 8px; justify-content: center; align-items: center; gap: 8px; height: 48px; padding: 0 24px; font-size: 16px; font-weight: 500; line-height: 1.2; display: inline-flex; transition: background-color var(--cibt-ix-fast) var(--cibt-ix-standard); }
@media (hover: hover) {
.lp-btn-outline:hover, a.lp-btn-outline:hover { border: 1px solid #121212; }
}
.lp-btn-outline:active { background-color: #e0e0e0; }
@media (hover: hover) {
.lp-btn-outline:hover { background-color: #efefef; }
}
.lp-tlink { color: #a51e22; white-space: nowrap; cursor: pointer; border-radius: 8px; align-self: flex-start; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; line-height: 1.2; display: inline-flex; position: relative; }
.lp-tlink::after { content: ""; flex: none; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.333 8h9.334M8 12.667 12.667 8 8 3.333'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.333 8h9.334M8 12.667 12.667 8 8 3.333'/%3E%3C/svg%3E") center / contain no-repeat; }
.lp-tlink::before { content: ""; opacity: 0; pointer-events: none; border: 1.5px solid currentColor; border-radius: 4px; position: absolute; top: -7px; bottom: -7px; left: -12px; right: -12px; transition: opacity var(--cibt-ix-fast) var(--cibt-ix-standard); }
@media (hover: hover) {
.lp-tlink:hover::before { opacity: 1; }
}
.lp-tlink:focus-visible::before { opacity: 1; }
.lp-tlink--lg { letter-spacing: .16px; font-size: 16px; }
.lp-tlink--lg::after { width: 20px; height: 20px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.167 10h11.666M10 15.833 15.833 10 10 4.167'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.167 10h11.666M10 15.833 15.833 10 10 4.167'/%3E%3C/svg%3E"); }
.lp-tlink--back { flex-direction: row-reverse; }
.lp-tlink--back::after { width: 16px; height: 16px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 12 6 8l4-4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 12 6 8l4-4'/%3E%3C/svg%3E"); }
.cibt-select { flex-direction: column; gap: 8px; min-width: 0; display: flex; }
.cibt-select > p { white-space: nowrap; font-size: 14px; font-weight: 600; line-height: 1.2; }
.cibt-select__field { background: #fff; border: 1px solid #e0e0e0; border-radius: 4px; align-items: center; gap: 8px; width: 100%; height: 48px; padding: 0 12px; display: flex; }
.cibt-select__value { color: #767676; white-space: nowrap; text-overflow: ellipsis; flex: 1 1 0; min-width: 0; font-size: 16px; line-height: 1.3; overflow: hidden; }
.cibt-select__chevron { flex: none; width: 20px; height: 20px; }
.n-hero { color: #fff; background: #1e2833; position: relative; overflow: hidden; }
.n-hero > .container { min-height: 611px; padding: 36px 90px 64px; position: relative; }
.n-hero .row { margin-top: 24px; }
.n-hero .row > .n-hero__content { padding-top: 48px; }
.n-hero h1 { max-width: 600px; font-family: Cambria, Georgia, serif; font-size: 48px; line-height: 1.15; }
.n-hero h1 + p { max-width: 613px; margin-top: 20px; font-size: 18px; line-height: 1.5; }
@media (max-width: 1199px) {
.n-hero > .container { min-height: 0; padding: 32px 32px 40px; }
.n-hero .row > .grid-md-6 { --grid: 12; }
.n-hero .row > .n-hero__content { padding-top: 0; }
.n-hero h1 { max-width: 640px; }
.n-hero h1 + p { max-width: none; font-size: 16px; line-height: 1.3; }
}
@media (min-width: 768px) and (max-width: 1023px) {
.n-hero h1 { font-size: 40px; }
}
@media (max-width: 767px) {
.n-hero > .container { padding: 32px 24px 40px; }
.n-hero h1 { font-size: 32px; line-height: 1.15; }
}
.lp-hero__media { opacity: .32; position: absolute; inset: 0; overflow: hidden; }
.lp-hero__media:after { content: ""; background: #1e2833ad; position: absolute; inset: 0; }
.lp-hero__media img { object-fit: cover; width: 100%; max-width: none; height: 100%; }
.lp-trust { gap: 28px; margin-top: 40px; display: flex; }
.lp-trust li { color: #ccc; white-space: nowrap; flex-direction: column; gap: 2px; font-size: 12px; line-height: 1.3; display: flex; position: relative; }
.lp-trust li + li { padding-left: 29px; }
.lp-trust li + li:before { content: ""; background: #e5dccd; width: 1px; height: 36px; margin-top: -18px; position: absolute; top: 50%; left: 0; }
.lp-trust strong { color: #fff; font-size: 20px; line-height: 1.25; }
@media (max-width: 1199px) {
.lp-trust { gap: 32px; margin: 24px 0 0; }
.lp-trust li + li { padding-left: 0; }
.lp-trust li + li:before { content: none; }
}
@media (max-width: 767px) {
.lp-trust { display: grid; grid-template-columns: 86fr 121fr 99fr; gap: 0; }
.lp-trust li { padding: 0 6px 0 0; text-wrap: balance; white-space: normal; }
.lp-trust li + li { padding-left: 6px; border-left: 1px solid #ffffff40; }
.lp-trust li:last-child { padding-right: 0; }
.n-hero .row > .n-hero__content { display: contents; }
.n-hero__content > * { width: 100%; padding-inline: 15px; }
.n-hero__content > .lp-trust { order: 1; }
}
.lp-qualify { color: #121212; filter: drop-shadow(0 12px 16px #1f33421f); background: #fff; border: 1px solid #e0e0e0; border-radius: 14px; flex-direction: column; gap: 16px; width: 100%; max-width: 500px; margin-left: auto; padding: 28px 32px; display: flex; }
.lp-qualify h2 { font-size: 24px; line-height: 1.3; }
.lp-qualify > div { flex-direction: column; gap: 16px; display: flex; }
.lp-qualify > .lp-btn { width: 100%; }
@media (max-width: 1199px) {
.lp-qualify { max-width: none; margin-top: 24px; padding: 24px 32px; }
.lp-qualify > div { flex-direction: row; }
.lp-qualify .cibt-select { flex: 1 1 0; }
}
@media (max-width: 767px) {
.lp-qualify { padding: 24px; }
.lp-qualify > div { flex-direction: column; }
.lp-qualify .cibt-select { flex: none; }
}
.lp-facts__bar { background: #fff; border-bottom: 1px solid #e0e0e0; padding-bottom: 1px; }
.lp-facts__bar .container { padding: 0 40px; }
.lp-facts__bar .row > div { border-right: 1px solid #e0e0e0; flex-direction: column; gap: 8px; padding: 26px 0 26px 40px; display: flex; }
.lp-facts__bar .row > div:first-child { padding-left: 0; }
.lp-facts__bar .row > div:last-child { border-right: 0; }
.lp-facts__bar p:first-child { color: #676767; font-family: Source Code Pro, Menlo, monospace; font-size: 12px; line-height: 1.4; }
.lp-facts__bar p:last-child { font-size: 24px; line-height: 1.3; }
@media (max-width: 1199px) {
.lp-facts__bar { padding-bottom: 0; }
.lp-facts__bar .container { padding: 0; }
.lp-facts__bar .row > div, .lp-facts__bar .row > div:first-child { border-bottom: 1px solid #e0e0e0; border-right: 0; height: 92px; padding: 20px 32px; }
.lp-facts__bar .row > div:last-child { border-bottom: 0; }
.lp-facts__bar p:last-child { font-size: 18px; line-height: 1.5; }
}
@media (max-width: 767px) {
.lp-facts__bar .row > div, .lp-facts__bar .row > div:first-child { height: auto; padding: 20px 24px; }
}
.lp-process { filter: drop-shadow(0 1px 1.5px #0f1d2e0d); background: #fff; border-bottom: 1px solid #14283c1a; margin-top: 10px; padding-bottom: 1px; }
.lp-process .container { align-items: center; gap: 22px; max-width: 1256px; padding: 0 48px; display: flex; }
.lp-process .container > p { letter-spacing: .96px; color: #676767; font-size: 12px; font-weight: 700; line-height: 1.3; }
@media (max-width: 1199px) {
.lp-process { margin-top: 0; padding-bottom: 0; }
.lp-process .container { flex-direction: column; align-items: stretch; gap: 12px; max-width: none; padding: 20px 32px; }
}
@media (max-width: 767px) {
.lp-process .container { padding: 20px 24px; }
}
.lp-stepper { background: #f7f7f7; border-radius: 4px; flex: 1 1 0; align-items: center; gap: 12px; padding: 16px 24px; display: flex; }
.lp-stepper > p { color: #676767; white-space: nowrap; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; line-height: 1.2; display: flex; }
.lp-stepper > p > span { background: #fff; border: 1.5px solid #8c8c8c; border-radius: 12px; justify-content: center; align-items: center; width: 24px; height: 24px; display: flex; }
.lp-stepper > p:first-child { color: #121212; }
.lp-stepper > p:first-child > span { border: 2px solid #121212; }
.lp-stepper > span { background: #ccc; flex: 1 1 0; height: 2px; }
@media (max-width: 1199px) {
.lp-stepper { padding: 16px; }
}
@media (max-width: 767px) {
.lp-stepper { flex-direction: column; align-items: flex-start; gap: 6px; padding-bottom: 38px; }
.lp-stepper > span { flex: none; width: 2px; height: 16px; margin-left: 11px; }
}
.takeaways { background: #fff; padding: 32px 24px; }
.takeaways > .container { background: #fbf4f4; border: 1px solid #e9cfd0; border-left: 6px solid #a51e22; border-radius: 10px; max-width: 1174px; padding: 24px 26px; }
.takeaways .eyebrow { color: #a51e22; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 16px; font-size: 12px; font-weight: 700; }
.takeaways .eyebrow:before { display: none; }
.takeaways-content { column-count: 2; column-gap: 30px; }
.takeaways-content > div { break-inside: avoid; margin-bottom: 12px; }
.takeaways-content p { color: #4f4f4f; margin: 0; padding-left: 20px; font-size: 14px; line-height: 1.5; position: relative; }
.takeaways-content p:before { content: ""; background: #a51e22; border-radius: 2px; width: 8px; height: 8px; position: absolute; top: 7px; left: 0; }
@media (max-width: 991px) {
.takeaways-content { column-count: 1; }
}
@media (max-width: 767px) {
.takeaways > .container { padding: 20px; }
}
.lp-req .container { align-items: flex-start; gap: 88px; padding: 80px 64px; display: flex; }
.lp-req .container > div:first-child { flex-direction: column; flex: none; align-items: flex-start; width: 420px; display: flex; }
.lp-req .container > div:last-child { flex: 1 1 0; min-width: 0; }
.lp-req .sub-title { max-width: 320px; margin-top: 18px; }
.lp-req .sub-title + p { color: #4f4f4f; margin-top: 22px; font-size: 16px; line-height: 1.3; }
.lp-req .cibt-link { align-self: flex-start; margin: 38.09px 0 4.1px; }
.lp-req ol li { border-bottom: 1px solid #e0e0e0; grid-template-columns: 30px 280px minmax(0, 1fr); align-items: start; column-gap: 26px; height: 66.5px; padding: 21px 4px 0; display: grid; }
.lp-req ol span { margin-top: 2.5px; font-family: Source Code Pro, Menlo, monospace; font-size: 13px; font-weight: 500; line-height: 1.3; }
.lp-req ol strong { letter-spacing: .16px; font-size: 16px; font-weight: 600; line-height: 1.2; }
.lp-req ol p { color: #4f4f4f; margin-top: 1px; font-size: 14px; line-height: 1.4; }
@media (max-width: 1199px) {
.lp-req .container { flex-direction: column; gap: 32px; min-height: 0; padding: 32px; }
.lp-req .container > div:first-child, .lp-req .container > div:last-child { flex: none; width: 100%; }
.lp-req .container > div:first-child { gap: 16px; }
.lp-req .sub-title { max-width: none; margin-top: 0; }
.lp-req .sub-title + p { margin-top: 0; }
.lp-req .cibt-link { margin: 4.1px 0; }
.lp-req ol li { grid-template-rows: auto auto; grid-template-columns: 26px minmax(0, 1fr); gap: 4px 16px; height: auto; padding: 16px 4px; }
.lp-req ol span { grid-row: span 2; margin-top: 3px; }
.lp-req ol p { margin-top: 0; }
}
@media (max-width: 767px) {
.lp-req .container { padding: 56px 24px; }
.lp-req .sub-title { max-width: 320px; }
}
.lp-req__num { color: #a51e22; border: 1px solid #a51e2259; padding: 4px 9px; font-family: Source Code Pro, Menlo, monospace; font-size: 12px; line-height: 1.4; }
.lp-req__head { border-bottom: 2px solid #1a2b3b; justify-content: space-between; align-items: baseline; gap: 16px; padding-bottom: 14px; display: flex; }
@media (max-width: 1199px) {
.lp-req__head { padding-bottom: 12px; }
}
.lp-req__head p:first-child { letter-spacing: .96px; font-size: 12px; font-weight: 700; line-height: 1.3; }
.lp-req__head p:last-child { color: #676767; white-space: nowrap; font-family: Source Code Pro, Menlo, monospace; font-size: 13px; font-weight: 500; line-height: 1.3; }
.lp-req__note { background: #faf7f2; border: 1px solid #e0e0e0; border-radius: 6px; gap: 16px; margin-top: 24.9px; padding: 21px 25px; display: flex; }
.lp-req__note img { flex: none; width: 20px; height: 20px; margin-top: 2px; }
.lp-req__note > div { flex-direction: column; gap: 6px; display: flex; }
.lp-req__note p:first-child { letter-spacing: .96px; color: #8a5300; font-size: 12px; font-weight: 700; line-height: 1.3; }
.lp-req__note p:last-child { color: #4f4f4f; font-size: 14px; line-height: 1.4; }
@media (max-width: 1199px) {
.lp-req__note { gap: 12px; margin-top: 0; padding: 20px; }
}
.lp-types { background: linear-gradient(120.34deg, #324755 8.15%, #122e40 109.48%); border-top: 1px solid #e0e0e0; }
.lp-types .container { color: #fff; padding: 80px 64px; }
.lp-types .sub-title { color: #fff; padding-top: 16px; }
.lp-types .sub-title + p { padding: 14px 0 34px; line-height: 1.3; }
@media (max-width: 1199px) {
.lp-types { background: linear-gradient(102.26deg, #324755 8.15%, #122e40 109.48%); }
.lp-types .container { padding: 32px; }
.lp-types .sub-title { padding-top: 0; }
.lp-types .sub-title + p { padding: 24px 0; }
}
@media (max-width: 767px) {
.lp-types { background: linear-gradient(95.51deg, #324755 8.15%, #122e40 109.48%); }
.lp-types .container { padding: 56px 24px; }
}
.cibt-vt__bar { border-bottom: 1px solid #e0e0e0; gap: 4px; padding-bottom: 1px; display: flex; }
.cibt-vt__bar .cibt-vt__tab { border-radius: 6px 6px 0 0; }
@media (max-width: 1199px) {
.cibt-vt__bar { border: 0; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; padding: 0; }
.cibt-vt__bar .cibt-vt__tab, .cibt-vt__bar .cibt-vt__tab:first-child { border: 1px solid #fff; border-radius: 999px; flex: 0 0 calc(50% - 4px); margin: 0; padding: 9px 4px; }
.cibt-vt__bar .cibt-vt__tab[aria-selected="true"] { background: #fff; }
.cibt-vt__bar .cibt-vt__tablabel { letter-spacing: 0; color: #fff; text-align: center; font-weight: 600; line-height: 1.2; }
.cibt-vt__bar .cibt-vt__tab[aria-selected="true"] .cibt-vt__tablabel { color: #1f3543; font-weight: 700; }
}
.cibt-vt__panel { color: #121212; background: #fff; border: 1px solid #e0e0e0; border-top: 0; border-radius: 0 0 8px 8px; padding: 0 1px 1px; display: flex; }
.cibt-vt__panel[hidden] { display: none; }
.cibt-vt__panel > div:first-child { flex-direction: column; flex: 1 1 0; align-items: flex-start; gap: 18px; min-width: 0; padding: 40px 48px 44px; display: flex; }
.cibt-vt__panel > div:last-child { background: #faf6ee4d; border-left: 1px solid #e0e0e0; border-radius: 0 0 8px; flex-direction: column; flex: none; align-items: stretch; width: 399px; padding: 36px 34px 34px; display: flex; }
.cibt-vt__panel h3 { padding-bottom: 10px; font-size: 28px; line-height: 1.25; }
.cibt-vt__panel > div:first-child > p { color: #676767; font-family: Source Code Pro, Menlo, monospace; font-size: 12px; font-weight: 700; line-height: 1.4; }
.cibt-vt__panel > div:first-child > p:first-of-type { padding-top: 8px; }
.cibt-vt__panel > div:first-child > p:last-child { color: #676767; max-width: 520px; padding-top: 8px; font-family: inherit; font-size: 14px; font-weight: 400; }
.cibt-vt__panel > div:first-child > ul { flex-direction: column; gap: 13px; display: flex; }
.cibt-vt__panel > div:first-child > ul li { font-size: 16px; font-weight: 700; line-height: 1.3; }
.cibt-vt__panel > div:first-child > ul li::before { margin: 2px 0 4px; }
.cibt-vt__panel > div:first-child > ul p:has(strong) { color: #3a4a58; font-weight: 400; }
.cibt-vt__panel > div:first-child > ul strong { color: #1a2b3b; }
@media (max-width: 1199px) {
.cibt-vt__panel { flex-direction: column; padding: 0; }
.cibt-vt__panel > div:first-child { gap: 16px; padding: 24px; }
.cibt-vt__panel > div:last-child { border-top: 1px solid #e0e0e0; border-left: 0; gap: 16px; width: auto; padding: 24px; }
.cibt-vt__panel h3 { font-size: 24px; line-height: 1.3; }
.cibt-vt__panel > div:first-child > ul li { font-size: 14px; line-height: 1.4; }
.cibt-vt__panel > div:first-child > p:last-child { max-width: 560px; }
}
.lp-types__facts { border-bottom: 1px solid #e0e0e0; gap: 32px; width: calc(100% + 48px); padding-bottom: 29.47px; display: flex; }
.lp-types__facts > div { flex-direction: column; flex: 1 1 0; gap: 8px; display: flex; }
.lp-types__facts p:first-child { color: #676767; font-family: Source Code Pro, Menlo, monospace; font-size: 12px; font-weight: 700; line-height: 1.4; }
.lp-types__facts p:last-child { color: #4f4f4f; font-size: 14px; line-height: 1.4; }
@media (max-width: 1199px) {
.lp-types__facts { flex-direction: column; gap: 16px; width: 100%; padding-bottom: 20px; }
}
.cibt-vt__panel > div:last-child > p:first-child { color: #676767; font-family: Source Code Pro, Menlo, monospace; font-size: 12px; line-height: 1.4; }
.cibt-vt__panel > div:last-child > p:nth-child(2) { align-items: baseline; gap: 32px; margin-top: 9.5px; font-size: 14px; font-weight: 600; line-height: 1.2; display: flex; }
.cibt-vt__panel > div:last-child > p:nth-child(2) strong { font-family: Cambria, Hoefler Text, Georgia, serif; font-size: 32px; font-weight: 400; line-height: 1.2; }
.cibt-vt__panel > div:last-child ul { flex-direction: column; gap: 1px; margin-top: 18px; display: flex; }
.cibt-vt__panel > div:last-child li { color: #4f4f4f; border-top: 1px solid #e0e0e0; justify-content: space-between; align-items: baseline; padding: 13px 0 12px; font-size: 14px; line-height: 1.4; display: flex; }
.cibt-vt__panel > div:last-child li:last-child { border-bottom: 1px solid #e0e0e0; padding-bottom: 13px; }
.cibt-vt__panel > div:last-child li p:last-child { color: #121212; font-weight: 600; line-height: 1.2; }
.cibt-vt__panel > div:last-child .lp-btn, .cibt-vt__panel > div:last-child .lp-btn-outline { margin-top: 33px; }
.cibt-vt__panel > div:last-child .cibt-link { align-self: center; margin: 26px 17px 0 0; }
@media (max-width: 1199px) {
.cibt-vt__panel > div:last-child > p:nth-child(2) { gap: 8px; margin-top: 0; }
.cibt-vt__panel > div:last-child ul, .cibt-vt__panel > div:last-child .lp-btn, .cibt-vt__panel > div:last-child .lp-btn-outline { margin-top: 0; }
.cibt-vt__panel > div:last-child .cibt-link { margin: 0; }
}
.lp-chip { letter-spacing: .96px; color: #fff; background: #a51e22; border-radius: 999px; align-items: center; height: 24px; padding: 4px 12px; font-size: 12px; font-weight: 700; line-height: 16px; display: flex; position: absolute; top: -13px; right: 23px; }
.lp-steps { background: #faf6f080; }
.lp-steps .container { flex-direction: column; gap: 64px; padding: 80px 64px; display: flex; }
.lp-steps .lp-head { text-align: center; flex-direction: column; align-items: center; gap: 16px; display: flex; }
.lp-steps .lp-eyebrow { gap: 10px; }
.lp-steps .lp-eyebrow:before { width: 22px; height: 2px; }
.lp-steps ol { flex-wrap: nowrap; gap: 40px; padding-bottom: 3.4px; position: relative; }
.lp-steps ol.row:before { content: ""; background: #6d747f; height: 2px; position: absolute; top: 21px; left: 12%; right: 12%; }
.lp-steps .row > li { text-align: center; flex-direction: column; flex: 1 1 0; align-items: center; gap: 9.4px; width: auto; display: flex; position: relative; }
.lp-steps li > span { color: #fff; background: #1f3543; border-radius: 10px; justify-content: center; align-items: center; width: 44px; height: 44px; font-family: Source Code Pro, Menlo, monospace; font-size: 18px; font-weight: 600; line-height: 22px; display: flex; position: relative; overflow: hidden; }
.lp-steps li > span:after { content: ""; background: #a51e22; border-radius: 0 0 10px 10px; height: 4px; position: absolute; bottom: 0; left: 0; right: 0; }
.lp-steps li > div { flex-direction: column; align-items: center; gap: 10px; display: flex; }
.lp-steps h3 { letter-spacing: .16px; padding-top: 12.6px; font-size: 16px; font-weight: 600; line-height: 1.2; }
.lp-steps h3 + p { color: #4f4f4f; max-width: 250px; font-size: 14px; line-height: 1.4; }
@media (max-width: 1199px) {
.lp-steps .container { gap: 32px; padding: 32px; }
.lp-steps .lp-head { text-align: left; align-items: flex-start; gap: 12px; }
.lp-steps ol { flex-wrap: wrap; gap: 32px 24px; padding-bottom: 0; }
.lp-steps ol.row:before { content: none; }
.lp-steps .row > li { text-align: left; flex-direction: row; flex: 0 0 calc(50% - 12px); align-items: flex-start; gap: 20px; }
.lp-steps li > span { flex: none; margin-top: 2px; }
.lp-steps li > div { align-items: flex-start; gap: 6px; }
.lp-steps h3 { padding-top: 0; }
.lp-steps h3 + p { max-width: none; }
}
@media (max-width: 767px) {
.lp-steps .container { padding: 56px 24px; }
.lp-steps ol { flex-direction: column; gap: 24px; }
.lp-steps .row > li:not(:last-child):before { content: ""; background: #6d747f; width: 2px; position: absolute; top: 46px; bottom: -24px; left: 21px; }
}
.lp-rules { background: #faf6f080; border-top: 1px solid #e0e0e0; }
.lp-rules .container { flex-direction: column; gap: 28px; padding: 80px 64px; display: flex; }
.lp-rules .lp-head { flex-direction: column; gap: 12px; width: 980px; max-width: 100%; display: flex; }
.lp-rules .lp-head > .sub-title + p { margin-top: 0; }
.lp-rules .row {flex-wrap: nowrap; gap: 24px; margin: 0; padding-top: 2px; }
.lp-rules .row > div { border-left: 4px solid; border-radius: 8px; flex: 1 1 0; gap: 12px; padding: 20px; display: flex; }
.lp-rules .row > div:first-child { background: #fef2f1; border-color: #cf2318; }
.lp-rules .row > div:nth-child(2) { background: #fdf3e2; border-color: #8a5300; }
.lp-rules .row > div:nth-child(3) { background: #eaf1fb; border-color: #0f52ba; }
.lp-rules img { flex: none; width: 24px; height: 24px; }
.lp-rules .row > div > div { flex-direction: column; gap: 8px; display: flex; }
.lp-rules .row > div > div > p:first-child { letter-spacing: .96px; text-transform: uppercase; font-size: 12px; font-weight: 700; line-height: 1.3; }
.lp-rules .row > div:first-child p:first-child { color: #cf2318; }
.lp-rules .row > div:nth-child(2) p:first-child { color: #8a5300; }
.lp-rules .row > div:nth-child(3) p:first-child { color: #0f52ba; }
.lp-rules h3 { font-size: 20px; line-height: 1.25; }
.lp-rules h3 + p { color: #4f4f4f; font-size: 14px; line-height: 1.4; }
@media (max-width: 1199px) {
.lp-rules .container { gap: 24px; padding: 32px; }
.lp-rules .sub-title { max-width: 640px; }
.lp-rules .row { background: #fff; gap: 16px; padding: 0 0 18px; }
.lp-rules .row > div { height: 262px; }
}
@media (max-width: 767px) {
.lp-rules .container { padding: 56px 24px; }
.lp-rules .row { background: none; flex-direction: column; padding: 0; }
.lp-rules .row > div { flex: none; height: auto; }
}
.n-why-choose { color: #fff; background: #1f3543; }
.n-why-choose .container { padding: 80px 64px; }
.n-why-choose .row { align-items: flex-start; row-gap: 32px; }
.n-why-choose .row > div:first-child { padding-top: 18px; }
.n-why-choose .row > div:first-child > div { max-width: 380px; }
.n-why-choose h2 { font-family: Cambria, Hoefler Text, Georgia, serif; font-size: 42px; font-weight: 700; line-height: 1.15; }
.n-why-choose .row > div:first-child > div > p { color: #ccc; margin-top: 20px; font-size: 16px; line-height: 1.3; }
.n-why-choose aside { border-top: 1px solid #ffffff26; margin-top: 30px; padding-top: 20px; font-size: 14px; }
.n-why-choose aside > a { margin-top: 8px; font-size: 20px; display: block; }
.n-why-choose table { border-collapse: separate; border-spacing: 0; table-layout: fixed; width: 100%; }
.n-why-choose th, .n-why-choose td { border-bottom: 1px solid #ffffff1a; padding: 18px 12px; font-size: 14px; font-weight: 400; }
.n-why-choose thead th { text-align: center; letter-spacing: .08em; font-size: 12px; font-weight: 700; position: relative; }
.n-why-choose thead th:last-child:before { content: ""; background: #00875a; height: 2px; position: absolute; top: 0; right: 24px; left: 24px; }
.n-why-choose th:first-child { text-align: left; width: 60%; }
.n-why-choose td { text-align: center; }
.n-why-choose tbody td:last-child { background: #ffffff0d; border-inline: 1px solid #ffffff14; }
.n-why-choose .n-check { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38' fill='none'%3E%3Cpath d='M19 36.31c9.56 0 17.31-7.75 17.31-17.31S28.56 1.69 19 1.69 1.69 9.44 1.69 19 9.44 36.31 19 36.31Z' fill='%236FBF8B' fill-opacity='.14'/%3E%3Cpath d='M11.4 19.63l4.86 4.86L26.6 13.72' stroke='%2300D474' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; width: 38px; height: 38px; margin: auto; font-size: 0; display: block; }
.n-why-choose .n-text-orange { color: #ffa500; }
@media (max-width: 1199px) {
.n-why-choose .container { padding: 32px; }
.n-why-choose .row > div:first-child > div { max-width: none; }
.n-why-choose .row > div:first-child { padding-top: 0; }
.n-why-choose h2 { font-size: 32px; }
.n-why-choose aside { margin-top: 20px; }
.n-why-choose aside > p { color: #ccc; }
.n-why-choose aside > a { margin-top: 6px; font-size: 24px; line-height: 1.3; }
.n-why-choose th:first-child { width: auto; }
.n-why-choose thead th:not(:first-child) { width: 96px; }
.n-why-choose thead th { padding: 0 0 12px; border-bottom-color: #ffffff24; line-height: 1.3; letter-spacing: .96px; }
.n-why-choose thead th:nth-child(2) { color: #ccc; }
.n-why-choose thead th:last-child:before { top: -14px; right: 0; left: 0; }
.n-why-choose tbody th, .n-why-choose tbody td { height: 61px; padding: 12px 0; border-bottom-color: #ffffff17; }
.n-why-choose tbody th { padding-right: 8px; color: #ccc; line-height: 1.4; }
.n-why-choose tbody td { font-size: 12px; line-height: 1.3; }
}
@media (min-width: 768px) and (max-width: 1199px) {
.n-why-choose .row > div:first-child { align-items: flex-start; gap: 20px; display: flex; }
.n-why-choose .row > div:first-child > * { flex: 1 1 0; min-width: 0; }
.n-why-choose aside { margin-top: 0; }
}
@media (max-width: 767px) {
.n-why-choose .container { padding: 32px 24px 56px; }
.n-why-choose h2 { font-family: inherit; font-size: 28px; line-height: 1.25; }
}
.lp-partner { background: #faf7f280; }
.lp-partner .container { flex-direction: column; gap: 16px; padding: 80px 64px; display: flex; }
.lp-partner .lp-head { width: 664px; max-width: 100%; }
.lp-partner .lp-head > .sub-title + p { margin-top: 12px; }
.lp-partner .row { flex-wrap: nowrap; gap: 24px; margin: 0 -24px; padding-top: 24px; }
.lp-partner .row > div { flex: 1 1 0; padding: 0; }
.lp-partner .row > div > div { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 14px; padding: 31px 33px 27px; display: grid; }
.lp-partner .row > div > div > span { background: #faf7f2; border: 1px solid #e0e0e0; border-radius: 6px; justify-content: center; align-items: center; width: 44px; height: 44px; display: flex; }
.lp-partner .row > div > div > span img { width: 28px; height: 28px; }
.lp-partner .row > div > div > img { width: 44px; height: 44px; }
.lp-partner h3 { font-size: 20px; line-height: 1.25; }
.lp-partner h3 + p, .lp-partner .lp-tlink { grid-column: 1 / -1; }
.lp-partner .lp-tlink { justify-self: start; }
.lp-partner h3 + p { color: #4f4f4f; font-size: 14px; line-height: 1.4; }
@media (max-width: 1199px) {
.lp-partner .container { gap: 24px; padding: 32px; }
.lp-partner .lp-head { width: auto; }
.lp-partner .row { flex-direction: column; gap: 16px; margin: 0; padding-top: 0; }
.lp-partner .row > div { flex: none; }
}
@media (max-width: 767px) {
.lp-partner .container { padding: 56px 24px; }
}
.n-guides { background: #fff; }
.n-guides .container { padding: 88px 64px 54px; }
.n-guides .cibt-section-head { margin: 0; }
.n-guides .cibt-section-head > div { max-width: 751px; padding: 0; }
.n-guides .cibt-section-head .sub-title, .n-guides .cibt-section-head .sub-title + p { margin-top: 12px; }
.cibt-page .n-guides .cibt-card-grid { margin: 24px -12px 0; }
.n-guides .cibt-card-grid > div { padding: 0 12px; display: flex; }
.n-guides article { background: #fff; border-radius: 12px; flex-direction: column; flex: auto; display: flex; overflow: hidden; box-shadow: 0 1px 2px #1212120a, 0 2px 4px -1px #12121214; }
.n-guides article > img { object-fit: cover; width: 100%; height: 230px; }
.n-guides article > div { flex-direction: column; flex: auto; align-items: flex-start; gap: 14px; padding: 22px 24px; display: flex; }
.n-guides article > div > span { color: #4f4f4f; background: #efefef; border-radius: 2px; padding: 3px 8px; font-size: 14px; font-weight: 600; line-height: 1.2; }
.n-guides article h3 { font-size: 20px; line-height: 1.25; }
.n-guides article h3 + p { color: #2c2c2c; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.n-guides article > div > div { border-top: 1px solid #e6e6e6; align-items: center; gap: 12px; width: 100%; margin-top: auto; padding-top: 14px; display: flex; }
.n-guides article > div > div > p { color: #4a4a4a; flex: 1 1 0; min-width: 0; font-size: 14px; font-weight: 600; line-height: 1.2; }
.cibt-page .n-guides .cibt-section-actions { margin: 44px 0 0; }
.n-guides .cibt-section-actions > div { padding: 0; }
@media (max-width: 1199px) {
.n-guides .container { padding: 40px 32px 48px; }
.n-guides .cibt-section-head > div { max-width: 600px; }
.cibt-page .n-guides .cibt-card-grid { margin: 24px -8px 0; }
.n-guides .cibt-card-grid > div { padding: 0 8px; }
.n-guides article > div { flex: auto; padding: 20px 16px; }
}
@media (max-width: 767px) {
.n-guides .container { padding: 32px 24px 40px; }
.cibt-page .n-guides .cibt-card-grid { flex-direction: column; gap: 16px; margin: 24px 0 0; }
.n-guides .cibt-card-grid > div { padding: 0; }
.n-guides article > div { padding: 22px 24px; }
.n-guides .cibt-section-actions .lp-btn-outline { width: 100%; }
}
.lp-alerts .container { padding: 0 40px 54px; }
.lp-alerts .container > div { background: #faf6f0; border: 1px solid #e0e0e0; border-radius: 8px; align-items: center; gap: 48px; padding: 35px 41px; display: flex; }
.lp-alerts .container > div > div:first-child { flex-direction: column; flex: 1 1 0; gap: 8px; display: flex; }
.lp-alerts h2 { font-size: 24px; line-height: 1.3; }
.lp-alerts h2 + p { color: #4f4f4f; font-size: 14px; line-height: 1.4; }
@media (max-width: 1199px) {
.lp-alerts .container { padding: 0 32px 32px; }
.lp-alerts .container > div { flex-direction: column; align-items: stretch; gap: 20px; padding: 24px 32px; }
}
@media (max-width: 767px) {
.lp-alerts .container { padding: 0 24px 40px; }
.lp-alerts .container > div { padding: 24px; }
}
.lp-signup { gap: 12px; display: flex; }
.lp-signup .cibt-inputfield { flex-direction: column; gap: 8px; width: 278px; display: flex; }
.lp-signup > button { flex: none; width: 233px; }
@media (max-width: 1199px) {
.lp-signup .cibt-inputfield { flex: 1 1 0; width: auto; }
.lp-signup > button { width: auto; padding: 0 32px; }
}
@media (max-width: 767px) {
.lp-signup { flex-direction: column; }
.lp-signup .cibt-inputfield { flex: none; }
.lp-signup > button { padding: 0 24px; }
}
.cibt-inputbox { background: #fff; border: 1px solid #e0e0e0; border-radius: 4px; align-items: center; gap: 8px; height: 48px; padding: 0 12px; display: flex; }
input.cibt-input { background: none; border: 0; outline: 0; flex: 1 1 0; min-width: 0; padding: 0; font-size: 16px; line-height: 1.3; }
.lp-promo { background: #1a2233; display: none; }
.lp-promo .container { align-items: center; gap: 24px; padding: 32px; display: flex; }
.lp-promo .container > div:first-child { flex-direction: column; flex: 1 1 0; gap: 8px; margin-right: 24px; display: flex; }
.lp-promo h2 { color: #fff; font-size: 28px; line-height: 1.25; }
.lp-promo h2 + p { color: #ccc; max-width: 680px; font-size: 18px; line-height: 1.5; }
.lp-promo .lp-tlink { color: #fff; align-self: center; gap: 4px; }
@media (max-width: 1199px) {
.lp-promo { display: block; }
}
@media (max-width: 767px) {
.lp-promo .container { flex-direction: column; align-items: stretch; padding: 40px 24px; }
.lp-promo .container > div:first-child { margin-right: 0; }
.lp-promo h2 + p { font-size: 16px; line-height: 1.3; }
.lp-promo .lp-tlink { display: none; }
.lp-promo .lp-btn { height: 40px; padding: 0 20px; }
}

/* ---------------------------------------------------------------------------
   Server-injected visa search widget (live/beta1 only).
   The CMS prints .search_box_wrapper > .visa_search_box before .cibt-page;
   js/script.js moves it into the hero card .lp-qualify. Every rule is scoped to .lp-qualify so
   other site pages that use the widget are unaffected. Hooks are limited to
   what the server prints (.search_box_field, .destination-label, #needAVisa,
   #add_destination, #remove_destination, #submit, #needAVisaSubmit); classes
   such as .search-column or .add_destination only exist on the old homepage,
   where its CMS header script adds them. !important appears only where the
   site's all.min.css already uses it on the same property.
   --------------------------------------------------------------------------- */

/* Hide it while it is still above the page, before script.js moves it */
.search_box_wrapper:has(~ .cibt-page),
.visa_search_box:has(~ .cibt-page) {
  display: none !important;
}

/* The real widget replaces the static mock fields */
.lp-qualify--live > div:not(.search_box_wrapper):not(.visa_search_box) {
  display: none;
}

.lp-qualify .search_box_wrapper,
.lp-qualify .visa_search_box {
  color: #121212;
  text-align: left;
  visibility: visible;
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  z-index: auto !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.lp-qualify .search_box_wrapper::before,
.lp-qualify .search_box_wrapper::after,
.lp-qualify .visa_search_box::before,
.lp-qualify .visa_search_box::after {
  content: none !important;
  display: none !important;
}

.lp-qualify .visa_search_box > .header,
.lp-qualify .visa_search_box > .footer,
.lp-qualify .visa_search_box .clear {
  display: none !important;
}

/* The widget's title is the CMS page's "search box title" setting; it replaces the
   card's static heading so the copy can be changed in the CMS. Styled as .lp-qualify h2. */
.lp-qualify--live > h2 {
  display: none;
}

.lp-qualify .visa_search_box h1 {
  color: #121212;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
  background: none;
  border: 0;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Source Sans 3", Source Sans Pro, Arial, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
  display: block;
}

.lp-qualify .visa_search_box .content,
.lp-qualify .visa_search_box .inside,
.lp-qualify #needAVisa {
  width: auto;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  position: static;
}

/* Layout: fields in a row, like the mock fields */
.lp-qualify #needAVisa > div {
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px;
  margin-top: 16px;
  display: flex;
}

.lp-qualify #needAVisa .search_box_field {
  flex: 1 1 200px;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none;
  display: flex;
  position: relative;
}

.lp-qualify #needAVisa .search_box_field.destination-label,
.lp-qualify #needAVisa .search_box_field:has(#add_destination),
.lp-qualify #needAVisa .search_box_field:has(#submit) {
  flex-basis: 100%;
}

.lp-qualify #needAVisa .search_box_field > span {
  float: none;
  width: 100%;
  margin: 0;
  display: block;
}

.lp-qualify #needAVisa .search_box_field br {
  display: none;
}

/* Labels, as .c-select > p */
.lp-qualify #needAVisa .search_box_field label {
  float: none;
  color: #121212;
  text-align: left;
  white-space: nowrap;
  width: auto;
  height: auto !important;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  overflow: visible;
  display: block;
  position: static;
}

.lp-qualify #needAVisa .destination-label label {
  font-size: 16px;
}

.lp-qualify #needAVisa .destination-label label::before,
.lp-qualify #needAVisa .destination-label label::after {
  content: none;
}

/* Fields, as .c-select__field (Tom Select build of the widget) */
.lp-qualify #needAVisa .search_box_field .ts-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0;
}

.lp-qualify #needAVisa .search_box_field .ts-control {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: none;
  align-items: center;
  min-height: 48px;
  padding: 0 40px 0 12px;
  font-size: 16px;
  line-height: 1.3;
  display: flex;
  transition: border-color .12s;
}

.lp-qualify #needAVisa .search_box_field .ts-control .item {
  color: #121212;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.lp-qualify #needAVisa .search_box_field .ts-control .item[data-value=""],
.lp-qualify #needAVisa .search_box_field .ts-control > input::placeholder {
  color: #767676;
}

.lp-qualify #needAVisa .search_box_field .ts-wrapper.single .ts-control::after {
  content: "";
  background: url("../../common/images/icon_chevron-down_dropdown-select.svg") center / 20px 20px no-repeat;
  border: 0;
  width: 20px;
  height: 20px;
  margin: -10px 0 0;
  transition: transform .2s;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: none;
}

.lp-qualify #needAVisa .search_box_field .ts-wrapper.single.dropdown-active .ts-control::after {
  transform: rotate(180deg);
}

.lp-qualify #needAVisa .search_box_field .ts-control:hover {
  border-color: #ccc;
}

.lp-qualify #needAVisa .search_box_field .ts-control:focus-within,
.lp-qualify #needAVisa .search_box_field .ts-wrapper.single.dropdown-active .ts-control {
  border-color: #8c8c8c;
  border-radius: 4px;
  box-shadow: none;
}

.lp-qualify #needAVisa .search_box_field .ts-wrapper.disabled .ts-control .item {
  color: #767676;
}

/* Native selects: beta1's copy of the widget has no Tom Select (production's does) */
.lp-qualify #needAVisa .search_box_field select:not(.tomselected):not(.ts-hidden-accessible) {
  appearance: none;
  -webkit-appearance: none;
  color: #121212;
  cursor: pointer;
  background: #fff url("../../common/images/icon_chevron-down_dropdown-select.svg") right 12px center / 20px 20px no-repeat;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: none;
  float: none;
  width: 100% !important;
  max-width: none !important;
  height: 48px;
  margin: 0 !important;
  padding: 0 40px 0 12px !important;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.3;
  transition: border-color .12s;
  display: block;
}

.lp-qualify #needAVisa .search_box_field select:not(.tomselected):has(option[value=""]:checked) {
  color: #767676;
}

.lp-qualify #needAVisa .search_box_field select:not(.tomselected):hover {
  border-color: #ccc;
}

.lp-qualify #needAVisa .search_box_field select:not(.tomselected):focus {
  border-color: #8c8c8c;
  outline: none;
  box-shadow: none;
}

.lp-qualify #needAVisa .search_box_field select:not(.tomselected):disabled {
  color: #767676;
  cursor: default;
  opacity: 1;
  background-color: #fff;
}

/* Dropdown, as .c-select__list */
.lp-qualify #needAVisa .search_box_field .ts-dropdown {
  z-index: 100;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin-top: 4px;
  padding: 6px 0;
  box-shadow: 0 6px 12px -2px #1212121a, 0 2px 4px -1px #1212120d;
}

.lp-qualify #needAVisa .search_box_field .ts-dropdown .ts-dropdown-content {
  scrollbar-width: thin;
  scrollbar-color: #676767 #efefef;
  max-height: 276px;
}

.lp-qualify #needAVisa .search_box_field .ts-dropdown .option,
.lp-qualify #needAVisa .search_box_field .ts-dropdown .no-results {
  color: #121212;
  text-align: left;
  align-items: center;
  min-height: 44px;
  padding: 10px 12px;
  font-size: 16px;
  line-height: 24px;
  display: flex;
}

.lp-qualify #needAVisa .search_box_field .ts-dropdown .active {
  color: #121212;
  background: #f0f0f0;
}

.lp-qualify #needAVisa .search_box_field .ts-dropdown .selected {
  background: #e6e6e6;
}

/* "What's this" icon next to the purpose label */
.lp-qualify #needAVisa a.traveling_for_whats_this {
  color: #767676 !important;
  top: 0 !important;
  right: 0 !important;
}

/* Add / remove destination */
.lp-qualify #needAVisa .search_box_field:has(#add_destination) > span {
  text-align: left !important;
  gap: 16px;
  display: flex;
}

.lp-qualify #needAVisa #add_destination,
.lp-qualify #needAVisa #remove_destination {
  color: #05779a;
  float: none;
  height: auto;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

/* Submit, as .cibt-btn.cibt-btn--lg.cibt-btn--primary */
.lp-qualify #needAVisa #submit {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  float: none;
  margin: 0;
  padding: 0;
  display: flex;
  position: static;
  top: auto;
}

.lp-qualify #needAVisa #needAVisaSubmit {
  color: #fff;
  letter-spacing: .16px;
  white-space: nowrap;
  cursor: pointer;
  background: #a51e22 !important;
  border: 0;
  border-radius: 8px !important;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 0;
  height: 48px;
  margin: 0;
  padding: 0 24px;
  font-size: 16px;
  font-weight: 600 !important;
  line-height: 1.2;
  text-decoration: none;
  text-transform: none !important;
  transition: background-color .12s;
  display: inline-flex;
  float: none;
}

.lp-qualify #needAVisa #needAVisaSubmit span {
  color: inherit;
  font: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: none;
  background: none;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  display: inline;
}

.lp-qualify #needAVisa #submit p {
  color: #767676 !important;
  text-align: left !important;
  margin: 0 !important;
  font-size: 14px !important;
}

@media (hover: hover) {
  .lp-qualify #needAVisa #needAVisaSubmit:hover {
    color: #fff;
    background: #660c19 !important;
  }
}

@media (max-width: 1199px) {
  .lp-qualify .visa_search_box h1 {
    font-size: 20px;
  }

  .lp-qualify #needAVisa .search_box_field {
    flex-basis: calc(50% - 8px);
  }
}

@media (max-width: 767px) {
  .lp-qualify #needAVisa .search_box_field {
    flex-basis: 100%;
  }

  .lp-qualify #needAVisa #needAVisaSubmit {
    width: 100%;
  }
}

/* Fit the narrower qualifier card: the moved widget is a <div> child of the card,
   so undo .lp-qualify > div's flex column; fields stack one per row on desktop,
   where the card is 500px wide, and pair up on tablet, where it spans the row. */
.lp-qualify > .search_box_wrapper,
.lp-qualify > .visa_search_box {
  display: block;
}

.lp-qualify .visa_search_box h1 {
  font-size: 24px;
  line-height: 1.3;
}

@media (min-width: 1200px) {
  .lp-qualify #needAVisa .search_box_field {
    flex-basis: 100%;
  }

  .lp-qualify #needAVisa #needAVisaSubmit {
    width: 100%;
  }
}

/* DS Dropdown (Form / Input Field, Select), one style for the hero finder and the sticky bar:
   48px, 1px border-default, 8px radius, 20px chevron, hover = border only */
.lp-qualify #needAVisa .search_box_field .ts-control,
.lp-qualify #needAVisa .search_box_field select:not(.tomselected):not(.ts-hidden-accessible) {
  min-height: 48px;
  border-color: #ccc;
  border-radius: 8px;
}
.lp-qualify #needAVisa .search_box_field select:not(.tomselected):not(.ts-hidden-accessible),
.lp-qualify #needAVisa .search_box_field .ts-wrapper.single .ts-control::after {
  background-image: url("../../common/images/icon_chevron-down_dropdown-select_qualifier.svg");
}
.lp-qualify #needAVisa .search_box_field .ts-control:hover,
.lp-qualify #needAVisa .search_box_field select:not(.tomselected):hover {
  border-color: #676767;
}
.lp-qualify #needAVisa .search_box_field .ts-control:focus-within,
.lp-qualify #needAVisa .search_box_field .ts-wrapper.single.dropdown-active .ts-control,
.lp-qualify #needAVisa .search_box_field select:not(.tomselected):focus-visible {
  border-color: #1f3543;
  border-radius: 8px;
  box-shadow: 0 0 0 1px #1f3543;
}

/* Purpose info icon: inline after the label text (js/script.js moves it into the label) */
.lp-qualify #needAVisa label > a.traveling_for_whats_this {
  position: static !important;
  display: none;
  width: auto;
  margin-left: 4px;
  vertical-align: middle;
}
.lp-qualify #needAVisa label > a.traveling_for_whats_this[style*="block"] {
  display: inline-flex !important;
}

/* Sticky bar: DS primary button at 48px, level with the fields */
@media (min-width: 768px) {
  .lp-qualify--stuck #needAVisa #needAVisaSubmit {
    height: 48px;
    min-height: 0;
    padding: 0 24px;
  }
  .lp-qualify--stuck #needAVisa label > a.traveling_for_whats_this {
    color: #ccc !important;
  }
}

.cibt-page :focus,
.cibt-page :focus-visible,
.cibt-page :focus-within {
  outline: none !important;
}

/* ---------------------------------------------------------------------------
   Sticky search bar (as on the B2C page). js/script.js adds .lp-qualify--stuck
   to the hero's search card once it scrolls off the top (768px and up) and sets
   its `top` to clear the site's fixed header. Server widget only.
   --------------------------------------------------------------------------- */
@media (min-width: 768px) {
  .lp-qualify--stuck {
    z-index: 900;
    filter: none;
    background: #1f3543;
    border: 0;
    border-radius: 0;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 16px 64px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 4px 8px #00000040;
  }

  .lp-qualify--stuck > * {
    width: 100%;
    max-width: 1312px;
    margin-left: auto;
    margin-right: auto;
  }

  .lp-qualify--stuck .visa_search_box h1,
  .lp-qualify--stuck #needAVisa .destination-label,
  .lp-qualify--stuck #needAVisa .search_box_field.t2,
  .lp-qualify--stuck #needAVisa .search_box_field:has(#add_destination) {
    display: none !important;
  }

  .lp-qualify--stuck #needAVisa > div {
    flex-wrap: nowrap;
    align-items: flex-end;
    margin-top: 0;
  }

  .lp-qualify--stuck #needAVisa .search_box_field {
    flex: 1 1 0;
  }

  .lp-qualify--stuck #needAVisa .search_box_field:has(#submit) {
    flex: 0 0 auto;
  }

  .lp-qualify--stuck #needAVisa #needAVisaSubmit {
    width: auto;
  }

  .lp-qualify--stuck #needAVisa .search_box_field label {
    color: #fff;
  }

  .lp-qualify--stuck #needAVisa #submit p {
    display: none;
  }

  /* The CMS makes .search_box_wrapper a centred flex box; without these the form keeps its
     content width (Tom Select inputs have a 7rem minimum) and overflows both edges. */
  .lp-qualify--stuck .search_box_wrapper > .visa_search_box {
    flex: 1 1 auto;
    min-width: 0;
  }

  .lp-qualify--stuck #needAVisa .search_box_field .ts-control > input {
    min-width: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .lp-qualify--stuck {
    padding: 12px 32px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .lp-qualify--stuck {
    padding: 12px 24px;
  }

  .lp-qualify--stuck #needAVisa > div {
    flex-wrap: wrap;
    row-gap: 12px;
  }

  .lp-qualify--stuck #needAVisa .search_box_field:has(#submit) {
    flex: 1 1 100%;
  }

  .lp-qualify--stuck #needAVisa #needAVisaSubmit {
    width: 100%;
  }
}
body #cboxOverlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999;
  width: auto !important;
  height: auto !important;
  background: #000;
}

body #colorbox {
  z-index: 10000;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  width: min(710px, calc(100vw - 32px)) !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
  overflow: visible !important;
}

body #colorbox:focus {
  outline: none;
}

body #cboxWrapper {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
}

body #cboxTopLeft, body #cboxTopCenter, body #cboxTopRight,
body #cboxMiddleLeft, body #cboxMiddleRight,
body #cboxBottomLeft, body #cboxBottomCenter, body #cboxBottomRight {
  display: none !important;
}

body #cboxContent {
  position: relative !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 48px 40px 32px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

body #cboxLoadedContent {
  float: none !important;
  width: auto !important;
  height: auto !important;
  max-height: calc(100vh - 112px) !important;
  max-height: calc(100dvh - 112px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box !important;
}

body #cboxTitle,
body #cboxCurrent {
  float: none !important;
}

body #cboxClose {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  bottom: auto !important;
  left: auto !important;
}

#visaPopup h3 {
  margin: 0 0 24px;
  line-height: 1.3;
}

#visaPopup .search_box_field {
  flex-wrap: nowrap !important;
  gap: 8px 24px;
  margin: 0 0 12px;
}

#visaPopup .search_box_field .clear {
  display: none;
}

#visaPopup .visaPopupLabel {
  flex: 1 1 auto !important;
  margin: 0;
  color: #000;
  line-height: 1.3;
}

.selField {
  flex: 0 0 260px;
  width: 260px;
  max-width: 100%;
  min-height: 48px;
  padding: 8px 40px 8px 16px;
  appearance: none;
  -webkit-appearance: none;
  background: #fff url("../../common/images/icon_chevron-down_dropdown-select_qualifier.svg") right 12px center / 20px 20px no-repeat;
  border: 1px solid #8c8c8c;
  border-radius: 0;
  box-sizing: border-box;
}

#moreVisaInfoRequired div#submitButton {
  float: none !important;
  display: flex;
  justify-content: flex-end;
  margin: 24px 0 0 !important;
}

#moreVisaInfoRequired a#submitButton {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  height: 48px;
  padding: 0 24px;
  border: 0;
  border-radius: 8px !important;
  font-size: 16px;
  font-weight: 600 !important;
}

#moreVisaInfoRequired > br {
  display: none;
}

@media (max-width: 767px) {
  body #cboxContent {
    padding: 48px 20px 20px !important;
  }

  #visaPopup .search_box_field {
    flex-direction: column;
    align-items: stretch !important;
    margin-bottom: 16px;
  }

  .selField {
    flex: none;
    width: 100%;
  }

  #moreVisaInfoRequired a#submitButton {
    width: 100%;
  }
}

.n-hero {
  --cibt-hero-h: 571px;
}

.cibt-breadcrumb li {
  min-height: 24px;
}
.cibt-breadcrumb a {
  display: inline-flex;
  align-self: stretch;
  align-items: center;
}
.lp-additional h3 > a {
  display: inline-flex;
}
.lp-additional h3 > a,
.cibt-link,
.lp-tlink,
.lp-link,
.services__link--external {
  align-items: center;
  min-height: 24px;
}
#main > .clear {
  height: 0;
}

/* FAQ (shared section: keep identical on every page) */
.n-faq {
  font-family: "Source Sans 3", Arial, sans-serif;
  background: rgba(245, 240, 235, 0.5);
}
.n-faq > .container {
  padding: 80px 80px 96px;
}
.n-faq > .container > .d-grid {
  display: grid;
  grid-template-columns: 470px minmax(0, 720px);
  gap: 64px;
}
.n-faq .faq-head > * {
  margin: 12px 0 0;
}
.n-faq .faq-head > :first-child {
  margin-top: 0;
}
.n-faq .eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #676767;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.n-faq .eyebrow::before {
  content: "";
  flex: none;
  width: 20px;
  height: 1px;
  background: var(--crimson, #a51e22);
}
.n-faq .faq-head h2 {
  color: #121212;
  font: 700 42px/1.15 Cambria, Georgia, serif;
}
.n-faq .faq-head p:not(.eyebrow) {
  color: #4f4f4f;
  font-size: 16px;
  line-height: 1.3;
}
.n-faq .faq-contact {
  display: flex;
  flex-direction: column;
  width: 363px;
  max-width: 100%;
  margin-top: 12px;
  padding: 19px 21px 21px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
}
.n-faq .faq-contact span,
.n-faq .faq-contact small {
  color: #4f4f4f;
  font-size: 12px;
  line-height: 1.3;
}
.n-faq .faq-contact span {
  text-transform: uppercase;
}
.n-faq .faq-contact a {
  margin: 8px 0;
  color: #121212;
  font-size: 22px;
  line-height: 1.2;
}
.n-faq .faq-main {
  padding-top: 32px;
}
.n-faq .faq-more {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin: 24px 0 0 auto;
  color: var(--crimson, #a51e22);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
.n-faq .faq-more img {
  width: 20px;
}
.n-faq .faq-more::before {
  content: "";
  position: absolute;
  inset: -7px -12px;
  border: 1.5px solid currentColor;
  border-radius: 4px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.12s cubic-bezier(0.4, 0, 0.2, 1);
}
.n-faq .faq-more:hover::before,
.n-faq .faq-more:focus-visible::before {
  opacity: 1;
}
@media (max-width: 1199px) {
  .n-faq > .container {
    padding: 64px 32px;
  }
  .n-faq > .container > .d-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
  }
  .n-faq aside {
    display: flex;
    align-items: flex-start;
    gap: 24px;
  }
  .n-faq .faq-head {
    flex: 1;
    min-width: 0;
  }
  .n-faq .faq-head h2 {
    font-size: 32px;
  }
  .n-faq .faq-contact {
    flex: none;
    width: 284px;
    margin-top: 0;
  }
  .n-faq .faq-main {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .n-faq > .container {
    padding: 48px 24px;
  }
  .n-faq aside {
    flex-direction: column;
    align-items: stretch;
  }
  .n-faq .faq-head h2 {
    font: 700 28px/1.25 "Source Sans 3", Arial, sans-serif;
  }
  .n-faq .faq-contact {
    width: auto;
  }
}