/* Spacing CSS
 * Version: 2.8.24
 */
 
 @media only screen and (min-width: 1121px) {
    /* only desktop */
    /* set in the builder */
}

@media only screen and (min-width: 620px) {
    /* desktop and tablet */
    /* set in the builder */
}

@media only screen and (min-width: 620px) and (max-width: 1120px) {
    /* only tablet */
    /* set in the builder */
}

@media only screen and (max-width: 1120px) {
    /* tablet and mobile */
}

@media only screen and (max-width: 619px) {
    /* only mobile */
    /* set in the builder */
}

:root {
    /* builder's value */
    --sp-site-width: var(--site_width);
}

:root {
    --sp-0: 0;          /* 0px */
    --sp-1: 0.25rem;    /* 4px */
    --sp-2: 0.5rem;     /* 8px */
    --sp-3: 0.75rem;    /* 12px */
    --sp-4: 1rem;       /* 16px */
    --sp-5: 1.5rem;     /* 24px */
    --sp-6: 2rem;       /* 32px */
    --sp-6-5: 2.625rem; /* 42px */
    --sp-7: 3rem;       /* 48px */
    --sp-7-5: 3.375rem; /* 54px */
    --sp-8: 4rem;       /* 64px */
    --sp-9: 6rem;       /* 96px */
    --sp-9-5: 7rem;     /* 112px */
    --sp-10: 8rem;      /* 128px */
    --sp-11: 12rem;     /* 192px */
    --sp-12: 16rem;     /* 256px */
}

/* Medium Screens (Desktop/Tablet scale-down) */
@media only screen and (max-width: 1120px) {
    :root {
        --sp-7: 2.5rem;  /* 40px */
        --sp-8: 3.5rem;  /* 56px */
        --sp-9: 4.5rem;  /* 72px */
        --sp-10: 5.5rem; /* 88px */
        --sp-11: 7.5rem; /* 120px */
        --sp-12: 9.5rem; /* 152px */
    }
}

/* Mobile Screens */
@media only screen and (max-width: 619px) {
    :root {
        /* --sp-7 remains 40px as inherited from the query above */
        --sp-8: 3rem;    /* 48px */
        --sp-9: 4rem;    /* 64px */
        --sp-10: 5rem;   /* 80px */
        --sp-11: 6rem;   /* 96px */
        --sp-12: 7rem;   /* 112px */
    }
}

:root {
    --sp-safe-100svh: clamp(calc(3 * var(--sp-11)), 100svh, calc(10 * var(--sp-11)));
    --sp-safe-95svh: clamp(calc(3 * var(--sp-11)), 95svh, calc(10 * var(--sp-11)));
    --sp-safe-90svh: clamp(calc(3 * var(--sp-11)), 90svh, calc(10 * var(--sp-11)));
    --sp-safe-85svh: clamp(calc(3 * var(--sp-11)), 85svh, calc(10 * var(--sp-11)));
    --sp-safe-80svh: clamp(calc(3 * var(--sp-11)), 80svh, calc(10 * var(--sp-11)));
    --sp-safe-75svh: clamp(calc(3 * var(--sp-11)), 75svh, calc(10 * var(--sp-11)));
    --sp-safe-70svh: clamp(calc(3 * var(--sp-11)), 70svh, calc(10 * var(--sp-11)));
    --sp-safe-65svh: clamp(calc(3 * var(--sp-11)), 65svh, calc(10 * var(--sp-11)));
    --sp-safe-60svh: clamp(calc(3 * var(--sp-11)), 60svh, calc(10 * var(--sp-11)));
    --sp-safe-55svh: clamp(calc(3 * var(--sp-11)), 55svh, calc(10 * var(--sp-11)));
    --sp-safe-50svh: clamp(calc(3 * var(--sp-11)), 50svh, calc(10 * var(--sp-11)));
    --sp-safe-45svh: clamp(calc(3 * var(--sp-11)), 45svh, calc(10 * var(--sp-11)));
    --sp-safe-40svh: clamp(calc(3 * var(--sp-11)), 40svh, calc(10 * var(--sp-11)));
    --sp-safe-35svh: clamp(calc(3 * var(--sp-11)), 35svh, calc(10 * var(--sp-11)));
    --sp-safe-30svh: clamp(calc(3 * var(--sp-11)), 30svh, calc(10 * var(--sp-11)));
    --sp-safe-25svh: clamp(calc(3 * var(--sp-11)), 25svh, calc(10 * var(--sp-11)));
    --sp-safe-20svh: clamp(calc(3 * var(--sp-11)), 20svh, calc(10 * var(--sp-11)));
    --sp-safe-15svh: clamp(calc(3 * var(--sp-11)), 15svh, calc(10 * var(--sp-11)));
    --sp-safe-10svh: clamp(calc(3 * var(--sp-11)), 10svh, calc(10 * var(--sp-11)));
    --sp-safe-5svh: clamp(calc(3 * var(--sp-11)), 5svh, calc(10 * var(--sp-11)));
}



body .sp-mw-5,
body .sp-mw-5-section > * {
    max-width: calc(var(--sp-site-width) * 0.05) !important;
}

body .sp-mw-10,
body .sp-mw-10-section > * {
    max-width: calc(var(--sp-site-width) * 0.1) !important;
}

body .sp-mw-15,
body .sp-mw-15-section > * {
    max-width: calc(var(--sp-site-width) * 0.15) !important;
}

body .sp-mw-20,
body .sp-mw-20-section > * {
    max-width: calc(var(--sp-site-width) * 0.2) !important;
}

body .sp-mw-25,
body .sp-mw-25-section > * {
    max-width: calc(var(--sp-site-width) * 0.25) !important;
}

body .sp-mw-30,
body .sp-mw-30-section > * {
    max-width: calc(var(--sp-site-width) * 0.3) !important;
}

body .sp-mw-35,
body .sp-mw-35-section > * {
    max-width: calc(var(--sp-site-width) * 0.35) !important;
}

body .sp-mw-40,
body .sp-mw-40-section > * {
    max-width: calc(var(--sp-site-width) * 0.4) !important;
}

body .sp-mw-45,
body .sp-mw-45-section > * {
    max-width: calc(var(--sp-site-width) * 0.45) !important;
}

body .sp-mw-50,
body .sp-mw-50-section > * {
    max-width: calc(var(--sp-site-width) * 0.5) !important;
}

body .sp-mw-55,
body .sp-mw-55-section > * {
    max-width: calc(var(--sp-site-width) * 0.55) !important;
}

body .sp-mw-60,
body .sp-mw-60-section > * {
    max-width: calc(var(--sp-site-width) * 0.6) !important;
}

body .sp-mw-65,
body .sp-mw-65-section > * {
    max-width: calc(var(--sp-site-width) * 0.65) !important;
}

body .sp-mw-70,
body .sp-mw-70-section > * {
    max-width: calc(var(--sp-site-width) * 0.7) !important;
}

body .sp-mw-75,
body .sp-mw-75-section > * {
    max-width: calc(var(--sp-site-width) * 0.75) !important;
}

body .sp-mw-80,
body .sp-mw-80-section > * {
    max-width: calc(var(--sp-site-width) * 0.8) !important;
}

body .sp-mw-85,
body .sp-mw-85-section > * {
    max-width: calc(var(--sp-site-width) * 0.85) !important;
}

body .sp-mw-90,
body .sp-mw-90-section > * {
    max-width: calc(var(--sp-site-width) * 0.9) !important;
}

body .sp-mw-95,
body .sp-mw-95-section > * {
    max-width: calc(var(--sp-site-width) * 0.95) !important;
}

/* =============================================
   GAP UTILITIES
   ============================================= */

/* gap */
.g-1,
.g-1 > .fusion-column-wrapper { gap: var(--sp-1) !important; }
.g-2,
.g-2 > .fusion-column-wrapper { gap: var(--sp-2) !important; }
.g-3,
.g-3 > .fusion-column-wrapper { gap: var(--sp-3) !important; }
.g-4,
.g-4 > .fusion-column-wrapper { gap: var(--sp-4) !important; }
.g-5,
.g-5 > .fusion-column-wrapper { gap: var(--sp-5) !important; }
.g-6,
.g-6 > .fusion-column-wrapper { gap: var(--sp-6) !important; }
.g-7,
.g-7 > .fusion-column-wrapper { gap: var(--sp-7) !important; }
.g-8,
.g-8 > .fusion-column-wrapper { gap: var(--sp-8) !important; }
.g-9,
.g-9 > .fusion-column-wrapper { gap: var(--sp-9) !important; }
.g-10,
.g-10 > .fusion-column-wrapper { gap: var(--sp-10) !important; }
.g-11,
.g-11 > .fusion-column-wrapper { gap: var(--sp-11) !important; }
.g-12,
.g-12 > .fusion-column-wrapper { gap: var(--sp-12) !important; }

/* column-gap */
.g-col-1,
.g-col-1 > .fusion-column-wrapper { column-gap: var(--sp-1) !important; }
.g-col-2,
.g-col-2 > .fusion-column-wrapper { column-gap: var(--sp-2) !important; }
.g-col-3,
.g-col-3 > .fusion-column-wrapper { column-gap: var(--sp-3) !important; }
.g-col-4,
.g-col-4 > .fusion-column-wrapper { column-gap: var(--sp-4) !important; }
.g-col-5,
.g-col-5 > .fusion-column-wrapper { column-gap: var(--sp-5) !important; }
.g-col-6,
.g-col-6 > .fusion-column-wrapper { column-gap: var(--sp-6) !important; }
.g-col-7,
.g-col-7 > .fusion-column-wrapper { column-gap: var(--sp-7) !important; }
.g-col-8,
.g-col-8 > .fusion-column-wrapper { column-gap: var(--sp-8) !important; }
.g-col-9,
.g-col-9 > .fusion-column-wrapper { column-gap: var(--sp-9) !important; }
.g-col-10,
.g-col-10 > .fusion-column-wrapper { column-gap: var(--sp-10) !important; }
.g-col-11,
.g-col-11 > .fusion-column-wrapper { column-gap: var(--sp-11) !important; }
.g-col-12,
.g-col-12 > .fusion-column-wrapper { column-gap: var(--sp-12) !important; }

/* row-gap */
.g-row-1,
.g-row-1 > .fusion-column-wrapper { row-gap: var(--sp-1) !important; }
.g-row-2,
.g-row-2 > .fusion-column-wrapper { row-gap: var(--sp-2) !important; }
.g-row-3,
.g-row-3 > .fusion-column-wrapper { row-gap: var(--sp-3) !important; }
.g-row-4,
.g-row-4 > .fusion-column-wrapper { row-gap: var(--sp-4) !important; }
.g-row-5,
.g-row-5 > .fusion-column-wrapper { row-gap: var(--sp-5) !important; }
.g-row-6,
.g-row-6 > .fusion-column-wrapper { row-gap: var(--sp-6) !important; }
.g-row-7,
.g-row-7 > .fusion-column-wrapper { row-gap: var(--sp-7) !important; }
.g-row-8,
.g-row-8 > .fusion-column-wrapper { row-gap: var(--sp-8) !important; }
.g-row-9,
.g-row-9 > .fusion-column-wrapper { row-gap: var(--sp-9) !important; }
.g-row-10,
.g-row-10 > .fusion-column-wrapper { row-gap: var(--sp-10) !important; }
.g-row-11,
.g-row-11 > .fusion-column-wrapper { row-gap: var(--sp-11) !important; }
.g-row-12,
.g-row-12 > .fusion-column-wrapper { row-gap: var(--sp-12) !important; }


/* =============================================
   PADDING UTILITIES
   ============================================= */

/* padding-inline (x-axis) */
.p-x-1  { padding-inline: var(--sp-1)  !important; }
.p-x-2  { padding-inline: var(--sp-2)  !important; }
.p-x-3  { padding-inline: var(--sp-3)  !important; }
.p-x-4  { padding-inline: var(--sp-4)  !important; }
.p-x-5  { padding-inline: var(--sp-5)  !important; }
.p-x-6  { padding-inline: var(--sp-6)  !important; }
.p-x-7  { padding-inline: var(--sp-7)  !important; }
.p-x-8  { padding-inline: var(--sp-8)  !important; }
.p-x-9  { padding-inline: var(--sp-9)  !important; }
.p-x-10 { padding-inline: var(--sp-10) !important; }
.p-x-11 { padding-inline: var(--sp-11) !important; }
.p-x-12 { padding-inline: var(--sp-12) !important; }

/* padding-block (y-axis) */
.p-y-1  { padding-block: var(--sp-1)  !important; }
.p-y-2  { padding-block: var(--sp-2)  !important; }
.p-y-3  { padding-block: var(--sp-3)  !important; }
.p-y-4  { padding-block: var(--sp-4)  !important; }
.p-y-5  { padding-block: var(--sp-5)  !important; }
.p-y-6  { padding-block: var(--sp-6)  !important; }
.p-y-7  { padding-block: var(--sp-7)  !important; }
.p-y-8  { padding-block: var(--sp-8)  !important; }
.p-y-9  { padding-block: var(--sp-9)  !important; }
.p-y-10 { padding-block: var(--sp-10) !important; }
.p-y-11 { padding-block: var(--sp-11) !important; }
.p-y-12 { padding-block: var(--sp-12) !important; }

/* padding-top */
.p-t-1  { padding-top: var(--sp-1)  !important; }
.p-t-2  { padding-top: var(--sp-2)  !important; }
.p-t-3  { padding-top: var(--sp-3)  !important; }
.p-t-4  { padding-top: var(--sp-4)  !important; }
.p-t-5  { padding-top: var(--sp-5)  !important; }
.p-t-6  { padding-top: var(--sp-6)  !important; }
.p-t-7  { padding-top: var(--sp-7)  !important; }
.p-t-8  { padding-top: var(--sp-8)  !important; }
.p-t-9  { padding-top: var(--sp-9)  !important; }
.p-t-10 { padding-top: var(--sp-10) !important; }
.p-t-11 { padding-top: var(--sp-11) !important; }
.p-t-12 { padding-top: var(--sp-12) !important; }

/* padding-bottom */
.p-b-1  { padding-bottom: var(--sp-1)  !important; }
.p-b-2  { padding-bottom: var(--sp-2)  !important; }
.p-b-3  { padding-bottom: var(--sp-3)  !important; }
.p-b-4  { padding-bottom: var(--sp-4)  !important; }
.p-b-5  { padding-bottom: var(--sp-5)  !important; }
.p-b-6  { padding-bottom: var(--sp-6)  !important; }
.p-b-7  { padding-bottom: var(--sp-7)  !important; }
.p-b-8  { padding-bottom: var(--sp-8)  !important; }
.p-b-9  { padding-bottom: var(--sp-9)  !important; }
.p-b-10 { padding-bottom: var(--sp-10) !important; }
.p-b-11 { padding-bottom: var(--sp-11) !important; }
.p-b-12 { padding-bottom: var(--sp-12) !important; }

/* padding-left */
.p-l-1  { padding-left: var(--sp-1)  !important; }
.p-l-2  { padding-left: var(--sp-2)  !important; }
.p-l-3  { padding-left: var(--sp-3)  !important; }
.p-l-4  { padding-left: var(--sp-4)  !important; }
.p-l-5  { padding-left: var(--sp-5)  !important; }
.p-l-6  { padding-left: var(--sp-6)  !important; }
.p-l-7  { padding-left: var(--sp-7)  !important; }
.p-l-8  { padding-left: var(--sp-8)  !important; }
.p-l-9  { padding-left: var(--sp-9)  !important; }
.p-l-10 { padding-left: var(--sp-10) !important; }
.p-l-11 { padding-left: var(--sp-11) !important; }
.p-l-12 { padding-left: var(--sp-12) !important; }

/* padding-right */
.p-r-1  { padding-right: var(--sp-1)  !important; }
.p-r-2  { padding-right: var(--sp-2)  !important; }
.p-r-3  { padding-right: var(--sp-3)  !important; }
.p-r-4  { padding-right: var(--sp-4)  !important; }
.p-r-5  { padding-right: var(--sp-5)  !important; }
.p-r-6  { padding-right: var(--sp-6)  !important; }
.p-r-7  { padding-right: var(--sp-7)  !important; }
.p-r-8  { padding-right: var(--sp-8)  !important; }
.p-r-9  { padding-right: var(--sp-9)  !important; }
.p-r-10 { padding-right: var(--sp-10) !important; }
.p-r-11 { padding-right: var(--sp-11) !important; }
.p-r-12 { padding-right: var(--sp-12) !important; }


/* =============================================
   MARGIN UTILITIES
   ============================================= */

/* margin-inline (x-axis) */
.m-x-1  { margin-inline: var(--sp-1)  !important; }
.m-x-2  { margin-inline: var(--sp-2)  !important; }
.m-x-3  { margin-inline: var(--sp-3)  !important; }
.m-x-4  { margin-inline: var(--sp-4)  !important; }
.m-x-5  { margin-inline: var(--sp-5)  !important; }
.m-x-6  { margin-inline: var(--sp-6)  !important; }
.m-x-7  { margin-inline: var(--sp-7)  !important; }
.m-x-8  { margin-inline: var(--sp-8)  !important; }
.m-x-9  { margin-inline: var(--sp-9)  !important; }
.m-x-10 { margin-inline: var(--sp-10) !important; }
.m-x-11 { margin-inline: var(--sp-11) !important; }
.m-x-12 { margin-inline: var(--sp-12) !important; }

/* margin-block (y-axis) */
.m-y-1  { margin-block: var(--sp-1)  !important; }
.m-y-2  { margin-block: var(--sp-2)  !important; }
.m-y-3  { margin-block: var(--sp-3)  !important; }
.m-y-4  { margin-block: var(--sp-4)  !important; }
.m-y-5  { margin-block: var(--sp-5)  !important; }
.m-y-6  { margin-block: var(--sp-6)  !important; }
.m-y-7  { margin-block: var(--sp-7)  !important; }
.m-y-8  { margin-block: var(--sp-8)  !important; }
.m-y-9  { margin-block: var(--sp-9)  !important; }
.m-y-10 { margin-block: var(--sp-10) !important; }
.m-y-11 { margin-block: var(--sp-11) !important; }
.m-y-12 { margin-block: var(--sp-12) !important; }

/* margin-top */
.m-t-1  { margin-top: var(--sp-1)  !important; }
.m-t-2  { margin-top: var(--sp-2)  !important; }
.m-t-3  { margin-top: var(--sp-3)  !important; }
.m-t-4  { margin-top: var(--sp-4)  !important; }
.m-t-5  { margin-top: var(--sp-5)  !important; }
.m-t-6  { margin-top: var(--sp-6)  !important; }
.m-t-7  { margin-top: var(--sp-7)  !important; }
.m-t-8  { margin-top: var(--sp-8)  !important; }
.m-t-9  { margin-top: var(--sp-9)  !important; }
.m-t-10 { margin-top: var(--sp-10) !important; }
.m-t-11 { margin-top: var(--sp-11) !important; }
.m-t-12 { margin-top: var(--sp-12) !important; }

/* margin-bottom */
.m-b-1  { margin-bottom: var(--sp-1)  !important; }
.m-b-2  { margin-bottom: var(--sp-2)  !important; }
.m-b-3  { margin-bottom: var(--sp-3)  !important; }
.m-b-4  { margin-bottom: var(--sp-4)  !important; }
.m-b-5  { margin-bottom: var(--sp-5)  !important; }
.m-b-6  { margin-bottom: var(--sp-6)  !important; }
.m-b-7  { margin-bottom: var(--sp-7)  !important; }
.m-b-8  { margin-bottom: var(--sp-8)  !important; }
.m-b-9  { margin-bottom: var(--sp-9)  !important; }
.m-b-10 { margin-bottom: var(--sp-10) !important; }
.m-b-11 { margin-bottom: var(--sp-11) !important; }
.m-b-12 { margin-bottom: var(--sp-12) !important; }

/* margin-left */
.m-l-1  { margin-left: var(--sp-1)  !important; }
.m-l-2  { margin-left: var(--sp-2)  !important; }
.m-l-3  { margin-left: var(--sp-3)  !important; }
.m-l-4  { margin-left: var(--sp-4)  !important; }
.m-l-5  { margin-left: var(--sp-5)  !important; }
.m-l-6  { margin-left: var(--sp-6)  !important; }
.m-l-7  { margin-left: var(--sp-7)  !important; }
.m-l-8  { margin-left: var(--sp-8)  !important; }
.m-l-9  { margin-left: var(--sp-9)  !important; }
.m-l-10 { margin-left: var(--sp-10) !important; }
.m-l-11 { margin-left: var(--sp-11) !important; }
.m-l-12 { margin-left: var(--sp-12) !important; }

/* margin-right */
.m-r-1  { margin-right: var(--sp-1)  !important; }
.m-r-2  { margin-right: var(--sp-2)  !important; }
.m-r-3  { margin-right: var(--sp-3)  !important; }
.m-r-4  { margin-right: var(--sp-4)  !important; }
.m-r-5  { margin-right: var(--sp-5)  !important; }
.m-r-6  { margin-right: var(--sp-6)  !important; }
.m-r-7  { margin-right: var(--sp-7)  !important; }
.m-r-8  { margin-right: var(--sp-8)  !important; }
.m-r-9  { margin-right: var(--sp-9)  !important; }
.m-r-10 { margin-right: var(--sp-10) !important; }
.m-r-11 { margin-right: var(--sp-11) !important; }
.m-r-12 { margin-right: var(--sp-12) !important; }