:root {
--cf-primary: #2563EB;
--cf-primary-hover: #1D4ED8;
--cf-secondary: #0F172A;
--cf-bg-dark: #0B132B;
--cf-footer-bg: #111625;
--cf-text-main: #1E293B;
--cf-text-muted: #64748B;
--cf-footer-link: #8E99A8;
--cf-border: #E2E8F0;
--cf-border-light: #F1F5F9;
--cf-surface-alt: #F8FAFC;
--cf-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
--cf-font-heading: 'Outfit', 'Inter', system-ui, sans-serif;
--cf-radius-sm: 8px;
--cf-radius-md: 12px;
--cf-radius-lg: 16px;
--cf-radius-xl: 20px;
--cf-radius-pill: 50px;
--cf-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
--cf-z-navbar: 1030;
--cf-z-dropdown: 1050;
--cf-z-offcanvas: 1045;
--cf-z-modal: 1055;
} .cf-chrome,
.cf-chrome *,
.cf-chrome *::before,
.cf-chrome *::after {
box-sizing: border-box;
}
.cf-chrome ul,
.cf-chrome ol {
margin: 0;
padding: 0;
list-style: none;
}
.cf-chrome p,
.cf-chrome h1,
.cf-chrome h2,
.cf-chrome h3,
.cf-chrome h4,
.cf-chrome h5,
.cf-chrome h6 {
margin: 0;
}
.cf-chrome a {
color: inherit;
text-decoration: none;
}
.cf-chrome img,
.cf-chrome svg {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.cf-chrome button,
.cf-chrome input,
.cf-chrome select,
.cf-chrome textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.cf-chrome button {
background: none;
border: 0;
cursor: pointer;
text-transform: none;
-webkit-appearance: button;
appearance: button;
}
.cf-chrome button:disabled {
cursor: not-allowed;
opacity: 0.65;
}
.cf-chrome i {
font-style: normal; } .cf-chrome {
font-family: var(--cf-font-body) !important;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--cf-text-main);
-webkit-font-smoothing: antialiased;
}
.cf-chrome h1,
.cf-chrome h2,
.cf-chrome h3,
.cf-chrome h4,
.cf-chrome h5,
.cf-chrome h6,
.cf-chrome .font-heading {
font-family: var(--cf-font-heading) !important;
font-weight: 700;
line-height: 1.25;
} .cf-chrome .container {
width: 100%;
padding-right: 0.75rem;
padding-left: 0.75rem;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.cf-chrome .container { max-width: 540px; }
}
@media (min-width: 768px) {
.cf-chrome .container { max-width: 720px; }
}
@media (min-width: 992px) {
.cf-chrome .container { max-width: 960px; }
} @media (min-width: 1200px) {
.cf-chrome .container { max-width: 1140px; }
}
.cf-chrome .row {
--cf-gutter-x: 1.5rem;
--cf-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--cf-gutter-y));
margin-right: calc(-0.5 * var(--cf-gutter-x));
margin-left: calc(-0.5 * var(--cf-gutter-x));
}
.cf-chrome .row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--cf-gutter-x) * 0.5);
padding-left: calc(var(--cf-gutter-x) * 0.5);
margin-top: var(--cf-gutter-y);
} .cf-chrome .g-2 { --cf-gutter-x: 0.5rem; --cf-gutter-y: 0.5rem; }
.cf-chrome .g-3 { --cf-gutter-x: 1rem;   --cf-gutter-y: 1rem; }
.cf-chrome .g-4 { --cf-gutter-x: 1.5rem; --cf-gutter-y: 1.5rem; }
@media (min-width: 992px) {
.cf-chrome .g-lg-5 { --cf-gutter-x: 3rem; --cf-gutter-y: 3rem; }
} @media (min-width: 576px) {
.cf-chrome .col-sm-6 { flex: 0 0 auto; width: 50%; }
}
@media (min-width: 768px) {
.cf-chrome .col-md-4 { flex: 0 0 auto; width: 33.33333333%; }
.cf-chrome .col-md-6 { flex: 0 0 auto; width: 50%; }
}
@media (min-width: 992px) {
.cf-chrome .col-lg-3 { flex: 0 0 auto; width: 25%; }
} .cf-chrome .d-none          { display: none !important; }
.cf-chrome .d-flex          { display: flex !important; }
.cf-chrome .d-inline-flex   { display: inline-flex !important; }
.cf-chrome .d-grid          { display: grid !important; }
.cf-chrome .d-block         { display: block !important; }
@media (min-width: 576px) {
.cf-chrome .d-sm-inline { display: inline !important; }
}
.cf-chrome .flex-column      { flex-direction: column !important; }
.cf-chrome .flex-wrap        { flex-wrap: wrap !important; }
.cf-chrome .flex-shrink-0    { flex-shrink: 0 !important; }
.cf-chrome .align-items-center      { align-items: center !important; }
.cf-chrome .justify-content-center  { justify-content: center !important; }
.cf-chrome .justify-content-between { justify-content: space-between !important; }
@media (min-width: 768px) {
.cf-chrome .flex-md-row { flex-direction: row !important; }
}
@media (min-width: 992px) {
.cf-chrome .flex-lg-nowrap { flex-wrap: nowrap !important; }
}
.cf-chrome .gap-0\.5 { gap: 0.125rem !important; }
.cf-chrome .gap-1    { gap: 0.25rem !important; }
.cf-chrome .gap-2    { gap: 0.5rem !important; }
.cf-chrome .gap-3    { gap: 1rem !important; }
.cf-chrome .gap-4    { gap: 1.5rem !important; }
@media (min-width: 768px) {
.cf-chrome .gap-md-5 { gap: 3rem !important; }
}
@media (min-width: 1200px) {
.cf-chrome .gap-xl-2 { gap: 0.5rem !important; }
} .cf-chrome .mb-0 { margin-bottom: 0 !important; }
.cf-chrome .mb-2 { margin-bottom: 0.5rem !important; }
.cf-chrome .mb-3 { margin-bottom: 1rem !important; }
.cf-chrome .mb-4 { margin-bottom: 1.5rem !important; }
.cf-chrome .mt-2 { margin-top: 0.5rem !important; }
.cf-chrome .mt-3 { margin-top: 1rem !important; }
.cf-chrome .me-1 { margin-right: 0.25rem !important; }
.cf-chrome .me-2 { margin-right: 0.5rem !important; }
.cf-chrome .me-3 { margin-right: 1rem !important; }
.cf-chrome .ms-1 { margin-left: 0.25rem !important; }
.cf-chrome .ms-2 { margin-left: 0.5rem !important; }
.cf-chrome .ms-3 { margin-left: 1rem !important; }
.cf-chrome .ms-auto { margin-left: auto !important; }
.cf-chrome .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.cf-chrome .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
@media (min-width: 768px) {
.cf-chrome .ms-md-0 { margin-left: 0 !important; }
.cf-chrome .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
}
@media (min-width: 1200px) {
.cf-chrome .me-xl-4 { margin-right: 1.5rem !important; }
}
@media (min-width: 992px) {
.cf-chrome .mb-lg-0 { margin-bottom: 0 !important; }
} .cf-chrome .p-2\.5  { padding: 0.625rem !important; }
.cf-chrome .p-3\.5  { padding: 0.875rem !important; }
.cf-chrome .p-4     { padding: 1.5rem !important; }
.cf-chrome .pt-2    { padding-top: 0.5rem !important; }
.cf-chrome .px-2\.5 { padding-right: 0.625rem !important; padding-left: 0.625rem !important; }
.cf-chrome .px-3    { padding-right: 1rem !important; padding-left: 1rem !important; }
.cf-chrome .px-4    { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
.cf-chrome .py-1    { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.cf-chrome .py-2    { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.cf-chrome .py-2\.5 { padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; }
.cf-chrome .py-3    { padding-top: 1rem !important; padding-bottom: 1rem !important; }
@media (min-width: 576px) {
.cf-chrome .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
} .cf-chrome .w-100 { width: 100% !important; } .cf-chrome.py-2    { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.cf-chrome.py-2\.5 { padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; }
.cf-chrome.text-white { color: #FFFFFF !important; }
.cf-chrome.bg-white   { background-color: #FFFFFF !important; }
.cf-chrome.bg-dark    { background-color: var(--cf-secondary) !important; }
.cf-chrome.shadow-sm  { box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06) !important; }
.cf-chrome.position-relative { position: relative !important; }
.cf-chrome.sticky-top {
position: sticky;
top: 0;
z-index: var(--cf-z-navbar);
} .cf-chrome .fs-3  { font-size: 1.75rem !important; }
.cf-chrome .fs-5  { font-size: 1.25rem !important; }
.cf-chrome .fs-6  { font-size: 1rem !important; }
.cf-chrome .small { font-size: 0.875em !important; }
.cf-chrome .fw-semibold { font-weight: 600 !important; }
.cf-chrome .fw-bold     { font-weight: 700 !important; }
.cf-chrome .text-center { text-align: center !important; }
.cf-chrome .text-decoration-none { text-decoration: none !important; }
.cf-chrome .text-white    { color: #FFFFFF !important; }
.cf-chrome .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }
.cf-chrome .text-dark     { color: var(--cf-secondary) !important; }
.cf-chrome .text-primary  { color: var(--cf-primary) !important; }
.cf-chrome .text-muted    { color: var(--cf-text-muted) !important; }
.cf-chrome .text-info     { color: #38BDF8 !important; }
.cf-chrome .text-warning  { color: #F59E0B !important; }
.cf-chrome .bg-white { background-color: #FFFFFF !important; }
.cf-chrome .bg-dark  { background-color: var(--cf-secondary) !important; }
.cf-chrome .bg-white.bg-opacity-25 { background-color: rgba(255, 255, 255, 0.25) !important; }
.cf-chrome .border-0 { border: 0 !important; }
.cf-chrome .border-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important; }
.cf-chrome .border-secondary { border-color: rgba(255, 255, 255, 0.2) !important; }
.cf-chrome .rounded-3      { border-radius: var(--cf-radius-md) !important; }
.cf-chrome .rounded-4      { border-radius: var(--cf-radius-lg) !important; }
.cf-chrome .rounded-pill   { border-radius: var(--cf-radius-pill) !important; }
.cf-chrome .rounded-circle { border-radius: 50% !important; } .cf-chrome .shadow-xs { box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08) !important; }
.cf-chrome .shadow-sm { box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06) !important; }
.cf-chrome .shadow-lg { box-shadow: 0 20px 45px -8px rgba(15, 23, 42, 0.14) !important; }
.cf-chrome .position-relative { position: relative !important; }
.cf-chrome .overflow-hidden   { overflow: hidden !important; }
.cf-chrome .sticky-top {
position: sticky;
top: 0;
z-index: var(--cf-z-navbar);
}
.cf-chrome .list-unstyled {
padding-left: 0;
list-style: none;
}
.cf-chrome .collapse:not(.show) { display: none; } .cf-chrome .btn {
display: inline-block;
padding: 0.375rem 0.75rem;
font-family: inherit;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
text-align: center;
vertical-align: middle;
border: 1px solid transparent;
border-radius: var(--cf-radius-sm);
background-color: transparent;
cursor: pointer;
transition: var(--cf-transition);
} .cf-chrome a.btn {
text-decoration: none;
}
.cf-chrome .btn:disabled,
.cf-chrome .btn.disabled {
opacity: 0.65;
pointer-events: none;
}
.cf-chrome .btn-primary {
background-color: var(--cf-primary);
border-color: var(--cf-primary);
color: #FFFFFF;
}
.cf-chrome .btn-primary:hover,
.cf-chrome .btn-primary:focus {
background-color: var(--cf-primary-hover);
border-color: var(--cf-primary-hover);
color: #FFFFFF;
}
.cf-chrome .btn-outline-light {
border-color: rgba(255, 255, 255, 0.5);
color: #FFFFFF;
}
.cf-chrome .btn-outline-light:hover {
background-color: #FFFFFF;
border-color: #FFFFFF;
color: var(--cf-secondary);
} .cf-chrome .btn-primary-gradient {
background: var(--cf-primary);
color: #FFFFFF !important;
border: none;
border-radius: var(--cf-radius-pill);
padding: 12px 28px;
font-weight: 600;
box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35);
transition: var(--cf-transition);
}
.cf-chrome .btn-primary-gradient:hover {
background: var(--cf-primary-hover);
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(37, 99, 235, 0.45);
}
.cf-chrome .btn-primary-gradient:disabled,
.cf-chrome .btn-primary-gradient[disabled] {
transform: none;
box-shadow: 0 4px 14px rgba(37, 99, 235, 0.2);
}
.cf-chrome .badge {
display: inline-block;
padding: 0.35em 0.65em;
font-size: 0.75em;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: var(--cf-radius-sm);
}
.cf-chrome .form-label {
margin-bottom: 0.5rem;
color: var(--cf-text-main);
}
.cf-chrome .form-control,
.cf-chrome .form-select {
display: block;
width: 100%;
padding: 0.5rem 0.85rem;
font-family: inherit;
font-size: 0.95rem;
line-height: 1.5;
color: var(--cf-text-main);
background-color: #FFFFFF;
border: 1px solid var(--cf-border);
border-radius: var(--cf-radius-sm);
transition: border-color 0.15s ease, box-shadow 0.15s ease;
-webkit-appearance: none;
appearance: none;
}
.cf-chrome .form-select {
padding-right: 2.25rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
}
.cf-chrome .form-control:focus,
.cf-chrome .form-select:focus {
outline: 0;
border-color: var(--cf-primary);
box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.15);
}
.cf-chrome .form-control::placeholder {
color: #94A3B8;
opacity: 1;
}
.cf-chrome .btn-close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em;
border: 0;
border-radius: var(--cf-radius-sm);
opacity: 0.5;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.cf-chrome .btn-close:hover { opacity: 0.85; }
.cf-chrome .btn-close-white {
filter: invert(1) grayscale(100%) brightness(200%);
} .cf-chrome.navbar,
.cf-chrome .navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.cf-chrome .navbar-brand {
display: inline-block;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
white-space: nowrap;
}
.cf-chrome .navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.cf-chrome .nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.cf-chrome .nav-link {
display: block;
text-decoration: none;
transition: color 0.15s ease;
}
.cf-chrome .navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}
.cf-chrome .navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: var(--cf-radius-sm);
}
.cf-chrome .navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
@media (min-width: 992px) {
.cf-chrome.navbar-expand-lg,
.cf-chrome .navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start;
}
.cf-chrome.navbar-expand-lg .navbar-nav,
.cf-chrome .navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.cf-chrome.navbar-expand-lg .navbar-collapse,
.cf-chrome .navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.cf-chrome.navbar-expand-lg .navbar-toggler,
.cf-chrome .navbar-expand-lg .navbar-toggler {
display: none;
}
} .cf-chrome .dropdown-menu {
position: absolute;
z-index: var(--cf-z-dropdown);
display: none;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0;
list-style: none;
background-color: #FFFFFF;
background-clip: padding-box;
border: 1px solid var(--cf-border);
border-radius: var(--cf-radius-md);
text-align: left;
}
.cf-chrome .dropdown-menu.show { display: block; }
.cf-chrome .dropdown-toggle::after {
display: inline-block;
margin-left: 0.32em;
vertical-align: 0.18em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
@keyframes cfMegaMenuFadeSlide {
0%   { opacity: 0; transform: translateY(12px) scale(0.98); }
100% { opacity: 1; transform: translateY(0) scale(1); }
} .cf-chrome.offcanvas,
.cf-chrome .offcanvas {
position: fixed;
bottom: 0;
z-index: var(--cf-z-offcanvas);
display: flex;
flex-direction: column;
max-width: 100%;
visibility: hidden;
background-clip: padding-box;
outline: 0;
transition: transform 0.3s ease-in-out;
}
.cf-chrome.offcanvas-start,
.cf-chrome .offcanvas-start {
top: 0;
left: 0;
width: 320px;
max-width: 85vw;
border-right: 1px solid rgba(255, 255, 255, 0.1);
transform: translateX(-100%);
}
.cf-chrome.offcanvas.show,
.cf-chrome.offcanvas.showing,
.cf-chrome .offcanvas.show,
.cf-chrome .offcanvas.showing {
visibility: visible;
transform: none;
}
.cf-chrome.offcanvas.hiding,
.cf-chrome .offcanvas.hiding {
visibility: visible;
}
.cf-chrome .offcanvas-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem;
}
.cf-chrome .offcanvas-title {
margin-bottom: 0;
line-height: 1.5;
}
.cf-chrome .offcanvas-body {
flex-grow: 1;
padding: 1rem;
overflow-y: auto;
} .cf-chrome .offcanvas-body::-webkit-scrollbar        { width: 5px; }
.cf-chrome .offcanvas-body::-webkit-scrollbar-track  { background: rgba(0, 0, 0, 0.1); }
.cf-chrome .offcanvas-body::-webkit-scrollbar-thumb  { background: rgba(255, 255, 255, 0.2); border-radius: 4px; } .offcanvas-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
}
.offcanvas-backdrop.fade { opacity: 0; }
.offcanvas-backdrop.show { opacity: 0.5; }
.offcanvas-backdrop.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.offcanvas-backdrop.fade { transition: none; }
} .cf-chrome.modal,
.cf-chrome .modal {
position: fixed;
top: 0;
left: 0;
z-index: var(--cf-z-modal);
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
}
.cf-chrome .modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
}
@media (min-width: 576px) {
.cf-chrome .modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
}
}
.cf-chrome.modal.fade .modal-dialog,
.cf-chrome .modal.fade .modal-dialog {
transform: translate(0, -50px);
transition: transform 0.3s ease-out;
}
.cf-chrome.modal.show .modal-dialog,
.cf-chrome .modal.show .modal-dialog {
transform: none;
}
.cf-chrome .modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem);
}
@media (min-width: 576px) {
.cf-chrome .modal-dialog-centered { min-height: calc(100% - 3.5rem); }
}
.cf-chrome .modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #FFFFFF;
background-clip: padding-box;
border: 1px solid rgba(15, 23, 42, 0.1);
border-radius: var(--cf-radius-lg);
outline: 0;
}
.cf-chrome .modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: 1rem;
}
.cf-chrome .modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.cf-chrome .modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
} .cf-chrome.modal.fade,
.cf-chrome .modal.fade {
transition: opacity 0.15s linear;
} .cf-chrome.header-offers-bar {
background: var(--cf-bg-dark);
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
letter-spacing: 0.2px;
font-size: 0.82rem;
color: #FFFFFF;
} .cf-chrome .cf-offer-badge {
font-size: 0.72rem;
letter-spacing: 0.5px;
background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
color: #FFFFFF;
transition: opacity 0.3s ease, background 0.3s ease;
opacity: 1;
}
.cf-chrome .cf-offer-text {
transition: opacity 0.3s ease;
opacity: 1;
}
.cf-chrome .cf-offer-text strong { color: #FFFFFF; font-weight: 700; }
.cf-chrome .cf-topbar-phone {
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.25);
font-size: 0.82rem;
letter-spacing: 0.3px;
padding: 0 14px 0 4px;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
transition: var(--cf-transition);
}
.cf-chrome .cf-topbar-phone:hover {
background: rgba(255, 255, 255, 0.2);
}
.cf-chrome .cf-topbar-whatsapp {
background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
border: 1px solid rgba(255, 255, 255, 0.25);
font-size: 0.82rem;
box-shadow: 0 4px 14px rgba(37, 211, 102, 0.35);
padding: 0 11px 0 4px;
transition: var(--cf-transition);
}
.cf-chrome .cf-topbar-whatsapp:hover {
box-shadow: 0 6px 18px rgba(37, 211, 102, 0.5);
transform: translateY(-1px);
}
.cf-chrome .cf-topbar-icon {
width: 22px;
height: 22px;
flex-shrink: 0;
font-size: 0.72rem;
}
.cf-chrome .cf-topbar-icon--phone {
background: rgba(56, 189, 248, 0.22);
border: 1px solid rgba(56, 189, 248, 0.45);
color: #38BDF8;
} .cf-chrome.cf-navbar {
background-color: #FFFFFF;
border-bottom: 1px solid var(--cf-border);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
margin: 0;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
z-index: var(--cf-z-navbar);
}
.cf-chrome .cf-brand {
letter-spacing: -0.3px;
font-weight: 800;
color: var(--cf-secondary);
font-size: 1.75rem;
}
.cf-chrome .cf-brand img {
max-height: 46px;
width: auto;
}
.cf-chrome .cf-nav-link {
font-size: 0.9rem;
white-space: nowrap;
color: var(--cf-secondary);
font-weight: 600;
}
.cf-chrome .cf-nav-link:hover,
.cf-chrome .cf-nav-link:focus {
color: var(--cf-primary);
}
.cf-chrome .cf-nav .nav-item.current-menu-item > .cf-nav-link,
.cf-chrome .cf-nav .nav-item.current_page_item > .cf-nav-link {
color: var(--cf-primary);
}
.cf-chrome .cf-cta {
background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
border: 1px solid rgba(255, 255, 255, 0.2);
color: #FFFFFF;
font-size: 0.9rem;
font-weight: 700;
white-space: nowrap;
line-height: 1.6;
}
.cf-chrome .cf-cta:hover,
.cf-chrome .cf-cta:focus {
background: linear-gradient(135deg, #1D4ED8 0%, #1E40AF 100%);
color: #FFFFFF;
transform: translateY(-1px);
box-shadow: 0 8px 20px rgba(37, 99, 235, 0.35);
}
.cf-chrome .cf-cta span,
.cf-chrome .cf-cta i { color: #FFFFFF; }
.cf-chrome .cf-cta i { font-size: 0.78rem; } .cf-chrome .mega-menu-clean {
min-width: 820px; border-radius: var(--cf-radius-md);
border: 1px solid var(--cf-border);
box-shadow: 0 20px 45px -8px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(15, 23, 42, 0.03);
padding: 20px 24px;
background-color: #FFFFFF;
}
.cf-chrome .dropdown-menu.show,
.cf-chrome .dropdown-menu.mega-menu-clean.show {
animation: cfMegaMenuFadeSlide 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.cf-chrome .megamenu-col { position: relative; }
@media (min-width: 768px) {
.cf-chrome .megamenu-col + .megamenu-col {
border-left: 1px solid var(--cf-border-light);
padding-left: 18px;
}
}
.cf-chrome .megamenu-column-title {
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--cf-primary);
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid var(--cf-border-light);
display: block;
}
.cf-chrome .megamenu-link-item {
display: block;
padding: 7px 10px;
margin: 1px 0;
border-radius: var(--cf-radius-sm);
text-decoration: none;
font-size: 0.88rem;
font-weight: 500;
color: #334155;
transition: all 0.15s ease;
white-space: nowrap;
}
.cf-chrome .megamenu-link-item:hover,
.cf-chrome .megamenu-link-item:focus {
background-color: var(--cf-surface-alt);
color: var(--cf-primary);
font-weight: 600;
} @media (min-width: 992px) {
.cf-chrome .nav-item.dropdown {
position: relative;
padding-bottom: 12px;
margin-bottom: -12px;
}
.cf-chrome .nav-item.dropdown > .dropdown-menu {
display: block;
position: absolute;
top: 100%;
left: 0;
z-index: var(--cf-z-dropdown);
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
visibility 0.2s cubic-bezier(0.4, 0, 0.2, 1);
margin-top: 0;
pointer-events: none;
}
.cf-chrome .nav-item.dropdown:hover > .dropdown-menu,
.cf-chrome .nav-item.dropdown > .dropdown-menu.show,
.cf-chrome .nav-item.dropdown > .dropdown-menu:hover {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.cf-chrome .nav-item.dropdown:hover > .nav-link {
color: var(--cf-primary);
} } .cf-chrome .dropdown-menu:not(.mega-menu-clean) {
min-width: 280px;
border-radius: var(--cf-radius-md);
border: 1px solid var(--cf-border);
padding: 0.625rem;
} .cf-chrome.cf-offcanvas {
background-color: var(--cf-secondary);
color: #FFFFFF;
}
.cf-chrome.cf-offcanvas .offcanvas-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.cf-chrome.cf-offcanvas .offcanvas-title {
color: #FFFFFF;
font-weight: 700;
}
.cf-chrome.cf-offcanvas .nav-link {
color: #FFFFFF;
padding: 0.35rem 0;
}
.cf-chrome.cf-offcanvas .nav-link:hover,
.cf-chrome.cf-offcanvas .nav-link:focus {
color: #60A5FA;
}
.cf-chrome.cf-offcanvas .cf-offcanvas-sub .nav-link {
color: rgba(255, 255, 255, 0.6);
font-size: 0.95rem;
font-weight: 500;
}
.cf-chrome.cf-offcanvas .cf-offcanvas-sub .nav-link:hover {
color: #FFFFFF;
} .cf-chrome.footer-expert {
background-color: var(--cf-footer-bg);
border-top: 1px solid rgba(255, 255, 255, 0.06);
padding-top: 65px;
padding-bottom: 35px;
color: #FFFFFF;
} .cf-chrome .cf-footer-col .footer-title {
font-family: var(--cf-font-heading) !important;
font-size: 0.95rem;
font-weight: 700;
letter-spacing: 0.06em;
color: #FFFFFF;
text-transform: uppercase;
margin: 0 0 1.4rem 0;
padding: 0;
border: 0;
background: none;
} .cf-chrome .cf-footer-col .widget {
margin: 0 0 2rem 0;
padding: 0;
border: 0;
background: none;
list-style: none;
}
.cf-chrome .cf-footer-col .widget:last-child {
margin-bottom: 0;
} .cf-chrome .cf-footer-col .widget_nav_menu ul.menu,
.cf-chrome .cf-footer-col .widget_nav_menu ul.menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.cf-chrome .cf-footer-col .widget_nav_menu ul.menu li {
margin: 0;
padding: 0;
list-style: none;
border: 0;
}
.cf-chrome .cf-footer-col .widget_nav_menu ul.menu li a {
color: var(--cf-footer-link);
text-decoration: none;
font-size: 0.845rem;
font-weight: 400;
line-height: 2.1;
display: inline-block;
transition: color 0.2s ease, transform 0.2s ease;
background: none;
padding: 0;
}
.cf-chrome .cf-footer-col .widget_nav_menu ul.menu li a:hover,
.cf-chrome .cf-footer-col .widget_nav_menu ul.menu li a:focus {
color: #FFFFFF;
transform: translateX(2px);
} .cf-chrome .cf-footer-col .widget_nav_menu ul.menu ul {
padding-left: 0.75rem;
} .cf-chrome .cf-footer-col .footer_social {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
margin: 0;
padding: 0;
list-style: none;
}
.cf-chrome .cf-footer-col .footer_social li {
margin: 0;
padding: 0;
list-style: none;
}
.cf-chrome .cf-footer-col .footer_social li a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.16);
background: transparent;
color: var(--cf-footer-link);
text-decoration: none;
transition: all 0.25s ease;
}
.cf-chrome .cf-footer-col .footer_social li a:hover {
border-color: rgba(255, 255, 255, 0.5);
color: #FFFFFF;
background: rgba(255, 255, 255, 0.08);
transform: translateY(-2px);
}
.cf-chrome .cf-footer-col .footer_social li a span {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.cf-chrome .cf-footer-col .footer_social li a span i {
font-size: 0.82rem;
line-height: 1;
color: inherit;
} .cf-chrome .cf-footer-divider {
border-top: 1px solid rgba(255, 255, 255, 0.08);
height: 0;
width: 100%;
} .cf-chrome .cf-footer-secondary {
min-height: 0;
}
.cf-chrome .cf-footer-secondary:empty {
display: none;
}
.cf-chrome .cf-footer-secondary .widget {
margin: 0;
padding: 0;
background: none;
border: 0;
}
.cf-chrome .cf-footer-secondary .footer-title {
font-size: 0.85rem;
color: #FFFFFF;
margin: 0 0 0.35rem 0;
}
.cf-chrome .cf-footer-secondary ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1.5rem;
margin: 0;
padding: 0;
list-style: none;
}
.cf-chrome .cf-footer-secondary a {
color: var(--cf-footer-link);
text-decoration: none;
font-size: 0.85rem;
transition: color 0.2s ease;
}
.cf-chrome .cf-footer-secondary a:hover {
color: #FFFFFF;
} .cf-chrome .footer-legal-note {
color: var(--cf-text-muted);
font-size: 0.785rem;
line-height: 1.6;
}
.cf-chrome .footer-legal-note a {
color: var(--cf-footer-link);
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.2s ease;
}
.cf-chrome .footer-legal-note a:hover {
color: #FFFFFF;
} .cf-chrome .cf-menu-warning {
max-width: 100%;
} .cf-chrome .cf-nav--fallback {
list-style: none;
margin: 0;
padding: 0;
} .cf-chrome .ajax-lead-form {
margin: 0;
}
.cf-chrome .ajax-lead-form .form-label {
font-size: 0.85rem;
font-weight: 600;
color: #334155;
} .cf-chrome .form-alert {
padding: 0.625rem 0.85rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: var(--cf-radius-sm);
font-size: 0.85rem;
line-height: 1.5;
}
.cf-chrome .form-alert.is-success {
background-color: #ECFDF5;
border-color: #A7F3D0;
color: #047857;
}
.cf-chrome .form-alert.is-error {
background-color: #FEF2F2;
border-color: #FECACA;
color: #B91C1C;
}
.cf-chrome .modal-header.bg-dark .modal-title {
color: #FFFFFF;
font-size: 1.15rem;
} @media (max-width: 991.98px) { .cf-chrome .mega-menu-clean {
min-width: 100%;
box-shadow: none;
}
.cf-chrome .megamenu-col + .megamenu-col {
border-left: 0;
padding-left: 0;
}
.cf-chrome.cf-navbar {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.cf-chrome .cf-brand {
font-size: 1.4rem;
}
.cf-chrome.footer-expert {
padding-top: 45px;
padding-bottom: 28px;
}
}
@media (max-width: 767.98px) {
.cf-chrome .cf-footer-col .widget {
margin-bottom: 1.75rem;
}
.cf-chrome .cf-footer-secondary ul {
justify-content: center;
}
}
@media (max-width: 575.98px) {
.cf-chrome.header-offers-bar {
font-size: 0.75rem;
}  .cf-chrome .cf-offer-text {
display: block;
max-width: 100%;
overflow: visible;
text-overflow: clip;
white-space: normal;
line-height: 1.35;
}
.cf-chrome .cf-topbar-phone,
.cf-chrome .cf-topbar-whatsapp {
font-size: 0.75rem;
}
.cf-chrome .cf-footer-col {
margin-bottom: 0.5rem;
}
} @media (prefers-reduced-motion: reduce) {
.cf-chrome *,
.cf-chrome *::before,
.cf-chrome *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
} .cf-chrome .cf-brand {
font-size: 0 !important;
line-height: 0 !important;
}
.cf-chrome .cf-brand-logo,
.cf-chrome .cf-brand .custom-logo {
height: 58px !important;
width: auto !important;
max-width: 260px;
display: block;
object-fit: contain;
}
@media (max-width: 575.98px) {
.cf-chrome .cf-brand-logo,
.cf-chrome .cf-brand .custom-logo {
height: 42px;
}
}  @media (min-width: 992px) {
.cf-chrome .d-lg-flex { display: flex !important; }
.cf-chrome .d-lg-none { display: none !important; }
} .cf-chrome.cf-offcanvas .cf-offcanvas-brand {
font-size: 0;
line-height: 0;
margin: 0;
}
.cf-chrome.cf-offcanvas .cf-offcanvas-brand .cf-brand-logo {
height: 40px !important;
width: auto !important;
max-width: 190px;
display: block;
background: #fff;
padding: 4px 8px;
border-radius: 6px;
} .cf-chrome.cf-offcanvas .offcanvas-body {
display: flex;
flex-direction: column;
padding: 1rem 1.25rem 2rem;
overflow-y: auto;
}
.cf-chrome.cf-offcanvas .cf-offcanvas-nav {
list-style: none;
padding-left: 0;
margin: 0;
width: 100%;
}
.cf-chrome.cf-offcanvas .cf-offcanvas-nav > li {
width: 100%;
}
.cf-chrome.cf-offcanvas .cf-offcanvas-nav > li:last-child {
border-bottom: 0;
} .cf-chrome.cf-offcanvas .cf-offcanvas-nav > li > .nav-link {
display: block;
width: 100%;
padding: 0.85rem 0;
font-size: 1rem;
font-weight: 600;
color: #fff;
text-decoration: none;
letter-spacing: -0.01em;
} .cf-chrome.cf-offcanvas .cf-offcanvas-sub {
list-style: none;
padding-left: 0;
margin: 0 0 0.6rem 0.25rem;
border-left: 2px solid rgba(255, 255, 255, 0.12);
}
.cf-chrome.cf-offcanvas .cf-offcanvas-sub > li { width: 100%; }
.cf-chrome.cf-offcanvas .cf-offcanvas-sub .nav-link {
display: block;
width: 100%;
padding: 0.5rem 0 0.5rem 0.9rem;
font-size: 0.9rem;
font-weight: 400;
color: rgba(255, 255, 255, 0.62);
text-decoration: none;
}
.cf-chrome.cf-offcanvas .cf-offcanvas-sub .cf-offcanvas-sub {
margin-left: 0.9rem;
}
.cf-chrome.cf-offcanvas .nav-link:hover,
.cf-chrome.cf-offcanvas .nav-link:focus {
color: #60A5FA;
} .cf-chrome .cf-offcanvas-contact {
border-top: 1px solid rgba(255, 255, 255, 0.12);
display: flex;
flex-direction: column;
gap: 0.6rem;
}
.cf-chrome .cf-offcanvas-contact-link {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.7rem 0.9rem;
border-radius: 10px;
text-decoration: none;
border: 1px solid rgba(255, 255, 255, 0.18);
background: rgba(255, 255, 255, 0.06);
}
.cf-chrome .cf-offcanvas-whatsapp {
background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
border-color: rgba(255, 255, 255, 0.25);
}
.cf-chrome .cf-offcanvas-contact-icon {
width: 34px;
height: 34px;
flex: 0 0 34px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.18);
color: #fff;
font-size: 0.95rem;
}
.cf-chrome .cf-offcanvas-contact-text {
display: flex;
flex-direction: column;
line-height: 1.25;
}
.cf-chrome .cf-offcanvas-contact-text small {
font-size: 0.7rem;
color: rgba(255, 255, 255, 0.65);
letter-spacing: 0.02em;
}
.cf-chrome .cf-offcanvas-whatsapp .cf-offcanvas-contact-text small {
color: rgba(255, 255, 255, 0.85);
}
.cf-chrome .cf-offcanvas-contact-text strong {
font-size: 0.95rem;
font-weight: 700;
color: #fff;
}  .cf-chrome .navbar-collapse,
.cf-chrome .cf-nav {
min-width: 0;
} .cf-chrome .mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
@media (min-width: 992px) { .cf-chrome .cf-nav-link {
font-size: 0.72rem !important;
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
letter-spacing: -0.2px;
}
.cf-chrome .cf-nav {
gap: 0 !important;
} .cf-chrome .cf-brand-logo,
.cf-chrome .cf-brand .custom-logo {
max-width: 110px;
}
.cf-chrome .cf-brand {
margin-right: 0.4rem !important;
} .cf-chrome .navbar-collapse > .flex-shrink-0 {
flex-shrink: 1 !important;
min-width: 0;
margin-left: 0.4rem !important;
}
.cf-chrome .cf-cta {
font-size: 0.72rem !important;
padding: 0.5rem 0.8rem !important;
line-height: 1.35;
}
.cf-chrome .cf-cta i {
font-size: 0.65rem;
} .cf-chrome .dropdown-toggle::after {
margin-left: 0.2em;
border-top-width: 0.25em;
border-right-width: 0.25em;
border-left-width: 0.25em;
}
}
@media (min-width: 1200px) { .cf-chrome .cf-nav-link {
font-size: 0.78rem !important;
padding-left: 0.42rem !important;
padding-right: 0.42rem !important;
letter-spacing: -0.1px;
}
.cf-chrome .cf-nav {
gap: 0.1rem !important;
}
.cf-chrome .cf-brand-logo,
.cf-chrome .cf-brand .custom-logo {
max-width: 150px;
}
.cf-chrome .cf-brand {
margin-right: 0.8rem !important;
}
.cf-chrome .navbar-collapse > .flex-shrink-0 {
margin-left: 0.75rem !important;
}
.cf-chrome .cf-cta {
font-size: 0.78rem !important;
padding: 0.55rem 1rem !important;
line-height: 1.4;
}
.cf-chrome .cf-cta i {
font-size: 0.7rem;
}
} .cf-chrome .cf-lead-submit,
.cf-chrome input[type="submit"].btn {
-webkit-appearance: none;
appearance: none;
display: block;
height: auto;
border: 0;
font-family: inherit;
font-size: 0.95rem;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.2px;
text-align: center;
cursor: pointer;
color: #FFFFFF;
}
.cf-chrome .cf-lead-submit:disabled,
.cf-chrome input[type="submit"].btn:disabled {
opacity: 0.7;
cursor: not-allowed;
transform: none;
box-shadow: 0 4px 14px rgba(37, 99, 235, 0.2);
} .cf-chrome .cf-turnstile-box {
display: flex;
justify-content: center;
align-items: center;
min-height: 65px;
width: 100%;
}
.cf-chrome .cf-turnstile-box iframe {
max-width: 100%;
}
.cf-chrome .cf-turnstile-box:empty {
min-height: 0;
} .cf-chrome.cf-offcanvas .offcanvas-body {
min-height: 0;
flex: 1 1 auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.cf-chrome.cf-offcanvas .offcanvas-header {
flex: 0 0 auto;
} .cf-chrome.cf-offcanvas {
max-height: 100dvh;
} @media (max-width: 575.98px) {
.cf-chrome.header-offers-bar .container {
flex-wrap: nowrap;
align-items: flex-start;
gap: 0.5rem;
}
.cf-chrome #topOffersTicker {
flex: 1 1 auto;
min-width: 0;
align-items: flex-start;
}
.cf-chrome .cf-offer-badge {
flex: 0 0 auto;
white-space: nowrap;
}
}  .cf-chrome.cf-offcanvas .cf-offcanvas-sub {
display: none;
}
.cf-chrome.cf-offcanvas .cf-has-sub.is-open > .cf-offcanvas-sub {
display: block;
}
.cf-chrome.cf-offcanvas .cf-sub-trigger {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
cursor: pointer;
}
.cf-chrome.cf-offcanvas .cf-sub-label {
flex: 1 1 auto;
min-width: 0;
}
.cf-chrome.cf-offcanvas .cf-sub-caret {
flex: 0 0 auto;
width: 9px;
height: 9px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(-45deg); transform-origin: center;
opacity: 0.6;
transition: transform 0.2s ease, opacity 0.2s ease;
margin-right: 4px;
}
.cf-chrome.cf-offcanvas .cf-has-sub.is-open > .cf-sub-trigger .cf-sub-caret {
transform: rotate(45deg); opacity: 1;
} .cf-chrome.cf-offcanvas .cf-offcanvas-sub .cf-sub-trigger {
font-size: 0.9rem;
} .cf-chrome .mega-menu-clean ul,
.cf-chrome .dropdown-menu ul {
margin: 0;
padding: 0;
list-style: none;
gap: 0 !important;
}
.cf-chrome .mega-menu-clean li,
.cf-chrome .dropdown-menu li {
margin: 0;
padding: 0;
line-height: 1.2;
list-style: none;
}
.cf-chrome .mega-menu-clean li::before,
.cf-chrome .dropdown-menu li::before {
content: none;
}
.cf-chrome .megamenu-link-item {
padding: 6px 10px;
margin: 0;
line-height: 1.35;
}
.cf-chrome .megamenu-col {
padding-top: 0;
padding-bottom: 0;
}
.cf-chrome .megamenu-column-title {
margin-bottom: 6px;
padding-bottom: 6px;
}
.cf-chrome .mega-menu-clean {
padding: 16px 18px;
}
.cf-chrome .mega-menu-clean .row {
--cf-gutter-y: 0;
} @media (min-width: 992px) {
.cf-chrome.cf-navbar .container {
position: relative;
}
.cf-chrome .nav-item.cf-mega-parent {
position: static;
} .cf-chrome .nav-item.dropdown.cf-mega-parent > .dropdown-menu.mega-menu-clean {
left: 50%;
right: auto;
transform: translateX(-50%) translateY(10px);
width: min(920px, calc(100vw - 32px));
min-width: 0;
max-width: calc(100vw - 32px);
}
.cf-chrome .nav-item.dropdown.cf-mega-parent:hover > .dropdown-menu.mega-menu-clean,
.cf-chrome .nav-item.dropdown.cf-mega-parent > .dropdown-menu.mega-menu-clean.show,
.cf-chrome .nav-item.dropdown.cf-mega-parent > .dropdown-menu.mega-menu-clean:hover {
transform: translateX(-50%) translateY(0);
} .cf-chrome .mega-menu-clean .megamenu-link-item {
white-space: normal;
}
} @media (max-width: 991.98px) {
.cf-chrome.header-offers-bar .container {
flex-wrap: wrap;
justify-content: center;
row-gap: 0.25rem;
}
.cf-chrome #topOffersTicker {
flex: 1 1 100%;
min-width: 0;
flex-direction: column;
align-items: center;
text-align: center;
gap: 0.3rem;
}
.cf-chrome .cf-offer-badge {
flex: 0 0 auto;
white-space: nowrap;
}
.cf-chrome .cf-offer-text {
display: block;
width: 100%;
max-width: 100%;
white-space: normal;
overflow: visible;
text-overflow: clip;
word-break: break-word;
line-height: 1.35;
}
}
@media (max-width: 575.98px) {
.cf-chrome.header-offers-bar {
font-size: 0.72rem;
padding-top: 0.4rem !important;
padding-bottom: 0.4rem !important;
}
.cf-chrome .cf-offer-badge {
font-size: 0.62rem;
}
} .cf-chrome.cf-offcanvas .cf-offcanvas-nav > li > .nav-link.cf-sub-trigger,
.cf-chrome.cf-offcanvas .cf-offcanvas-sub > li > .nav-link.cf-sub-trigger {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
width: 100%;
cursor: pointer;
}
.cf-chrome.cf-offcanvas .cf-sub-label {
flex: 1 1 auto;
min-width: 0;
}
.cf-chrome.cf-offcanvas .cf-sub-caret {
display: block; flex: 0 0 auto;
box-sizing: border-box;
width: 9px;
height: 9px;
border: 0;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(-45deg); transform-origin: center;
opacity: 0.65;
transition: transform 0.2s ease, opacity 0.2s ease;
margin-right: 5px;
}
.cf-chrome.cf-offcanvas .cf-has-sub.is-open > .cf-sub-trigger .cf-sub-caret {
transform: rotate(45deg); opacity: 1;
}