.elementor .btn-primary{font-family:var(--font-figtree);font-weight:500;font-size:16px;color:var(--white);letter-spacing:1px;padding-block-start:8px;padding-block-end:7px;padding-inline-start:20px;padding-inline-end:20px;border-radius:80px;border-width:2px;border-color:var(--st-blue-lite);border-style:solid;background-color:var(--st-blue-primary);}.elementor .btn-primary:hover,.elementor .btn-primary:focus-visible{border-width:2px;border-color:var(--st-blue-lite);background-color:var(--st-blue-lite);}.elementor .btn-cta-text{font-family:var(--heading-font);font-weight:400;font-size:1.75rem;text-transform:uppercase;}.elementor .supply-header{width:100%;position:fixed;inset-block-start:0px;z-index:100;padding-block-start:25px;padding-block-end:25px;/* This targets the baseline state (when it slides back DOWN / shows) */
transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease !important;
background-color: #ffffff !important;
will-change: transform; /* Tells the browser to prepare the graphics card for smooth movement */
}

/* When scrolling DOWN (hiding the header) */
.supply-header.scroll-down {
transform: translateY(-100%) !important;
/* Use a smoother 'ease-in-out' curve just for hiding so it starts gently */
transition: transform 0.6s cubic-bezier(0.42, 0, 0.58, 1) !important;
box-shadow: none !important; /* Keeps it shadowless as it exits */
}

/* When scrolling UP (revealing the header) */
.supply-header.scroll-up {
transform: translateY(0) !important;
/* Keeps your premium, snappy deceleration curve for entering */
transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1) !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important; /* Brings back the floating shadow */\n}.elementor .form-input-label{font-family:var(--body-font);font-weight:700;font-size:1.25rem;color:var(--st-blue-primary);text-align:start;text-transform:uppercase;}.elementor .form-input{height:45px;color:var(--primary-dark-1);text-align:start;padding-block-start:14px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;margin-block-end:47px;border-block-start-width:0px;border-block-end-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;}.elementor .form-input:focus{border-color:var(--primary-dark-2);}.elementor .cursor-tab{padding-block-start:20px;padding-block-end:20px;padding-inline-start:18px;padding-inline-end:18px;cursor: pointer;\n}.elementor .cursor-tab:checked{color:#ffffff00;background-color:var(--primary-lite-3);}.elementor .cursor-tab:focus{border-color:var(--primary-lite-3);}.elementor .head-subtitle{font-family:var(--heading-font);font-size:1.75rem;color:var(--st-red-orange);text-transform:uppercase;}.elementor .body-S{font-family:var(--body-font);font-weight:400;font-size:0.875rem;}.elementor .head-1{font-family:var(--heading-font);font-weight:700;font-size:clamp(3rem, 1.7566rem + 5.5263vw, 5.625rem);color:var(--primary-brand-1);}.elementor .section-heading{width:900px;padding:0px;display:flex;flex-direction:column;row-gap:14px;justify-content:center;align-items:center;}.elementor .flexbox-section{height:auto;padding:100px;background-color:var(--st-blue-bg-lite);flex-direction:column;row-gap:80px;justify-content:center;align-items:center;}.elementor .flexbox-margin-gap{margin-block-start:110px;}