.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   ROADEO GLOBAL DESIGN SYSTEM
   Elementor Site Settings > Custom CSS
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');


/* =========================================================
   GLOBAL VARIABLES
========================================================= */

:root {
    --ink: #0b1f33;
    --ink-2: #102b48;

    --red: #e5342f;
    --red-dark: #bd221e;

    --cream: #f7f2e9;
    --paper: #fffdf8;

    --steel: #d9e1e8;
    --line: #cbd3db;

    --muted: #5d6b79;
    --white: #ffffff;

    --lime: #c8ff4d;

    --shadow: 0 22px 55px rgba(11,31,51,.14);
}


/* =========================================================
   BOX SIZING
========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}


/* =========================================================
   BODY / TYPOGRAPHY
========================================================= */

body {
    margin: 0;

    color: var(--ink);
    background: var(--paper);

    font-family: 'Plus Jakarta Sans', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}


/* =========================================================
   LINKS
========================================================= */

a {
    color: inherit;
    text-decoration: none;
}


/* =========================================================
   IMAGES
========================================================= */

img {
    max-width: 100%;
    height: auto;
    display: block;
}


/* =========================================================
   MAIN CONTENT WIDTH
========================================================= */

.rd-wrap {
    width: min(1180px, calc(100% - 44px));
    margin-inline: auto;
}


/* =========================================================
   HEADINGS
========================================================= */

h1,
h2,
h3,
.rd-heading {
    margin: 0;

    color: var(--ink);

    font-family: 'Barlow Condensed', Impact, sans-serif;

    text-transform: uppercase;

    letter-spacing: .015em;
}


h1 {
    font-size: clamp(58px, 9vw, 126px);
    line-height: .82;
}


h2 {
    font-size: clamp(42px, 5vw, 68px);
    line-height: .92;
}


h3 {
    font-size: 25px;
    line-height: 1;
}


/* =========================================================
   SECTION KICKER
========================================================= */

.rd-kicker {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 16px;

    color: var(--red);

    font-size: 12px;
    font-weight: 800;

    letter-spacing: .16em;

    text-transform: uppercase;
}


.rd-kicker::before {
    content: "";

    width: 28px;
    height: 3px;

    background: currentColor;

    border-radius: 999px;
}


/* =========================================================
   GLOBAL BUTTON
========================================================= */

.rd-btn {
    min-height: 54px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 9px;

    padding: 13px 22px;

    border: 2px solid var(--ink);
    border-radius: 999px;

    font-size: 13px;
    font-weight: 800;

    letter-spacing: .03em;

    text-transform: uppercase;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease;
}


.rd-btn:hover {
    transform: translateY(-2px);
}


/* =========================================================
   PRIMARY BUTTON
========================================================= */

.rd-btn-primary {
    color: #fff;

    background: var(--red);

    border-color: var(--red);

    box-shadow: 0 8px 0 var(--ink);
}


.rd-btn-primary:hover {
    color: #fff;

    background: var(--red-dark);

    border-color: var(--red-dark);

    box-shadow: 0 5px 0 var(--ink);
}


/* =========================================================
   DARK BUTTON
========================================================= */

.rd-btn-dark {
    color: #fff;

    background: var(--ink);

    border-color: var(--ink);
}


.rd-btn-dark:hover {
    color: #fff;

    background: var(--ink-2);

    border-color: var(--ink-2);
}


/* =========================================================
   GHOST BUTTON
========================================================= */

.rd-btn-ghost {
    color: var(--ink);

    background: transparent;

    border-color: var(--ink);
}


.rd-btn-ghost:hover {
    color: #fff;

    background: var(--ink);
}


/* =========================================================
   COMMON SECTION
========================================================= */

.rd-section {
    padding: 104px 0;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 640px) {

    .rd-wrap {
        width: min(calc(100% - 28px), 1180px);
    }

    h1 {
        font-size: 64px;
    }

    .rd-section {
        padding: 76px 0;
    }

    .rd-btn {
        width: 100%;
        min-height: 52px;
    }

}/* End custom CSS */