.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 .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 .body-S{font-family:var(--body-font);font-weight:400;font-size:0.875rem;}.elementor .body-M{font-family:var(--body-font);font-weight:400;font-size:1rem;line-height:1.4rem;}.elementor .body-L{font-family:var(--body-font);font-weight:400;font-size:1.125rem;color:var(--white);line-height:1.6rem;text-align:start;}.elementor .head-4{font-family:var(--heading-font);font-weight:400;font-size:clamp(1.75rem, 1.4539rem + 1.3158vw, 2.375rem);}.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;}.elementor .tab-trigger{width:auto;color:var(--primary-lite-3);padding:20px;border-start-start-radius:5px;border-start-end-radius:5px;border-width:1px;border-color:var(--primary-lite-1);background-color:var(--primary-dark-2);display:flex;flex-direction:column;justify-content:center;align-items:center;}.elementor .tab-trigger.e--selected{border-color:var(--primary-lite-3);background-color:var(--st-blue-primary);}.elementor .tab-trigger:hover,.elementor .tab-trigger:focus-visible{background-color:var(--primary-dark-1);}