* {
    margin    : 0;
    padding   : 0;
    box-sizing: border-box;
}

.header{
    position: relative;
    z-index: 500;
}
.header .container-fluid {
    padding-left : 30px;
    padding-right: 30px;
}

.header .navbar {
    background: white;
    padding   : 10px 0;
}

.header .navbar .navbar-brand {
    padding: 0;
}

.header .navbar .navbar-brand img {
    display: block;
}

.header .navbar .navbar-toggler {
    border: none;

}

.header .navbar .navbar-toggler[aria-expanded="true"] {
    position: relative;

}

.header .navbar .navbar-toggler[aria-expanded="true"] i:before {
    content: "\f00d";
}

.header .navbar .navbar-toggler i {
    color    : #000;
    font-size: 25px;
}

.header .navbar .navbar-toggler i:hover {
    transition: 0.3s;
    color     : #CA2C33;
}

.header .navbar .navbar-nav {
    text-align     : center;
    width          : 100%;
    justify-content: center;
}

.header .navbar .navbar-nav .nav-item {
    display: inline-block;
    padding: 10px 18px;
}

.header .navbar .navbar-nav .nav-item .nav-link {
    display       : inline-block;
    font-family   : 'Spline Sans', sans-serif;
    font-size     : 16px;
    font-weight   : 400;
    line-height   : 24px;
    color         : #696969;
    letter-spacing: 0em;
    padding       : 0;
    border-bottom : 2px solid transparent;
}

.header .navbar .navbar-nav .nav-item .nav-link:hover,
.header .navbar .navbar-nav .nav-item .nav-link:focus,
.header .navbar .navbar-nav .nav-item .nav-link.select,
.header .navbar .navbar-nav .nav-item.active .nav-link {
    color        : #CA2C33;
    border-bottom: 2px solid #CA2C33;
}

/* Set dropdown menu width to 100px */
.navbar-nav .dropdown-menu {
    --bs-dropdown-min-width   : 0rem;
    padding-top               : 0.5rem;
    padding-bottom            : 0rem;
    /* background-color       : #FFE9EA; */
}

.header .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item {
    text-align   : center;
    color        : #696969;
    border-bottom: 2px solid transparent;
}

.header .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover,
.header .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item:focus,
.header .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item.select,
.header .navbar .navbar-nav .dropdown .dropdown-menu.active .dropdown-item {
    color        : #CA2C33;
    border-bottom: 2px solid #CA2C33;
    background   : none;
}

.header .cta_icons {
    display    : flex;
    align-items: center;
    column-gap : 10px;
}

.header .cta_icons a i {
    color     : white;
    background: linear-gradient(180deg, #EE333C 0%, #B7151D 100%);

    width        : 100%;
    max-width    : 36px;
    height       : 36px;
    padding      : 10px 18px 10px 10px;
    line-height  : 0.9;
    font-size    : 20px;
    border-radius: 4px;
}

.header .cta_icons a .fa-youtube,
.header .cta_icons a .fa-x-twitter {
    padding: 10px 18px 10px 8px;
}

.header .cta_icons a .fa-facebook-f {
    padding: 10px 18px 10px 13px;
}

.header .cta_icons a i:hover {
    background: linear-gradient(180deg, #B7151D 100%, #EE333C 0%);

}

@media screen and (max-width:767px) {
    .header .container-fluid {
        padding-left : 20px;
        padding-right: 20px;
    }

    .header .navbar .navbar-toggler,
    .header .navbar .navbar-toggler:focus {
        outline   : none;
        box-shadow: none;
    }

    .header .navbar .navbar-collapse {
        background-color: #E7FFFF;
    }



    .header .navbar .cta_icons {
        display: none;
    }

    .header .navbar .navbar-brand {
        flex  : 0 0 0;
        margin: 0;
    }

    .header .navbar .navbar-brand img {
        max-height: 45px;
    }

    .header .navbar .navbar-toggler {
        flex: 0 0 0;
    }


    .header .navbar .navbar-brand img {
        max-width: 120px;
    }

    .header .navbar .navbar-collapse {
        top: 56px;
    }

    .header .navbar .navbar-toggler {
        padding-right: 0;
    }

    .header .navbar .navbar-collapse {
        top: 64px !important;
    }

    .header .navbar .navbar-nav .nav-item {
        padding: 8px 20px !important;
    }
}

@media screen and (max-width:768px) and (max-width:991px) {
    .header .navbar .navbar-brand {
        flex  : 0 0 0;
        margin: 0;
    }

    .header .navbar .navbar-brand img {
        max-height: 45px;
    }

    .header .navbar .navbar-toggler {
        flex: 0 0 0;
    }

    .header .navbar .navbar-collapse {
        position        : absolute !important;
        top             : 64px !important;
        left            : 0;
        width           : 100%;
        background-color: #FFE9EA;
    }
}

@media screen and (max-width:991px) {
    .header .navbar .navbar-toggler {
        outline   : none;
        box-shadow: none;
    }

    .header .navbar .navbar-collapse {
        position        : absolute;
        top             : 80px;
        left            : 0;
        width           : 100%;
        background-color: #FFE9EA;
    }

    .header .navbar .navbar-nav .nav-item {
        padding: 10px 20px;
    }


    .header .navbar .cta_icons {
        display: none;
    }

    .header .navbar .navbar-nav .nav-item {
        display: inline-block;
    }

    .header .navbar .navbar-nav .nav-item .nav-link {
        display: inline-block;
    }

    .navbar-nav .dropdown-menu {
        background-color: #FFE9EA;
        width           : 100px !important;
        position        : relative !important;
        top             : 50% !important;
        left            : 50% !important;
        transform       : translate(-50%, 5%) !important;
    }

}