@charset "UTF-8";
    /*================
 Template Name: AutoHive - Car Dealer HTML Template
 Template URL: https://autohive.themetags.com/
 Description: Multipurpose HTML Template
 Version: 2.5.0
 Author: https://themeforest.net/user/themetags
=======================*/
    
    @import url("https://fonts.googleapis.com/css2?family=Sail&display=swap");
    @import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");
    /*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
    
    @-webkit-keyframes bounce {
        from,
        20%,
        53%,
        80%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        40%,
        43% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
        }
        70% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
        }
        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
        }
    }
    
    @keyframes bounce {
        from,
        20%,
        53%,
        80%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        40%,
        43% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
        }
        70% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
        }
        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
        }
    }
    
    .bounce {
        -webkit-animation-name: bounce;
        animation-name: bounce;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    
    @-webkit-keyframes flash {
        from,
        50%,
        to {
            opacity: 1;
        }
        25%,
        75% {
            opacity: 0;
        }
    }
    
    @keyframes flash {
        from,
        50%,
        to {
            opacity: 1;
        }
        25%,
        75% {
            opacity: 0;
        }
    }
    
    .flash {
        -webkit-animation-name: flash;
        animation-name: flash;
    }
    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
    
    @-webkit-keyframes pulse {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
        }
        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    }
    
    @keyframes pulse {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
        }
        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    }
    
    .pulse {
        -webkit-animation-name: pulse;
        animation-name: pulse;
    }
    
    @-webkit-keyframes rubberBand {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
        30% {
            -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
        }
        40% {
            -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
        }
        50% {
            -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
        }
        65% {
            -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
        }
        75% {
            -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
        }
        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    }
    
    @keyframes rubberBand {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
        30% {
            -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
        }
        40% {
            -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
        }
        50% {
            -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
        }
        65% {
            -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
        }
        75% {
            -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
        }
        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    }
    
    .rubberBand {
        -webkit-animation-name: rubberBand;
        animation-name: rubberBand;
    }
    
    @-webkit-keyframes shake {
        from,
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        10%,
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }
        20%,
        40%,
        60%,
        80% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
        }
    }
    
    @keyframes shake {
        from,
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        10%,
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }
        20%,
        40%,
        60%,
        80% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
        }
    }
    
    .shake {
        -webkit-animation-name: shake;
        animation-name: shake;
    }
    
    @-webkit-keyframes headShake {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        6.5% {
            -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg);
        }
        18.5% {
            -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg);
        }
        31.5% {
            -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg);
        }
        43.5% {
            -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg);
        }
        50% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }
    
    @keyframes headShake {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        6.5% {
            -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg);
        }
        18.5% {
            -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg);
        }
        31.5% {
            -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg);
        }
        43.5% {
            -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg);
        }
        50% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }
    
    .headShake {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-name: headShake;
        animation-name: headShake;
    }
    
    @-webkit-keyframes swing {
        20% {
            -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
        }
        40% {
            -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
        }
        60% {
            -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
        }
        80% {
            -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
        }
        to {
            -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
        }
    }
    
    @keyframes swing {
        20% {
            -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
        }
        40% {
            -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
        }
        60% {
            -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
        }
        80% {
            -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
        }
        to {
            -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
        }
    }
    
    .swing {
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-animation-name: swing;
        animation-name: swing;
    }
    
    @-webkit-keyframes tada {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
        10%,
        20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        }
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        }
        40%,
        60%,
        80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        }
        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    }
    
    @keyframes tada {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
        10%,
        20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        }
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        }
        40%,
        60%,
        80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        }
        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    }
    
    .tada {
        -webkit-animation-name: tada;
        animation-name: tada;
    }
    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
    
    @-webkit-keyframes wobble {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        15% {
            -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        }
        30% {
            -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        }
        45% {
            -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        }
        60% {
            -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        }
        75% {
            -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes wobble {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        15% {
            -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        }
        30% {
            -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        }
        45% {
            -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        }
        60% {
            -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        }
        75% {
            -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    .wobble {
        -webkit-animation-name: wobble;
        animation-name: wobble;
    }
    
    @-webkit-keyframes jello {
        from,
        11.1%,
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        22.2% {
            -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg);
        }
        33.3% {
            -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg);
        }
        44.4% {
            -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg);
        }
        55.5% {
            -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg);
        }
        66.6% {
            -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg);
        }
        77.7% {
            -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg);
        }
        88.8% {
            -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        }
    }
    
    @keyframes jello {
        from,
        11.1%,
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        22.2% {
            -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg);
        }
        33.3% {
            -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg);
        }
        44.4% {
            -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg);
        }
        55.5% {
            -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg);
        }
        66.6% {
            -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg);
        }
        77.7% {
            -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg);
        }
        88.8% {
            -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        }
    }
    
    .jello {
        -webkit-animation-name: jello;
        animation-name: jello;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
    
    @-webkit-keyframes heartBeat {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        14% {
            -webkit-transform: scale(1.3);
            transform: scale(1.3);
        }
        28% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        42% {
            -webkit-transform: scale(1.3);
            transform: scale(1.3);
        }
        70% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }
    
    @keyframes heartBeat {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        14% {
            -webkit-transform: scale(1.3);
            transform: scale(1.3);
        }
        28% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        42% {
            -webkit-transform: scale(1.3);
            transform: scale(1.3);
        }
        70% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }
    
    .heartBeat {
        -webkit-animation-name: heartBeat;
        animation-name: heartBeat;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    
    @-webkit-keyframes bounceIn {
        from,
        20%,
        40%,
        60%,
        80%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
        }
        20% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
        }
        40% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
        }
        80% {
            -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
        }
        to {
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    }
    
    @keyframes bounceIn {
        from,
        20%,
        40%,
        60%,
        80%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
        }
        20% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
        }
        40% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
        }
        80% {
            -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
        }
        to {
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    }
    
    .bounceIn {
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
    }
    
    @-webkit-keyframes bounceInDown {
        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
        }
        75% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }
        90% {
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes bounceInDown {
        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
        }
        75% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }
        90% {
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    .bounceInDown {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown;
    }
    
    @-webkit-keyframes bounceInLeft {
        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
        }
        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }
        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes bounceInLeft {
        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
        }
        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }
        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    .bounceInLeft {
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft;
    }
    
    @-webkit-keyframes bounceInRight {
        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        from {
            opacity: 0;
            -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
        }
        75% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
        }
        90% {
            -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes bounceInRight {
        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        from {
            opacity: 0;
            -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
        }
        75% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
        }
        90% {
            -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    .bounceInRight {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight;
    }
    
    @-webkit-keyframes bounceInUp {
        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
        }
        75% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
        }
        90% {
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes bounceInUp {
        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
        }
        75% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
        }
        90% {
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    .bounceInUp {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp;
    }
    
    @-webkit-keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
        }
        50%,
        55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
        }
    }
    
    @keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
        }
        50%,
        55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
        }
    }
    
    .bounceOut {
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-name: bounceOut;
        animation-name: bounceOut;
    }
    
    @-webkit-keyframes bounceOutDown {
        20% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
        }
        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
        }
    }
    
    @keyframes bounceOutDown {
        20% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
        }
        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
        }
    }
    
    .bounceOutDown {
        -webkit-animation-name: bounceOutDown;
        animation-name: bounceOutDown;
    }
    
    @-webkit-keyframes bounceOutLeft {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
        }
    }
    
    @keyframes bounceOutLeft {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
        }
    }
    
    .bounceOutLeft {
        -webkit-animation-name: bounceOutLeft;
        animation-name: bounceOutLeft;
    }
    
    @-webkit-keyframes bounceOutRight {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
        }
    }
    
    @keyframes bounceOutRight {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
        }
    }
    
    .bounceOutRight {
        -webkit-animation-name: bounceOutRight;
        animation-name: bounceOutRight;
    }
    
    @-webkit-keyframes bounceOutUp {
        20% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }
        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
        }
    }
    
    @keyframes bounceOutUp {
        20% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }
        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
        }
    }
    
    .bounceOutUp {
        -webkit-animation-name: bounceOutUp;
        animation-name: bounceOutUp;
    }
    
    @-webkit-keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    
    @keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    
    .fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
    }
    
    @-webkit-keyframes fadeInDown {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes fadeInDown {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }
    
    @-webkit-keyframes fadeInDownBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes fadeInDownBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    .fadeInDownBig {
        -webkit-animation-name: fadeInDownBig;
        animation-name: fadeInDownBig;
    }
    
    @-webkit-keyframes fadeInLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-50px, 0, 0);
            transform: translate3d(-50px, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes fadeInLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-50px, 0, 0);
            transform: translate3d(-50px, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }
    
    @-webkit-keyframes fadeInLeftBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes fadeInLeftBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    .fadeInLeftBig {
        -webkit-animation-name: fadeInLeftBig;
        animation-name: fadeInLeftBig;
    }
    
    @-webkit-keyframes fadeInRight {
        from {
            opacity: 0;
            -webkit-transform: translate3d(50px, 0, 0);
            transform: translate3d(50px, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes fadeInRight {
        from {
            opacity: 0;
            -webkit-transform: translate3d(50px, 0, 0);
            transform: translate3d(50px, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }
    
    @-webkit-keyframes fadeInRightBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes fadeInRightBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    .fadeInRightBig {
        -webkit-animation-name: fadeInRightBig;
        animation-name: fadeInRightBig;
    }
    
    @-webkit-keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }
    
    @-webkit-keyframes fadeInUpBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes fadeInUpBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    .fadeInUpBig {
        -webkit-animation-name: fadeInUpBig;
        animation-name: fadeInUpBig;
    }
    
    @-webkit-keyframes fadeOut {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }
    
    @keyframes fadeOut {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }
    
    .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
    }
    
    @-webkit-keyframes fadeOutDown {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }
    }
    
    @keyframes fadeOutDown {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }
    }
    
    .fadeOutDown {
        -webkit-animation-name: fadeOutDown;
        animation-name: fadeOutDown;
    }
    
    @-webkit-keyframes fadeOutDownBig {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
        }
    }
    
    @keyframes fadeOutDownBig {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
        }
    }
    
    .fadeOutDownBig {
        -webkit-animation-name: fadeOutDownBig;
        animation-name: fadeOutDownBig;
    }
    
    @-webkit-keyframes fadeOutLeft {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
    }
    
    @keyframes fadeOutLeft {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
    }
    
    .fadeOutLeft {
        -webkit-animation-name: fadeOutLeft;
        animation-name: fadeOutLeft;
    }
    
    @-webkit-keyframes fadeOutLeftBig {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
        }
    }
    
    @keyframes fadeOutLeftBig {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
        }
    }
    
    .fadeOutLeftBig {
        -webkit-animation-name: fadeOutLeftBig;
        animation-name: fadeOutLeftBig;
    }
    
    @-webkit-keyframes fadeOutRight {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
    }
    
    @keyframes fadeOutRight {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
    }
    
    .fadeOutRight {
        -webkit-animation-name: fadeOutRight;
        animation-name: fadeOutRight;
    }
    
    @-webkit-keyframes fadeOutRightBig {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
        }
    }
    
    @keyframes fadeOutRightBig {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
        }
    }
    
    .fadeOutRightBig {
        -webkit-animation-name: fadeOutRightBig;
        animation-name: fadeOutRightBig;
    }
    
    @-webkit-keyframes fadeOutUp {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
    }
    
    @keyframes fadeOutUp {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
    }
    
    .fadeOutUp {
        -webkit-animation-name: fadeOutUp;
        animation-name: fadeOutUp;
    }
    
    @-webkit-keyframes fadeOutUpBig {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
        }
    }
    
    @keyframes fadeOutUpBig {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
        }
    }
    
    .fadeOutUpBig {
        -webkit-animation-name: fadeOutUpBig;
        animation-name: fadeOutUpBig;
    }
    
    @-webkit-keyframes flip {
        from {
            -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        40% {
            -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        50% {
            -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        80% {
            -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        to {
            -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
    }
    
    @keyframes flip {
        from {
            -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        40% {
            -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        50% {
            -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        80% {
            -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        to {
            -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
    }
    
    .animated.flip {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation-name: flip;
        animation-name: flip;
    }
    
    @-webkit-keyframes flipInX {
        from {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0;
        }
        40% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        60% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        }
        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
    }
    
    @keyframes flipInX {
        from {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0;
        }
        40% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        60% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        }
        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
    }
    
    .flipInX {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInX;
        animation-name: flipInX;
    }
    
    @-webkit-keyframes flipInY {
        from {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0;
        }
        40% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        60% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        }
        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
    }
    
    @keyframes flipInY {
        from {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0;
        }
        40% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        60% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        }
        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
    }
    
    .flipInY {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInY;
        animation-name: flipInY;
    }
    
    @-webkit-keyframes flipOutX {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
        30% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            opacity: 1;
        }
        to {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            opacity: 0;
        }
    }
    
    @keyframes flipOutX {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
        30% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            opacity: 1;
        }
        to {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            opacity: 0;
        }
    }
    
    .flipOutX {
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-name: flipOutX;
        animation-name: flipOutX;
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
    }
    
    @-webkit-keyframes flipOutY {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
        30% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            opacity: 1;
        }
        to {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            opacity: 0;
        }
    }
    
    @keyframes flipOutY {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
        30% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            opacity: 1;
        }
        to {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            opacity: 0;
        }
    }
    
    .flipOutY {
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipOutY;
        animation-name: flipOutY;
    }
    
    @-webkit-keyframes lightSpeedIn {
        from {
            -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
            opacity: 0;
        }
        60% {
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes lightSpeedIn {
        from {
            -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
            opacity: 0;
        }
        60% {
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    .lightSpeedIn {
        -webkit-animation-name: lightSpeedIn;
        animation-name: lightSpeedIn;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    
    @-webkit-keyframes lightSpeedOut {
        from {
            opacity: 1;
        }
        to {
            -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
            opacity: 0;
        }
    }
    
    @keyframes lightSpeedOut {
        from {
            opacity: 1;
        }
        to {
            -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
            opacity: 0;
        }
    }
    
    .lightSpeedOut {
        -webkit-animation-name: lightSpeedOut;
        animation-name: lightSpeedOut;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    
    @-webkit-keyframes rotateIn {
        from {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1;
        }
    }
    
    @keyframes rotateIn {
        from {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1;
        }
    }
    
    .rotateIn {
        -webkit-animation-name: rotateIn;
        animation-name: rotateIn;
    }
    
    @-webkit-keyframes rotateInDownLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1;
        }
    }
    
    @keyframes rotateInDownLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1;
        }
    }
    
    .rotateInDownLeft {
        -webkit-animation-name: rotateInDownLeft;
        animation-name: rotateInDownLeft;
    }
    
    @-webkit-keyframes rotateInDownRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1;
        }
    }
    
    @keyframes rotateInDownRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1;
        }
    }
    
    .rotateInDownRight {
        -webkit-animation-name: rotateInDownRight;
        animation-name: rotateInDownRight;
    }
    
    @-webkit-keyframes rotateInUpLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1;
        }
    }
    
    @keyframes rotateInUpLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1;
        }
    }
    
    .rotateInUpLeft {
        -webkit-animation-name: rotateInUpLeft;
        animation-name: rotateInUpLeft;
    }
    
    @-webkit-keyframes rotateInUpRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1;
        }
    }
    
    @keyframes rotateInUpRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1;
        }
    }
    
    .rotateInUpRight {
        -webkit-animation-name: rotateInUpRight;
        animation-name: rotateInUpRight;
    }
    
    @-webkit-keyframes rotateOut {
        from {
            -webkit-transform-origin: center;
            transform-origin: center;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
            opacity: 0;
        }
    }
    
    @keyframes rotateOut {
        from {
            -webkit-transform-origin: center;
            transform-origin: center;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
            opacity: 0;
        }
    }
    
    .rotateOut {
        -webkit-animation-name: rotateOut;
        animation-name: rotateOut;
    }
    
    @-webkit-keyframes rotateOutDownLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0;
        }
    }
    
    @keyframes rotateOutDownLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0;
        }
    }
    
    .rotateOutDownLeft {
        -webkit-animation-name: rotateOutDownLeft;
        animation-name: rotateOutDownLeft;
    }
    
    @-webkit-keyframes rotateOutDownRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0;
        }
    }
    
    @keyframes rotateOutDownRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0;
        }
    }
    
    .rotateOutDownRight {
        -webkit-animation-name: rotateOutDownRight;
        animation-name: rotateOutDownRight;
    }
    
    @-webkit-keyframes rotateOutUpLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0;
        }
    }
    
    @keyframes rotateOutUpLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0;
        }
    }
    
    .rotateOutUpLeft {
        -webkit-animation-name: rotateOutUpLeft;
        animation-name: rotateOutUpLeft;
    }
    
    @-webkit-keyframes rotateOutUpRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
            opacity: 0;
        }
    }
    
    @keyframes rotateOutUpRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
            opacity: 0;
        }
    }
    
    .rotateOutUpRight {
        -webkit-animation-name: rotateOutUpRight;
        animation-name: rotateOutUpRight;
    }
    
    @-webkit-keyframes hinge {
        0% {
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }
        20%,
        60% {
            -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }
        40%,
        80% {
            -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            opacity: 1;
        }
        to {
            -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
            opacity: 0;
        }
    }
    
    @keyframes hinge {
        0% {
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }
        20%,
        60% {
            -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }
        40%,
        80% {
            -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            opacity: 1;
        }
        to {
            -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
            opacity: 0;
        }
    }
    
    .hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-name: hinge;
        animation-name: hinge;
    }
    
    @-webkit-keyframes jackInTheBox {
        from {
            opacity: 0;
            -webkit-transform: scale(0.1) rotate(30deg);
            transform: scale(0.1) rotate(30deg);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
        }
        50% {
            -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }
        70% {
            -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
        }
        to {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }
    
    @keyframes jackInTheBox {
        from {
            opacity: 0;
            -webkit-transform: scale(0.1) rotate(30deg);
            transform: scale(0.1) rotate(30deg);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
        }
        50% {
            -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }
        70% {
            -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
        }
        to {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }
    
    .jackInTheBox {
        -webkit-animation-name: jackInTheBox;
        animation-name: jackInTheBox;
    }
    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
    
    @-webkit-keyframes rollIn {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes rollIn {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    .rollIn {
        -webkit-animation-name: rollIn;
        animation-name: rollIn;
    }
    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
    
    @-webkit-keyframes rollOut {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        }
    }
    
    @keyframes rollOut {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        }
    }
    
    .rollOut {
        -webkit-animation-name: rollOut;
        animation-name: rollOut;
    }
    
    @-webkit-keyframes zoomIn {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
        }
        50% {
            opacity: 1;
        }
    }
    
    @keyframes zoomIn {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
        }
        50% {
            opacity: 1;
        }
    }
    
    .zoomIn {
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn;
    }
    
    @-webkit-keyframes zoomInDown {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    
    @keyframes zoomInDown {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    
    .zoomInDown {
        -webkit-animation-name: zoomInDown;
        animation-name: zoomInDown;
    }
    
    @-webkit-keyframes zoomInLeft {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    
    @keyframes zoomInLeft {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    
    .zoomInLeft {
        -webkit-animation-name: zoomInLeft;
        animation-name: zoomInLeft;
    }
    
    @-webkit-keyframes zoomInRight {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    
    @keyframes zoomInRight {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    
    .zoomInRight {
        -webkit-animation-name: zoomInRight;
        animation-name: zoomInRight;
    }
    
    @-webkit-keyframes zoomInUp {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    
    @keyframes zoomInUp {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    
    .zoomInUp {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp;
    }
    
    @-webkit-keyframes zoomOut {
        from {
            opacity: 1;
        }
        50% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
        }
        to {
            opacity: 0;
        }
    }
    
    @keyframes zoomOut {
        from {
            opacity: 1;
        }
        50% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
        }
        to {
            opacity: 0;
        }
    }
    
    .zoomOut {
        -webkit-animation-name: zoomOut;
        animation-name: zoomOut;
    }
    
    @-webkit-keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    
    @keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    
    .zoomOutDown {
        -webkit-animation-name: zoomOutDown;
        animation-name: zoomOutDown;
    }
    
    @-webkit-keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
            -webkit-transform-origin: left center;
            transform-origin: left center;
        }
    }
    
    @keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
            -webkit-transform-origin: left center;
            transform-origin: left center;
        }
    }
    
    .zoomOutLeft {
        -webkit-animation-name: zoomOutLeft;
        animation-name: zoomOutLeft;
    }
    
    @-webkit-keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
            -webkit-transform-origin: right center;
            transform-origin: right center;
        }
    }
    
    @keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
            -webkit-transform-origin: right center;
            transform-origin: right center;
        }
    }
    
    .zoomOutRight {
        -webkit-animation-name: zoomOutRight;
        animation-name: zoomOutRight;
    }
    
    @-webkit-keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    
    @keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    
    .zoomOutUp {
        -webkit-animation-name: zoomOutUp;
        animation-name: zoomOutUp;
    }
    
    @-webkit-keyframes slideInDown {
        from {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
            visibility: visible;
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes slideInDown {
        from {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
            visibility: visible;
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    .slideInDown {
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown;
    }
    
    @-webkit-keyframes slideInLeft {
        from {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: visible;
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes slideInLeft {
        from {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: visible;
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    .slideInLeft {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft;
    }
    
    @-webkit-keyframes slideInRight {
        from {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            visibility: visible;
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes slideInRight {
        from {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            visibility: visible;
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    .slideInRight {
        -webkit-animation-name: slideInRight;
        animation-name: slideInRight;
    }
    
    @-webkit-keyframes slideInUp {
        from {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            visibility: visible;
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes slideInUp {
        from {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            visibility: visible;
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    
    .slideInUp {
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp;
    }
    
    @-webkit-keyframes slideOutDown {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }
    }
    
    @keyframes slideOutDown {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }
    }
    
    .slideOutDown {
        -webkit-animation-name: slideOutDown;
        animation-name: slideOutDown;
    }
    
    @-webkit-keyframes slideOutLeft {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
    }
    
    @keyframes slideOutLeft {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
    }
    
    .slideOutLeft {
        -webkit-animation-name: slideOutLeft;
        animation-name: slideOutLeft;
    }
    
    @-webkit-keyframes slideOutRight {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
    }
    
    @keyframes slideOutRight {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
    }
    
    .slideOutRight {
        -webkit-animation-name: slideOutRight;
        animation-name: slideOutRight;
    }
    
    @-webkit-keyframes slideOutUp {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
    }
    
    @keyframes slideOutUp {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
    }
    
    .slideOutUp {
        -webkit-animation-name: slideOutUp;
        animation-name: slideOutUp;
    }
    
    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    
    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
    
    .animated.delay-1s {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }
    
    .animated.delay-2s {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
    }
    
    .animated.delay-3s {
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
    }
    
    .animated.delay-4s {
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
    }
    
    .animated.delay-5s {
        -webkit-animation-delay: 5s;
        animation-delay: 5s;
    }
    
    .animated.fast {
        -webkit-animation-duration: 800ms;
        animation-duration: 800ms;
    }
    
    .animated.faster {
        -webkit-animation-duration: 500ms;
        animation-duration: 500ms;
    }
    
    .animated.slow {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }
    
    .animated.slower {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
    }
    
    @media (print),
    (prefers-reduced-motion) {
        .animated {
            -webkit-animation: unset !important;
            animation: unset !important;
            -webkit-transition: none !important;
            transition: none !important;
        }
    }
    /*!
 * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
    
    .fa {
        font-family: var(--fa-style-family, "Font Awesome 6 Free");
        font-weight: var(--fa-style, 900);
    }
    
    .fa,
    .fas,
    .fa-solid,
    .far,
    .fa-regular,
    .fal,
    .fa-light,
    .fat,
    .fa-thin,
    .fad,
    .fa-duotone,
    .fab,
    .fa-brands {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: var(--fa-display, inline-block);
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
    }
    
    .fa-1x {
        font-size: 1em;
    }
    
    .fa-2x {
        font-size: 2em;
    }
    
    .fa-3x {
        font-size: 3em;
    }
    
    .fa-4x {
        font-size: 4em;
    }
    
    .fa-5x {
        font-size: 5em;
    }
    
    .fa-6x {
        font-size: 6em;
    }
    
    .fa-7x {
        font-size: 7em;
    }
    
    .fa-8x {
        font-size: 8em;
    }
    
    .fa-9x {
        font-size: 9em;
    }
    
    .fa-10x {
        font-size: 10em;
    }
    
    .fa-2xs {
        font-size: 0.625em;
        line-height: 0.1em;
        vertical-align: 0.225em;
    }
    
    .fa-xs {
        font-size: 0.75em;
        line-height: 0.08333em;
        vertical-align: 0.125em;
    }
    
    .fa-sm {
        font-size: 0.875em;
        line-height: 0.07143em;
        vertical-align: 0.05357em;
    }
    
    .fa-lg {
        font-size: 1.25em;
        line-height: 0.05em;
        vertical-align: -0.075em;
    }
    
    .fa-xl {
        font-size: 1.5em;
        line-height: 0.04167em;
        vertical-align: -0.125em;
    }
    
    .fa-2xl {
        font-size: 2em;
        line-height: 0.03125em;
        vertical-align: -0.1875em;
    }
    
    .fa-fw {
        text-align: center;
        width: 1.25em;
    }
    
    .fa-ul {
        list-style-type: none;
        margin-left: var(--fa-li-margin, 2.5em);
        padding-left: 0;
    }
    
    .fa-ul>li {
        position: relative;
    }
    
    .fa-li {
        left: calc(var(--fa-li-width, 2em) * -1);
        position: absolute;
        text-align: center;
        width: var(--fa-li-width, 2em);
        line-height: inherit;
    }
    
    .fa-border {
        border-color: var(--fa-border-color, #eee);
        border-radius: var(--fa-border-radius, 0.1em);
        border-style: var(--fa-border-style, solid);
        border-width: var(--fa-border-width, 0.08em);
        padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
    }
    
    .fa-pull-left {
        float: left;
        margin-right: var(--fa-pull-margin, 0.3em);
    }
    
    .fa-pull-right {
        float: right;
        margin-left: var(--fa-pull-margin, 0.3em);
    }
    
    .fa-beat {
        -webkit-animation-name: fa-beat;
        animation-name: fa-beat;
        -webkit-animation-delay: var(--fa-animation-delay, 0);
        animation-delay: var(--fa-animation-delay, 0);
        -webkit-animation-direction: var(--fa-animation-direction, normal);
        animation-direction: var(--fa-animation-direction, normal);
        -webkit-animation-duration: var(--fa-animation-duration, 1s);
        animation-duration: var(--fa-animation-duration, 1s);
        -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
        animation-timing-function: var(--fa-animation-timing, ease-in-out);
    }
    
    .fa-bounce {
        -webkit-animation-name: fa-bounce;
        animation-name: fa-bounce;
        -webkit-animation-delay: var(--fa-animation-delay, 0);
        animation-delay: var(--fa-animation-delay, 0);
        -webkit-animation-direction: var(--fa-animation-direction, normal);
        animation-direction: var(--fa-animation-direction, normal);
        -webkit-animation-duration: var(--fa-animation-duration, 1s);
        animation-duration: var(--fa-animation-duration, 1s);
        -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
        animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
    }
    
    .fa-fade {
        -webkit-animation-name: fa-fade;
        animation-name: fa-fade;
        -webkit-animation-delay: var(--fa-animation-delay, 0);
        animation-delay: var(--fa-animation-delay, 0);
        -webkit-animation-direction: var(--fa-animation-direction, normal);
        animation-direction: var(--fa-animation-direction, normal);
        -webkit-animation-duration: var(--fa-animation-duration, 1s);
        animation-duration: var(--fa-animation-duration, 1s);
        -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
        animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
    }
    
    .fa-beat-fade {
        -webkit-animation-name: fa-beat-fade;
        animation-name: fa-beat-fade;
        -webkit-animation-delay: var(--fa-animation-delay, 0);
        animation-delay: var(--fa-animation-delay, 0);
        -webkit-animation-direction: var(--fa-animation-direction, normal);
        animation-direction: var(--fa-animation-direction, normal);
        -webkit-animation-duration: var(--fa-animation-duration, 1s);
        animation-duration: var(--fa-animation-duration, 1s);
        -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
        animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
    }
    
    .fa-flip {
        -webkit-animation-name: fa-flip;
        animation-name: fa-flip;
        -webkit-animation-delay: var(--fa-animation-delay, 0);
        animation-delay: var(--fa-animation-delay, 0);
        -webkit-animation-direction: var(--fa-animation-direction, normal);
        animation-direction: var(--fa-animation-direction, normal);
        -webkit-animation-duration: var(--fa-animation-duration, 1s);
        animation-duration: var(--fa-animation-duration, 1s);
        -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
        animation-timing-function: var(--fa-animation-timing, ease-in-out);
    }
    
    .fa-shake {
        -webkit-animation-name: fa-shake;
        animation-name: fa-shake;
        -webkit-animation-delay: var(--fa-animation-delay, 0);
        animation-delay: var(--fa-animation-delay, 0);
        -webkit-animation-direction: var(--fa-animation-direction, normal);
        animation-direction: var(--fa-animation-direction, normal);
        -webkit-animation-duration: var(--fa-animation-duration, 1s);
        animation-duration: var(--fa-animation-duration, 1s);
        -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        -webkit-animation-timing-function: var(--fa-animation-timing, linear);
        animation-timing-function: var(--fa-animation-timing, linear);
    }
    
    .fa-spin {
        -webkit-animation-name: fa-spin;
        animation-name: fa-spin;
        -webkit-animation-delay: var(--fa-animation-delay, 0);
        animation-delay: var(--fa-animation-delay, 0);
        -webkit-animation-direction: var(--fa-animation-direction, normal);
        animation-direction: var(--fa-animation-direction, normal);
        -webkit-animation-duration: var(--fa-animation-duration, 2s);
        animation-duration: var(--fa-animation-duration, 2s);
        -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        -webkit-animation-timing-function: var(--fa-animation-timing, linear);
        animation-timing-function: var(--fa-animation-timing, linear);
    }
    
    .fa-spin-reverse {
        --fa-animation-direction: reverse;
    }
    
    .fa-pulse,
    .fa-spin-pulse {
        -webkit-animation-name: fa-spin;
        animation-name: fa-spin;
        -webkit-animation-direction: var(--fa-animation-direction, normal);
        animation-direction: var(--fa-animation-direction, normal);
        -webkit-animation-duration: var(--fa-animation-duration, 1s);
        animation-duration: var(--fa-animation-duration, 1s);
        -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        animation-iteration-count: var(--fa-animation-iteration-count, infinite);
        -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
        animation-timing-function: var(--fa-animation-timing, steps(8));
    }
    
    @media (prefers-reduced-motion: reduce) {
        .fa-beat,
        .fa-bounce,
        .fa-fade,
        .fa-beat-fade,
        .fa-flip,
        .fa-pulse,
        .fa-shake,
        .fa-spin,
        .fa-spin-pulse {
            -webkit-animation-delay: -1ms;
            animation-delay: -1ms;
            -webkit-animation-duration: 1ms;
            animation-duration: 1ms;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
            -webkit-transition-delay: 0s;
            transition-delay: 0s;
            -webkit-transition-duration: 0s;
            transition-duration: 0s;
        }
    }
    
    @-webkit-keyframes fa-beat {
        0%,
        90% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        45% {
            -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25));
        }
    }
    
    @keyframes fa-beat {
        0%,
        90% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        45% {
            -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25));
        }
    }
    
    @-webkit-keyframes fa-bounce {
        0% {
            -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
        }
        10% {
            -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
        }
        30% {
            -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
        }
        50% {
            -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
        }
        57% {
            -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
        }
        64% {
            -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
        }
        100% {
            -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
        }
    }
    
    @keyframes fa-bounce {
        0% {
            -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
        }
        10% {
            -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
        }
        30% {
            -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
        }
        50% {
            -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
        }
        57% {
            -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
        }
        64% {
            -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
        }
        100% {
            -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
        }
    }
    
    @-webkit-keyframes fa-fade {
        50% {
            opacity: var(--fa-fade-opacity, 0.4);
        }
    }
    
    @keyframes fa-fade {
        50% {
            opacity: var(--fa-fade-opacity, 0.4);
        }
    }
    
    @-webkit-keyframes fa-beat-fade {
        0%,
        100% {
            opacity: var(--fa-beat-fade-opacity, 0.4);
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125));
        }
    }
    
    @keyframes fa-beat-fade {
        0%,
        100% {
            opacity: var(--fa-beat-fade-opacity, 0.4);
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125));
        }
    }
    
    @-webkit-keyframes fa-flip {
        50% {
            -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
        }
    }
    
    @keyframes fa-flip {
        50% {
            -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
        }
    }
    
    @-webkit-keyframes fa-shake {
        0% {
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }
        4% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
        }
        8%,
        24% {
            -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
        }
        12%,
        28% {
            -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
        }
        16% {
            -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg);
        }
        20% {
            -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
        }
        32% {
            -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
        }
        36% {
            -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
        }
        40%,
        100% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }
    
    @keyframes fa-shake {
        0% {
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }
        4% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
        }
        8%,
        24% {
            -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
        }
        12%,
        28% {
            -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
        }
        16% {
            -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg);
        }
        20% {
            -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
        }
        32% {
            -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
        }
        36% {
            -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
        }
        40%,
        100% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }
    
    @-webkit-keyframes fa-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @keyframes fa-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    .fa-rotate-90 {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    
    .fa-rotate-180 {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    
    .fa-rotate-270 {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    
    .fa-flip-horizontal {
        -webkit-transform: scale(-1, 1);
        transform: scale(-1, 1);
    }
    
    .fa-flip-vertical {
        -webkit-transform: scale(1, -1);
        transform: scale(1, -1);
    }
    
    .fa-flip-both,
    .fa-flip-horizontal.fa-flip-vertical {
        -webkit-transform: scale(-1, -1);
        transform: scale(-1, -1);
    }
    
    .fa-rotate-by {
        -webkit-transform: rotate(var(--fa-rotate-angle, none));
        transform: rotate(var(--fa-rotate-angle, none));
    }
    
    .fa-stack {
        display: inline-block;
        height: 2em;
        line-height: 2em;
        position: relative;
        vertical-align: middle;
        width: 2.5em;
    }
    
    .fa-stack-1x,
    .fa-stack-2x {
        left: 0;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: var(--fa-stack-z-index, auto);
    }
    
    .fa-stack-1x {
        line-height: inherit;
    }
    
    .fa-stack-2x {
        font-size: 2em;
    }
    
    .fa-inverse {
        color: var(--fa-inverse, #fff);
    }
    /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
    
    .fa-0::before {
        content: "0";
    }
    
    .fa-1::before {
        content: "1";
    }
    
    .fa-2::before {
        content: "2";
    }
    
    .fa-3::before {
        content: "3";
    }
    
    .fa-4::before {
        content: "4";
    }
    
    .fa-5::before {
        content: "5";
    }
    
    .fa-6::before {
        content: "6";
    }
    
    .fa-7::before {
        content: "7";
    }
    
    .fa-8::before {
        content: "8";
    }
    
    .fa-9::before {
        content: "9";
    }
    
    .fa-a::before {
        content: "A";
    }
    
    .fa-address-book::before {
        content: "\f2b9";
    }
    
    .fa-contact-book::before {
        content: "\f2b9";
    }
    
    .fa-address-card::before {
        content: "\f2bb";
    }
    
    .fa-contact-card::before {
        content: "\f2bb";
    }
    
    .fa-vcard::before {
        content: "\f2bb";
    }
    
    .fa-align-center::before {
        content: "\f037";
    }
    
    .fa-align-justify::before {
        content: "\f039";
    }
    
    .fa-align-left::before {
        content: "\f036";
    }
    
    .fa-align-right::before {
        content: "\f038";
    }
    
    .fa-anchor::before {
        content: "\f13d";
    }
    
    .fa-angle-down::before {
        content: "\f107";
    }
    
    .fa-angle-left::before {
        content: "\f104";
    }
    
    .fa-angle-right::before {
        content: "\f105";
    }
    
    .fa-angle-up::before {
        content: "\f106";
    }
    
    .fa-angles-down::before {
        content: "\f103";
    }
    
    .fa-angle-double-down::before {
        content: "\f103";
    }
    
    .fa-angles-left::before {
        content: "\f100";
    }
    
    .fa-angle-double-left::before {
        content: "\f100";
    }
    
    .fa-angles-right::before {
        content: "\f101";
    }
    
    .fa-angle-double-right::before {
        content: "\f101";
    }
    
    .fa-angles-up::before {
        content: "\f102";
    }
    
    .fa-angle-double-up::before {
        content: "\f102";
    }
    
    .fa-ankh::before {
        content: "\f644";
    }
    
    .fa-apple-whole::before {
        content: "\f5d1";
    }
    
    .fa-apple-alt::before {
        content: "\f5d1";
    }
    
    .fa-archway::before {
        content: "\f557";
    }
    
    .fa-arrow-down::before {
        content: "\f063";
    }
    
    .fa-arrow-down-1-9::before {
        content: "\f162";
    }
    
    .fa-sort-numeric-asc::before {
        content: "\f162";
    }
    
    .fa-sort-numeric-down::before {
        content: "\f162";
    }
    
    .fa-arrow-down-9-1::before {
        content: "\f886";
    }
    
    .fa-sort-numeric-desc::before {
        content: "\f886";
    }
    
    .fa-sort-numeric-down-alt::before {
        content: "\f886";
    }
    
    .fa-arrow-down-a-z::before {
        content: "\f15d";
    }
    
    .fa-sort-alpha-asc::before {
        content: "\f15d";
    }
    
    .fa-sort-alpha-down::before {
        content: "\f15d";
    }
    
    .fa-arrow-down-long::before {
        content: "\f175";
    }
    
    .fa-long-arrow-down::before {
        content: "\f175";
    }
    
    .fa-arrow-down-short-wide::before {
        content: "\f884";
    }
    
    .fa-sort-amount-desc::before {
        content: "\f884";
    }
    
    .fa-sort-amount-down-alt::before {
        content: "\f884";
    }
    
    .fa-arrow-down-wide-short::before {
        content: "\f160";
    }
    
    .fa-sort-amount-asc::before {
        content: "\f160";
    }
    
    .fa-sort-amount-down::before {
        content: "\f160";
    }
    
    .fa-arrow-down-z-a::before {
        content: "\f881";
    }
    
    .fa-sort-alpha-desc::before {
        content: "\f881";
    }
    
    .fa-sort-alpha-down-alt::before {
        content: "\f881";
    }
    
    .fa-arrow-left::before {
        content: "\f060";
    }
    
    .fa-arrow-left-long::before {
        content: "\f177";
    }
    
    .fa-long-arrow-left::before {
        content: "\f177";
    }
    
    .fa-arrow-pointer::before {
        content: "\f245";
    }
    
    .fa-mouse-pointer::before {
        content: "\f245";
    }
    
    .fa-arrow-right::before {
        content: "\f061";
    }
    
    .fa-arrow-right-arrow-left::before {
        content: "\f0ec";
    }
    
    .fa-exchange::before {
        content: "\f0ec";
    }
    
    .fa-arrow-right-from-bracket::before {
        content: "\f08b";
    }
    
    .fa-sign-out::before {
        content: "\f08b";
    }
    
    .fa-arrow-right-long::before {
        content: "\f178";
    }
    
    .fa-long-arrow-right::before {
        content: "\f178";
    }
    
    .fa-arrow-right-to-bracket::before {
        content: "\f090";
    }
    
    .fa-sign-in::before {
        content: "\f090";
    }
    
    .fa-arrow-rotate-left::before {
        content: "\f0e2";
    }
    
    .fa-arrow-left-rotate::before {
        content: "\f0e2";
    }
    
    .fa-arrow-rotate-back::before {
        content: "\f0e2";
    }
    
    .fa-arrow-rotate-backward::before {
        content: "\f0e2";
    }
    
    .fa-undo::before {
        content: "\f0e2";
    }
    
    .fa-arrow-rotate-right::before {
        content: "\f01e";
    }
    
    .fa-arrow-right-rotate::before {
        content: "\f01e";
    }
    
    .fa-arrow-rotate-forward::before {
        content: "\f01e";
    }
    
    .fa-redo::before {
        content: "\f01e";
    }
    
    .fa-arrow-trend-down::before {
        content: "\e097";
    }
    
    .fa-arrow-trend-up::before {
        content: "\e098";
    }
    
    .fa-arrow-turn-down::before {
        content: "\f149";
    }
    
    .fa-level-down::before {
        content: "\f149";
    }
    
    .fa-arrow-turn-up::before {
        content: "\f148";
    }
    
    .fa-level-up::before {
        content: "\f148";
    }
    
    .fa-arrow-up::before {
        content: "\f062";
    }
    
    .fa-arrow-up-1-9::before {
        content: "\f163";
    }
    
    .fa-sort-numeric-up::before {
        content: "\f163";
    }
    
    .fa-arrow-up-9-1::before {
        content: "\f887";
    }
    
    .fa-sort-numeric-up-alt::before {
        content: "\f887";
    }
    
    .fa-arrow-up-a-z::before {
        content: "\f15e";
    }
    
    .fa-sort-alpha-up::before {
        content: "\f15e";
    }
    
    .fa-arrow-up-from-bracket::before {
        content: "\e09a";
    }
    
    .fa-arrow-up-long::before {
        content: "\f176";
    }
    
    .fa-long-arrow-up::before {
        content: "\f176";
    }
    
    .fa-arrow-up-right-from-square::before {
        content: "\f08e";
    }
    
    .fa-external-link::before {
        content: "\f08e";
    }
    
    .fa-arrow-up-short-wide::before {
        content: "\f885";
    }
    
    .fa-sort-amount-up-alt::before {
        content: "\f885";
    }
    
    .fa-arrow-up-wide-short::before {
        content: "\f161";
    }
    
    .fa-sort-amount-up::before {
        content: "\f161";
    }
    
    .fa-arrow-up-z-a::before {
        content: "\f882";
    }
    
    .fa-sort-alpha-up-alt::before {
        content: "\f882";
    }
    
    .fa-arrows-left-right::before {
        content: "\f07e";
    }
    
    .fa-arrows-h::before {
        content: "\f07e";
    }
    
    .fa-arrows-rotate::before {
        content: "\f021";
    }
    
    .fa-refresh::before {
        content: "\f021";
    }
    
    .fa-sync::before {
        content: "\f021";
    }
    
    .fa-arrows-up-down::before {
        content: "\f07d";
    }
    
    .fa-arrows-v::before {
        content: "\f07d";
    }
    
    .fa-arrows-up-down-left-right::before {
        content: "\f047";
    }
    
    .fa-arrows::before {
        content: "\f047";
    }
    
    .fa-asterisk::before {
        content: "*";
    }
    
    .fa-at::before {
        content: "@";
    }
    
    .fa-atom::before {
        content: "\f5d2";
    }
    
    .fa-audio-description::before {
        content: "\f29e";
    }
    
    .fa-austral-sign::before {
        content: "\e0a9";
    }
    
    .fa-award::before {
        content: "\f559";
    }
    
    .fa-b::before {
        content: "B";
    }
    
    .fa-baby::before {
        content: "\f77c";
    }
    
    .fa-baby-carriage::before {
        content: "\f77d";
    }
    
    .fa-carriage-baby::before {
        content: "\f77d";
    }
    
    .fa-backward::before {
        content: "\f04a";
    }
    
    .fa-backward-fast::before {
        content: "\f049";
    }
    
    .fa-fast-backward::before {
        content: "\f049";
    }
    
    .fa-backward-step::before {
        content: "\f048";
    }
    
    .fa-step-backward::before {
        content: "\f048";
    }
    
    .fa-bacon::before {
        content: "\f7e5";
    }
    
    .fa-bacteria::before {
        content: "\e059";
    }
    
    .fa-bacterium::before {
        content: "\e05a";
    }
    
    .fa-bag-shopping::before {
        content: "\f290";
    }
    
    .fa-shopping-bag::before {
        content: "\f290";
    }
    
    .fa-bahai::before {
        content: "\f666";
    }
    
    .fa-baht-sign::before {
        content: "\e0ac";
    }
    
    .fa-ban::before {
        content: "\f05e";
    }
    
    .fa-cancel::before {
        content: "\f05e";
    }
    
    .fa-ban-smoking::before {
        content: "\f54d";
    }
    
    .fa-smoking-ban::before {
        content: "\f54d";
    }
    
    .fa-bandage::before {
        content: "\f462";
    }
    
    .fa-band-aid::before {
        content: "\f462";
    }
    
    .fa-barcode::before {
        content: "\f02a";
    }
    
    .fa-bars::before {
        content: "\f0c9";
    }
    
    .fa-navicon::before {
        content: "\f0c9";
    }
    
    .fa-bars-progress::before {
        content: "\f828";
    }
    
    .fa-tasks-alt::before {
        content: "\f828";
    }
    
    .fa-bars-staggered::before {
        content: "\f550";
    }
    
    .fa-reorder::before {
        content: "\f550";
    }
    
    .fa-stream::before {
        content: "\f550";
    }
    
    .fa-baseball::before {
        content: "\f433";
    }
    
    .fa-baseball-ball::before {
        content: "\f433";
    }
    
    .fa-baseball-bat-ball::before {
        content: "\f432";
    }
    
    .fa-basket-shopping::before {
        content: "\f291";
    }
    
    .fa-shopping-basket::before {
        content: "\f291";
    }
    
    .fa-basketball::before {
        content: "\f434";
    }
    
    .fa-basketball-ball::before {
        content: "\f434";
    }
    
    .fa-bath::before {
        content: "\f2cd";
    }
    
    .fa-bathtub::before {
        content: "\f2cd";
    }
    
    .fa-battery-empty::before {
        content: "\f244";
    }
    
    .fa-battery-0::before {
        content: "\f244";
    }
    
    .fa-battery-full::before {
        content: "\f240";
    }
    
    .fa-battery::before {
        content: "\f240";
    }
    
    .fa-battery-5::before {
        content: "\f240";
    }
    
    .fa-battery-half::before {
        content: "\f242";
    }
    
    .fa-battery-3::before {
        content: "\f242";
    }
    
    .fa-battery-quarter::before {
        content: "\f243";
    }
    
    .fa-battery-2::before {
        content: "\f243";
    }
    
    .fa-battery-three-quarters::before {
        content: "\f241";
    }
    
    .fa-battery-4::before {
        content: "\f241";
    }
    
    .fa-bed::before {
        content: "\f236";
    }
    
    .fa-bed-pulse::before {
        content: "\f487";
    }
    
    .fa-procedures::before {
        content: "\f487";
    }
    
    .fa-beer-mug-empty::before {
        content: "\f0fc";
    }
    
    .fa-beer::before {
        content: "\f0fc";
    }
    
    .fa-bell::before {
        content: "\f0f3";
    }
    
    .fa-bell-concierge::before {
        content: "\f562";
    }
    
    .fa-concierge-bell::before {
        content: "\f562";
    }
    
    .fa-bell-slash::before {
        content: "\f1f6";
    }
    
    .fa-bezier-curve::before {
        content: "\f55b";
    }
    
    .fa-bicycle::before {
        content: "\f206";
    }
    
    .fa-binoculars::before {
        content: "\f1e5";
    }
    
    .fa-biohazard::before {
        content: "\f780";
    }
    
    .fa-bitcoin-sign::before {
        content: "\e0b4";
    }
    
    .fa-blender::before {
        content: "\f517";
    }
    
    .fa-blender-phone::before {
        content: "\f6b6";
    }
    
    .fa-blog::before {
        content: "\f781";
    }
    
    .fa-bold::before {
        content: "\f032";
    }
    
    .fa-bolt::before {
        content: "\f0e7";
    }
    
    .fa-zap::before {
        content: "\f0e7";
    }
    
    .fa-bolt-lightning::before {
        content: "\e0b7";
    }
    
    .fa-bomb::before {
        content: "\f1e2";
    }
    
    .fa-bone::before {
        content: "\f5d7";
    }
    
    .fa-bong::before {
        content: "\f55c";
    }
    
    .fa-book::before {
        content: "\f02d";
    }
    
    .fa-book-atlas::before {
        content: "\f558";
    }
    
    .fa-atlas::before {
        content: "\f558";
    }
    
    .fa-book-bible::before {
        content: "\f647";
    }
    
    .fa-bible::before {
        content: "\f647";
    }
    
    .fa-book-journal-whills::before {
        content: "\f66a";
    }
    
    .fa-journal-whills::before {
        content: "\f66a";
    }
    
    .fa-book-medical::before {
        content: "\f7e6";
    }
    
    .fa-book-open::before {
        content: "\f518";
    }
    
    .fa-book-open-reader::before {
        content: "\f5da";
    }
    
    .fa-book-reader::before {
        content: "\f5da";
    }
    
    .fa-book-quran::before {
        content: "\f687";
    }
    
    .fa-quran::before {
        content: "\f687";
    }
    
    .fa-book-skull::before {
        content: "\f6b7";
    }
    
    .fa-book-dead::before {
        content: "\f6b7";
    }
    
    .fa-bookmark::before {
        content: "\f02e";
    }
    
    .fa-border-all::before {
        content: "\f84c";
    }
    
    .fa-border-none::before {
        content: "\f850";
    }
    
    .fa-border-top-left::before {
        content: "\f853";
    }
    
    .fa-border-style::before {
        content: "\f853";
    }
    
    .fa-bowling-ball::before {
        content: "\f436";
    }
    
    .fa-box::before {
        content: "\f466";
    }
    
    .fa-box-archive::before {
        content: "\f187";
    }
    
    .fa-archive::before {
        content: "\f187";
    }
    
    .fa-box-open::before {
        content: "\f49e";
    }
    
    .fa-box-tissue::before {
        content: "\e05b";
    }
    
    .fa-boxes-stacked::before {
        content: "\f468";
    }
    
    .fa-boxes::before {
        content: "\f468";
    }
    
    .fa-boxes-alt::before {
        content: "\f468";
    }
    
    .fa-braille::before {
        content: "\f2a1";
    }
    
    .fa-brain::before {
        content: "\f5dc";
    }
    
    .fa-brazilian-real-sign::before {
        content: "\e46c";
    }
    
    .fa-bread-slice::before {
        content: "\f7ec";
    }
    
    .fa-briefcase::before {
        content: "\f0b1";
    }
    
    .fa-briefcase-medical::before {
        content: "\f469";
    }
    
    .fa-broom::before {
        content: "\f51a";
    }
    
    .fa-broom-ball::before {
        content: "\f458";
    }
    
    .fa-quidditch::before {
        content: "\f458";
    }
    
    .fa-quidditch-broom-ball::before {
        content: "\f458";
    }
    
    .fa-brush::before {
        content: "\f55d";
    }
    
    .fa-bug::before {
        content: "\f188";
    }
    
    .fa-bug-slash::before {
        content: "\e490";
    }
    
    .fa-building::before {
        content: "\f1ad";
    }
    
    .fa-building-columns::before {
        content: "\f19c";
    }
    
    .fa-bank::before {
        content: "\f19c";
    }
    
    .fa-institution::before {
        content: "\f19c";
    }
    
    .fa-museum::before {
        content: "\f19c";
    }
    
    .fa-university::before {
        content: "\f19c";
    }
    
    .fa-bullhorn::before {
        content: "\f0a1";
    }
    
    .fa-bullseye::before {
        content: "\f140";
    }
    
    .fa-burger::before {
        content: "\f805";
    }
    
    .fa-hamburger::before {
        content: "\f805";
    }
    
    .fa-bus::before {
        content: "\f207";
    }
    
    .fa-bus-simple::before {
        content: "\f55e";
    }
    
    .fa-bus-alt::before {
        content: "\f55e";
    }
    
    .fa-business-time::before {
        content: "\f64a";
    }
    
    .fa-briefcase-clock::before {
        content: "\f64a";
    }
    
    .fa-c::before {
        content: "C";
    }
    
    .fa-cake-candles::before {
        content: "\f1fd";
    }
    
    .fa-birthday-cake::before {
        content: "\f1fd";
    }
    
    .fa-cake::before {
        content: "\f1fd";
    }
    
    .fa-calculator::before {
        content: "\f1ec";
    }
    
    .fa-calendar::before {
        content: "\f133";
    }
    
    .fa-calendar-check::before {
        content: "\f274";
    }
    
    .fa-calendar-day::before {
        content: "\f783";
    }
    
    .fa-calendar-days::before {
        content: "\f073";
    }
    
    .fa-calendar-alt::before {
        content: "\f073";
    }
    
    .fa-calendar-minus::before {
        content: "\f272";
    }
    
    .fa-calendar-plus::before {
        content: "\f271";
    }
    
    .fa-calendar-week::before {
        content: "\f784";
    }
    
    .fa-calendar-xmark::before {
        content: "\f273";
    }
    
    .fa-calendar-times::before {
        content: "\f273";
    }
    
    .fa-camera::before {
        content: "\f030";
    }
    
    .fa-camera-alt::before {
        content: "\f030";
    }
    
    .fa-camera-retro::before {
        content: "\f083";
    }
    
    .fa-camera-rotate::before {
        content: "\e0d8";
    }
    
    .fa-campground::before {
        content: "\f6bb";
    }
    
    .fa-candy-cane::before {
        content: "\f786";
    }
    
    .fa-cannabis::before {
        content: "\f55f";
    }
    
    .fa-capsules::before {
        content: "\f46b";
    }
    
    .fa-car::before {
        content: "\f1b9";
    }
    
    .fa-automobile::before {
        content: "\f1b9";
    }
    
    .fa-car-battery::before {
        content: "\f5df";
    }
    
    .fa-battery-car::before {
        content: "\f5df";
    }
    
    .fa-car-crash::before {
        content: "\f5e1";
    }
    
    .fa-car-rear::before {
        content: "\f5de";
    }
    
    .fa-car-alt::before {
        content: "\f5de";
    }
    
    .fa-car-side::before {
        content: "\f5e4";
    }
    
    .fa-caravan::before {
        content: "\f8ff";
    }
    
    .fa-caret-down::before {
        content: "\f0d7";
    }
    
    .fa-caret-left::before {
        content: "\f0d9";
    }
    
    .fa-caret-right::before {
        content: "\f0da";
    }
    
    .fa-caret-up::before {
        content: "\f0d8";
    }
    
    .fa-carrot::before {
        content: "\f787";
    }
    
    .fa-cart-arrow-down::before {
        content: "\f218";
    }
    
    .fa-cart-flatbed::before {
        content: "\f474";
    }
    
    .fa-dolly-flatbed::before {
        content: "\f474";
    }
    
    .fa-cart-flatbed-suitcase::before {
        content: "\f59d";
    }
    
    .fa-luggage-cart::before {
        content: "\f59d";
    }
    
    .fa-cart-plus::before {
        content: "\f217";
    }
    
    .fa-cart-shopping::before {
        content: "\f07a";
    }
    
    .fa-shopping-cart::before {
        content: "\f07a";
    }
    
    .fa-cash-register::before {
        content: "\f788";
    }
    
    .fa-cat::before {
        content: "\f6be";
    }
    
    .fa-cedi-sign::before {
        content: "\e0df";
    }
    
    .fa-cent-sign::before {
        content: "\e3f5";
    }
    
    .fa-certificate::before {
        content: "\f0a3";
    }
    
    .fa-chair::before {
        content: "\f6c0";
    }
    
    .fa-chalkboard::before {
        content: "\f51b";
    }
    
    .fa-blackboard::before {
        content: "\f51b";
    }
    
    .fa-chalkboard-user::before {
        content: "\f51c";
    }
    
    .fa-chalkboard-teacher::before {
        content: "\f51c";
    }
    
    .fa-champagne-glasses::before {
        content: "\f79f";
    }
    
    .fa-glass-cheers::before {
        content: "\f79f";
    }
    
    .fa-charging-station::before {
        content: "\f5e7";
    }
    
    .fa-chart-area::before {
        content: "\f1fe";
    }
    
    .fa-area-chart::before {
        content: "\f1fe";
    }
    
    .fa-chart-bar::before {
        content: "\f080";
    }
    
    .fa-bar-chart::before {
        content: "\f080";
    }
    
    .fa-chart-column::before {
        content: "\e0e3";
    }
    
    .fa-chart-gantt::before {
        content: "\e0e4";
    }
    
    .fa-chart-line::before {
        content: "\f201";
    }
    
    .fa-line-chart::before {
        content: "\f201";
    }
    
    .fa-chart-pie::before {
        content: "\f200";
    }
    
    .fa-pie-chart::before {
        content: "\f200";
    }
    
    .fa-check::before {
        content: "\f00c";
    }
    
    .fa-check-double::before {
        content: "\f560";
    }
    
    .fa-check-to-slot::before {
        content: "\f772";
    }
    
    .fa-vote-yea::before {
        content: "\f772";
    }
    
    .fa-cheese::before {
        content: "\f7ef";
    }
    
    .fa-chess::before {
        content: "\f439";
    }
    
    .fa-chess-bishop::before {
        content: "\f43a";
    }
    
    .fa-chess-board::before {
        content: "\f43c";
    }
    
    .fa-chess-king::before {
        content: "\f43f";
    }
    
    .fa-chess-knight::before {
        content: "\f441";
    }
    
    .fa-chess-pawn::before {
        content: "\f443";
    }
    
    .fa-chess-queen::before {
        content: "\f445";
    }
    
    .fa-chess-rook::before {
        content: "\f447";
    }
    
    .fa-chevron-down::before {
        content: "\f078";
    }
    
    .fa-chevron-left::before {
        content: "\f053";
    }
    
    .fa-chevron-right::before {
        content: "\f054";
    }
    
    .fa-chevron-up::before {
        content: "\f077";
    }
    
    .fa-child::before {
        content: "\f1ae";
    }
    
    .fa-church::before {
        content: "\f51d";
    }
    
    .fa-circle::before {
        content: "\f111";
    }
    
    .fa-circle-arrow-down::before {
        content: "\f0ab";
    }
    
    .fa-arrow-circle-down::before {
        content: "\f0ab";
    }
    
    .fa-circle-arrow-left::before {
        content: "\f0a8";
    }
    
    .fa-arrow-circle-left::before {
        content: "\f0a8";
    }
    
    .fa-circle-arrow-right::before {
        content: "\f0a9";
    }
    
    .fa-arrow-circle-right::before {
        content: "\f0a9";
    }
    
    .fa-circle-arrow-up::before {
        content: "\f0aa";
    }
    
    .fa-arrow-circle-up::before {
        content: "\f0aa";
    }
    
    .fa-circle-check::before {
        content: "\f058";
    }
    
    .fa-check-circle::before {
        content: "\f058";
    }
    
    .fa-circle-chevron-down::before {
        content: "\f13a";
    }
    
    .fa-chevron-circle-down::before {
        content: "\f13a";
    }
    
    .fa-circle-chevron-left::before {
        content: "\f137";
    }
    
    .fa-chevron-circle-left::before {
        content: "\f137";
    }
    
    .fa-circle-chevron-right::before {
        content: "\f138";
    }
    
    .fa-chevron-circle-right::before {
        content: "\f138";
    }
    
    .fa-circle-chevron-up::before {
        content: "\f139";
    }
    
    .fa-chevron-circle-up::before {
        content: "\f139";
    }
    
    .fa-circle-dollar-to-slot::before {
        content: "\f4b9";
    }
    
    .fa-donate::before {
        content: "\f4b9";
    }
    
    .fa-circle-dot::before {
        content: "\f192";
    }
    
    .fa-dot-circle::before {
        content: "\f192";
    }
    
    .fa-circle-down::before {
        content: "\f358";
    }
    
    .fa-arrow-alt-circle-down::before {
        content: "\f358";
    }
    
    .fa-circle-exclamation::before {
        content: "\f06a";
    }
    
    .fa-exclamation-circle::before {
        content: "\f06a";
    }
    
    .fa-circle-h::before {
        content: "\f47e";
    }
    
    .fa-hospital-symbol::before {
        content: "\f47e";
    }
    
    .fa-circle-half-stroke::before {
        content: "\f042";
    }
    
    .fa-adjust::before {
        content: "\f042";
    }
    
    .fa-circle-info::before {
        content: "\f05a";
    }
    
    .fa-info-circle::before {
        content: "\f05a";
    }
    
    .fa-circle-left::before {
        content: "\f359";
    }
    
    .fa-arrow-alt-circle-left::before {
        content: "\f359";
    }
    
    .fa-circle-minus::before {
        content: "\f056";
    }
    
    .fa-minus-circle::before {
        content: "\f056";
    }
    
    .fa-circle-notch::before {
        content: "\f1ce";
    }
    
    .fa-circle-pause::before {
        content: "\f28b";
    }
    
    .fa-pause-circle::before {
        content: "\f28b";
    }
    
    .fa-circle-play::before {
        content: "\f144";
    }
    
    .fa-play-circle::before {
        content: "\f144";
    }
    
    .fa-circle-plus::before {
        content: "\f055";
    }
    
    .fa-plus-circle::before {
        content: "\f055";
    }
    
    .fa-circle-question::before {
        content: "\f059";
    }
    
    .fa-question-circle::before {
        content: "\f059";
    }
    
    .fa-circle-radiation::before {
        content: "\f7ba";
    }
    
    .fa-radiation-alt::before {
        content: "\f7ba";
    }
    
    .fa-circle-right::before {
        content: "\f35a";
    }
    
    .fa-arrow-alt-circle-right::before {
        content: "\f35a";
    }
    
    .fa-circle-stop::before {
        content: "\f28d";
    }
    
    .fa-stop-circle::before {
        content: "\f28d";
    }
    
    .fa-circle-up::before {
        content: "\f35b";
    }
    
    .fa-arrow-alt-circle-up::before {
        content: "\f35b";
    }
    
    .fa-circle-user::before {
        content: "\f2bd";
    }
    
    .fa-user-circle::before {
        content: "\f2bd";
    }
    
    .fa-circle-xmark::before {
        content: "\f057";
    }
    
    .fa-times-circle::before {
        content: "\f057";
    }
    
    .fa-xmark-circle::before {
        content: "\f057";
    }
    
    .fa-city::before {
        content: "\f64f";
    }
    
    .fa-clapperboard::before {
        content: "\e131";
    }
    
    .fa-clipboard::before {
        content: "\f328";
    }
    
    .fa-clipboard-check::before {
        content: "\f46c";
    }
    
    .fa-clipboard-list::before {
        content: "\f46d";
    }
    
    .fa-clock::before {
        content: "\f017";
    }
    
    .fa-clock-four::before {
        content: "\f017";
    }
    
    .fa-clock-rotate-left::before {
        content: "\f1da";
    }
    
    .fa-history::before {
        content: "\f1da";
    }
    
    .fa-clone::before {
        content: "\f24d";
    }
    
    .fa-closed-captioning::before {
        content: "\f20a";
    }
    
    .fa-cloud::before {
        content: "\f0c2";
    }
    
    .fa-cloud-arrow-down::before {
        content: "\f0ed";
    }
    
    .fa-cloud-download::before {
        content: "\f0ed";
    }
    
    .fa-cloud-download-alt::before {
        content: "\f0ed";
    }
    
    .fa-cloud-arrow-up::before {
        content: "\f0ee";
    }
    
    .fa-cloud-upload::before {
        content: "\f0ee";
    }
    
    .fa-cloud-upload-alt::before {
        content: "\f0ee";
    }
    
    .fa-cloud-meatball::before {
        content: "\f73b";
    }
    
    .fa-cloud-moon::before {
        content: "\f6c3";
    }
    
    .fa-cloud-moon-rain::before {
        content: "\f73c";
    }
    
    .fa-cloud-rain::before {
        content: "\f73d";
    }
    
    .fa-cloud-showers-heavy::before {
        content: "\f740";
    }
    
    .fa-cloud-sun::before {
        content: "\f6c4";
    }
    
    .fa-cloud-sun-rain::before {
        content: "\f743";
    }
    
    .fa-clover::before {
        content: "\e139";
    }
    
    .fa-code::before {
        content: "\f121";
    }
    
    .fa-code-branch::before {
        content: "\f126";
    }
    
    .fa-code-commit::before {
        content: "\f386";
    }
    
    .fa-code-compare::before {
        content: "\e13a";
    }
    
    .fa-code-fork::before {
        content: "\e13b";
    }
    
    .fa-code-merge::before {
        content: "\f387";
    }
    
    .fa-code-pull-request::before {
        content: "\e13c";
    }
    
    .fa-coins::before {
        content: "\f51e";
    }
    
    .fa-colon-sign::before {
        content: "\e140";
    }
    
    .fa-comment::before {
        content: "\f075";
    }
    
    .fa-comment-dollar::before {
        content: "\f651";
    }
    
    .fa-comment-dots::before {
        content: "\f4ad";
    }
    
    .fa-commenting::before {
        content: "\f4ad";
    }
    
    .fa-comment-medical::before {
        content: "\f7f5";
    }
    
    .fa-comment-slash::before {
        content: "\f4b3";
    }
    
    .fa-comment-sms::before {
        content: "\f7cd";
    }
    
    .fa-sms::before {
        content: "\f7cd";
    }
    
    .fa-comments::before {
        content: "\f086";
    }
    
    .fa-comments-dollar::before {
        content: "\f653";
    }
    
    .fa-compact-disc::before {
        content: "\f51f";
    }
    
    .fa-compass::before {
        content: "\f14e";
    }
    
    .fa-compass-drafting::before {
        content: "\f568";
    }
    
    .fa-drafting-compass::before {
        content: "\f568";
    }
    
    .fa-compress::before {
        content: "\f066";
    }
    
    .fa-computer-mouse::before {
        content: "\f8cc";
    }
    
    .fa-mouse::before {
        content: "\f8cc";
    }
    
    .fa-cookie::before {
        content: "\f563";
    }
    
    .fa-cookie-bite::before {
        content: "\f564";
    }
    
    .fa-copy::before {
        content: "\f0c5";
    }
    
    .fa-copyright::before {
        content: "\f1f9";
    }
    
    .fa-couch::before {
        content: "\f4b8";
    }
    
    .fa-credit-card::before {
        content: "\f09d";
    }
    
    .fa-credit-card-alt::before {
        content: "\f09d";
    }
    
    .fa-crop::before {
        content: "\f125";
    }
    
    .fa-crop-simple::before {
        content: "\f565";
    }
    
    .fa-crop-alt::before {
        content: "\f565";
    }
    
    .fa-cross::before {
        content: "\f654";
    }
    
    .fa-crosshairs::before {
        content: "\f05b";
    }
    
    .fa-crow::before {
        content: "\f520";
    }
    
    .fa-crown::before {
        content: "\f521";
    }
    
    .fa-crutch::before {
        content: "\f7f7";
    }
    
    .fa-cruzeiro-sign::before {
        content: "\e152";
    }
    
    .fa-cube::before {
        content: "\f1b2";
    }
    
    .fa-cubes::before {
        content: "\f1b3";
    }
    
    .fa-d::before {
        content: "D";
    }
    
    .fa-database::before {
        content: "\f1c0";
    }
    
    .fa-delete-left::before {
        content: "\f55a";
    }
    
    .fa-backspace::before {
        content: "\f55a";
    }
    
    .fa-democrat::before {
        content: "\f747";
    }
    
    .fa-desktop::before {
        content: "\f390";
    }
    
    .fa-desktop-alt::before {
        content: "\f390";
    }
    
    .fa-dharmachakra::before {
        content: "\f655";
    }
    
    .fa-diagram-next::before {
        content: "\e476";
    }
    
    .fa-diagram-predecessor::before {
        content: "\e477";
    }
    
    .fa-diagram-project::before {
        content: "\f542";
    }
    
    .fa-project-diagram::before {
        content: "\f542";
    }
    
    .fa-diagram-successor::before {
        content: "\e47a";
    }
    
    .fa-diamond::before {
        content: "\f219";
    }
    
    .fa-diamond-turn-right::before {
        content: "\f5eb";
    }
    
    .fa-directions::before {
        content: "\f5eb";
    }
    
    .fa-dice::before {
        content: "\f522";
    }
    
    .fa-dice-d20::before {
        content: "\f6cf";
    }
    
    .fa-dice-d6::before {
        content: "\f6d1";
    }
    
    .fa-dice-five::before {
        content: "\f523";
    }
    
    .fa-dice-four::before {
        content: "\f524";
    }
    
    .fa-dice-one::before {
        content: "\f525";
    }
    
    .fa-dice-six::before {
        content: "\f526";
    }
    
    .fa-dice-three::before {
        content: "\f527";
    }
    
    .fa-dice-two::before {
        content: "\f528";
    }
    
    .fa-disease::before {
        content: "\f7fa";
    }
    
    .fa-divide::before {
        content: "\f529";
    }
    
    .fa-dna::before {
        content: "\f471";
    }
    
    .fa-dog::before {
        content: "\f6d3";
    }
    
    .fa-dollar-sign::before {
        content: "$";
    }
    
    .fa-dollar::before {
        content: "$";
    }
    
    .fa-usd::before {
        content: "$";
    }
    
    .fa-dolly::before {
        content: "\f472";
    }
    
    .fa-dolly-box::before {
        content: "\f472";
    }
    
    .fa-dong-sign::before {
        content: "\e169";
    }
    
    .fa-door-closed::before {
        content: "\f52a";
    }
    
    .fa-door-open::before {
        content: "\f52b";
    }
    
    .fa-dove::before {
        content: "\f4ba";
    }
    
    .fa-down-left-and-up-right-to-center::before {
        content: "\f422";
    }
    
    .fa-compress-alt::before {
        content: "\f422";
    }
    
    .fa-down-long::before {
        content: "\f309";
    }
    
    .fa-long-arrow-alt-down::before {
        content: "\f309";
    }
    
    .fa-download::before {
        content: "\f019";
    }
    
    .fa-dragon::before {
        content: "\f6d5";
    }
    
    .fa-draw-polygon::before {
        content: "\f5ee";
    }
    
    .fa-droplet::before {
        content: "\f043";
    }
    
    .fa-tint::before {
        content: "\f043";
    }
    
    .fa-droplet-slash::before {
        content: "\f5c7";
    }
    
    .fa-tint-slash::before {
        content: "\f5c7";
    }
    
    .fa-drum::before {
        content: "\f569";
    }
    
    .fa-drum-steelpan::before {
        content: "\f56a";
    }
    
    .fa-drumstick-bite::before {
        content: "\f6d7";
    }
    
    .fa-dumbbell::before {
        content: "\f44b";
    }
    
    .fa-dumpster::before {
        content: "\f793";
    }
    
    .fa-dumpster-fire::before {
        content: "\f794";
    }
    
    .fa-dungeon::before {
        content: "\f6d9";
    }
    
    .fa-e::before {
        content: "E";
    }
    
    .fa-ear-deaf::before {
        content: "\f2a4";
    }
    
    .fa-deaf::before {
        content: "\f2a4";
    }
    
    .fa-deafness::before {
        content: "\f2a4";
    }
    
    .fa-hard-of-hearing::before {
        content: "\f2a4";
    }
    
    .fa-ear-listen::before {
        content: "\f2a2";
    }
    
    .fa-assistive-listening-systems::before {
        content: "\f2a2";
    }
    
    .fa-earth-africa::before {
        content: "\f57c";
    }
    
    .fa-globe-africa::before {
        content: "\f57c";
    }
    
    .fa-earth-americas::before {
        content: "\f57d";
    }
    
    .fa-earth::before {
        content: "\f57d";
    }
    
    .fa-earth-america::before {
        content: "\f57d";
    }
    
    .fa-globe-americas::before {
        content: "\f57d";
    }
    
    .fa-earth-asia::before {
        content: "\f57e";
    }
    
    .fa-globe-asia::before {
        content: "\f57e";
    }
    
    .fa-earth-europe::before {
        content: "\f7a2";
    }
    
    .fa-globe-europe::before {
        content: "\f7a2";
    }
    
    .fa-earth-oceania::before {
        content: "\e47b";
    }
    
    .fa-globe-oceania::before {
        content: "\e47b";
    }
    
    .fa-egg::before {
        content: "\f7fb";
    }
    
    .fa-eject::before {
        content: "\f052";
    }
    
    .fa-elevator::before {
        content: "\e16d";
    }
    
    .fa-ellipsis::before {
        content: "\f141";
    }
    
    .fa-ellipsis-h::before {
        content: "\f141";
    }
    
    .fa-ellipsis-vertical::before {
        content: "\f142";
    }
    
    .fa-ellipsis-v::before {
        content: "\f142";
    }
    
    .fa-envelope::before {
        content: "\f0e0";
    }
    
    .fa-envelope-open::before {
        content: "\f2b6";
    }
    
    .fa-envelope-open-text::before {
        content: "\f658";
    }
    
    .fa-envelopes-bulk::before {
        content: "\f674";
    }
    
    .fa-mail-bulk::before {
        content: "\f674";
    }
    
    .fa-equals::before {
        content: "=";
    }
    
    .fa-eraser::before {
        content: "\f12d";
    }
    
    .fa-ethernet::before {
        content: "\f796";
    }
    
    .fa-euro-sign::before {
        content: "\f153";
    }
    
    .fa-eur::before {
        content: "\f153";
    }
    
    .fa-euro::before {
        content: "\f153";
    }
    
    .fa-exclamation::before {
        content: "!";
    }
    
    .fa-expand::before {
        content: "\f065";
    }
    
    .fa-eye::before {
        content: "\f06e";
    }
    
    .fa-eye-dropper::before {
        content: "\f1fb";
    }
    
    .fa-eye-dropper-empty::before {
        content: "\f1fb";
    }
    
    .fa-eyedropper::before {
        content: "\f1fb";
    }
    
    .fa-eye-low-vision::before {
        content: "\f2a8";
    }
    
    .fa-low-vision::before {
        content: "\f2a8";
    }
    
    .fa-eye-slash::before {
        content: "\f070";
    }
    
    .fa-f::before {
        content: "F";
    }
    
    .fa-face-angry::before {
        content: "\f556";
    }
    
    .fa-angry::before {
        content: "\f556";
    }
    
    .fa-face-dizzy::before {
        content: "\f567";
    }
    
    .fa-dizzy::before {
        content: "\f567";
    }
    
    .fa-face-flushed::before {
        content: "\f579";
    }
    
    .fa-flushed::before {
        content: "\f579";
    }
    
    .fa-face-frown::before {
        content: "\f119";
    }
    
    .fa-frown::before {
        content: "\f119";
    }
    
    .fa-face-frown-open::before {
        content: "\f57a";
    }
    
    .fa-frown-open::before {
        content: "\f57a";
    }
    
    .fa-face-grimace::before {
        content: "\f57f";
    }
    
    .fa-grimace::before {
        content: "\f57f";
    }
    
    .fa-face-grin::before {
        content: "\f580";
    }
    
    .fa-grin::before {
        content: "\f580";
    }
    
    .fa-face-grin-beam::before {
        content: "\f582";
    }
    
    .fa-grin-beam::before {
        content: "\f582";
    }
    
    .fa-face-grin-beam-sweat::before {
        content: "\f583";
    }
    
    .fa-grin-beam-sweat::before {
        content: "\f583";
    }
    
    .fa-face-grin-hearts::before {
        content: "\f584";
    }
    
    .fa-grin-hearts::before {
        content: "\f584";
    }
    
    .fa-face-grin-squint::before {
        content: "\f585";
    }
    
    .fa-grin-squint::before {
        content: "\f585";
    }
    
    .fa-face-grin-squint-tears::before {
        content: "\f586";
    }
    
    .fa-grin-squint-tears::before {
        content: "\f586";
    }
    
    .fa-face-grin-stars::before {
        content: "\f587";
    }
    
    .fa-grin-stars::before {
        content: "\f587";
    }
    
    .fa-face-grin-tears::before {
        content: "\f588";
    }
    
    .fa-grin-tears::before {
        content: "\f588";
    }
    
    .fa-face-grin-tongue::before {
        content: "\f589";
    }
    
    .fa-grin-tongue::before {
        content: "\f589";
    }
    
    .fa-face-grin-tongue-squint::before {
        content: "\f58a";
    }
    
    .fa-grin-tongue-squint::before {
        content: "\f58a";
    }
    
    .fa-face-grin-tongue-wink::before {
        content: "\f58b";
    }
    
    .fa-grin-tongue-wink::before {
        content: "\f58b";
    }
    
    .fa-face-grin-wide::before {
        content: "\f581";
    }
    
    .fa-grin-alt::before {
        content: "\f581";
    }
    
    .fa-face-grin-wink::before {
        content: "\f58c";
    }
    
    .fa-grin-wink::before {
        content: "\f58c";
    }
    
    .fa-face-kiss::before {
        content: "\f596";
    }
    
    .fa-kiss::before {
        content: "\f596";
    }
    
    .fa-face-kiss-beam::before {
        content: "\f597";
    }
    
    .fa-kiss-beam::before {
        content: "\f597";
    }
    
    .fa-face-kiss-wink-heart::before {
        content: "\f598";
    }
    
    .fa-kiss-wink-heart::before {
        content: "\f598";
    }
    
    .fa-face-laugh::before {
        content: "\f599";
    }
    
    .fa-laugh::before {
        content: "\f599";
    }
    
    .fa-face-laugh-beam::before {
        content: "\f59a";
    }
    
    .fa-laugh-beam::before {
        content: "\f59a";
    }
    
    .fa-face-laugh-squint::before {
        content: "\f59b";
    }
    
    .fa-laugh-squint::before {
        content: "\f59b";
    }
    
    .fa-face-laugh-wink::before {
        content: "\f59c";
    }
    
    .fa-laugh-wink::before {
        content: "\f59c";
    }
    
    .fa-face-meh::before {
        content: "\f11a";
    }
    
    .fa-meh::before {
        content: "\f11a";
    }
    
    .fa-face-meh-blank::before {
        content: "\f5a4";
    }
    
    .fa-meh-blank::before {
        content: "\f5a4";
    }
    
    .fa-face-rolling-eyes::before {
        content: "\f5a5";
    }
    
    .fa-meh-rolling-eyes::before {
        content: "\f5a5";
    }
    
    .fa-face-sad-cry::before {
        content: "\f5b3";
    }
    
    .fa-sad-cry::before {
        content: "\f5b3";
    }
    
    .fa-face-sad-tear::before {
        content: "\f5b4";
    }
    
    .fa-sad-tear::before {
        content: "\f5b4";
    }
    
    .fa-face-smile::before {
        content: "\f118";
    }
    
    .fa-smile::before {
        content: "\f118";
    }
    
    .fa-face-smile-beam::before {
        content: "\f5b8";
    }
    
    .fa-smile-beam::before {
        content: "\f5b8";
    }
    
    .fa-face-smile-wink::before {
        content: "\f4da";
    }
    
    .fa-smile-wink::before {
        content: "\f4da";
    }
    
    .fa-face-surprise::before {
        content: "\f5c2";
    }
    
    .fa-surprise::before {
        content: "\f5c2";
    }
    
    .fa-face-tired::before {
        content: "\f5c8";
    }
    
    .fa-tired::before {
        content: "\f5c8";
    }
    
    .fa-fan::before {
        content: "\f863";
    }
    
    .fa-faucet::before {
        content: "\e005";
    }
    
    .fa-fax::before {
        content: "\f1ac";
    }
    
    .fa-feather::before {
        content: "\f52d";
    }
    
    .fa-feather-pointed::before {
        content: "\f56b";
    }
    
    .fa-feather-alt::before {
        content: "\f56b";
    }
    
    .fa-file::before {
        content: "\f15b";
    }
    
    .fa-file-arrow-down::before {
        content: "\f56d";
    }
    
    .fa-file-download::before {
        content: "\f56d";
    }
    
    .fa-file-arrow-up::before {
        content: "\f574";
    }
    
    .fa-file-upload::before {
        content: "\f574";
    }
    
    .fa-file-audio::before {
        content: "\f1c7";
    }
    
    .fa-file-code::before {
        content: "\f1c9";
    }
    
    .fa-file-contract::before {
        content: "\f56c";
    }
    
    .fa-file-csv::before {
        content: "\f6dd";
    }
    
    .fa-file-excel::before {
        content: "\f1c3";
    }
    
    .fa-file-export::before {
        content: "\f56e";
    }
    
    .fa-arrow-right-from-file::before {
        content: "\f56e";
    }
    
    .fa-file-image::before {
        content: "\f1c5";
    }
    
    .fa-file-import::before {
        content: "\f56f";
    }
    
    .fa-arrow-right-to-file::before {
        content: "\f56f";
    }
    
    .fa-file-invoice::before {
        content: "\f570";
    }
    
    .fa-file-invoice-dollar::before {
        content: "\f571";
    }
    
    .fa-file-lines::before {
        content: "\f15c";
    }
    
    .fa-file-alt::before {
        content: "\f15c";
    }
    
    .fa-file-text::before {
        content: "\f15c";
    }
    
    .fa-file-medical::before {
        content: "\f477";
    }
    
    .fa-file-pdf::before {
        content: "\f1c1";
    }
    
    .fa-file-powerpoint::before {
        content: "\f1c4";
    }
    
    .fa-file-prescription::before {
        content: "\f572";
    }
    
    .fa-file-signature::before {
        content: "\f573";
    }
    
    .fa-file-video::before {
        content: "\f1c8";
    }
    
    .fa-file-waveform::before {
        content: "\f478";
    }
    
    .fa-file-medical-alt::before {
        content: "\f478";
    }
    
    .fa-file-word::before {
        content: "\f1c2";
    }
    
    .fa-file-zipper::before {
        content: "\f1c6";
    }
    
    .fa-file-archive::before {
        content: "\f1c6";
    }
    
    .fa-fill::before {
        content: "\f575";
    }
    
    .fa-fill-drip::before {
        content: "\f576";
    }
    
    .fa-film::before {
        content: "\f008";
    }
    
    .fa-filter::before {
        content: "\f0b0";
    }
    
    .fa-filter-circle-dollar::before {
        content: "\f662";
    }
    
    .fa-funnel-dollar::before {
        content: "\f662";
    }
    
    .fa-filter-circle-xmark::before {
        content: "\e17b";
    }
    
    .fa-fingerprint::before {
        content: "\f577";
    }
    
    .fa-fire::before {
        content: "\f06d";
    }
    
    .fa-fire-extinguisher::before {
        content: "\f134";
    }
    
    .fa-fire-flame-curved::before {
        content: "\f7e4";
    }
    
    .fa-fire-alt::before {
        content: "\f7e4";
    }
    
    .fa-fire-flame-simple::before {
        content: "\f46a";
    }
    
    .fa-burn::before {
        content: "\f46a";
    }
    
    .fa-fish::before {
        content: "\f578";
    }
    
    .fa-flag::before {
        content: "\f024";
    }
    
    .fa-flag-checkered::before {
        content: "\f11e";
    }
    
    .fa-flag-usa::before {
        content: "\f74d";
    }
    
    .fa-flask::before {
        content: "\f0c3";
    }
    
    .fa-floppy-disk::before {
        content: "\f0c7";
    }
    
    .fa-save::before {
        content: "\f0c7";
    }
    
    .fa-florin-sign::before {
        content: "\e184";
    }
    
    .fa-folder::before {
        content: "\f07b";
    }
    
    .fa-folder-minus::before {
        content: "\f65d";
    }
    
    .fa-folder-open::before {
        content: "\f07c";
    }
    
    .fa-folder-plus::before {
        content: "\f65e";
    }
    
    .fa-folder-tree::before {
        content: "\f802";
    }
    
    .fa-font::before {
        content: "\f031";
    }
    
    .fa-football::before {
        content: "\f44e";
    }
    
    .fa-football-ball::before {
        content: "\f44e";
    }
    
    .fa-forward::before {
        content: "\f04e";
    }
    
    .fa-forward-fast::before {
        content: "\f050";
    }
    
    .fa-fast-forward::before {
        content: "\f050";
    }
    
    .fa-forward-step::before {
        content: "\f051";
    }
    
    .fa-step-forward::before {
        content: "\f051";
    }
    
    .fa-franc-sign::before {
        content: "\e18f";
    }
    
    .fa-frog::before {
        content: "\f52e";
    }
    
    .fa-futbol::before {
        content: "\f1e3";
    }
    
    .fa-futbol-ball::before {
        content: "\f1e3";
    }
    
    .fa-soccer-ball::before {
        content: "\f1e3";
    }
    
    .fa-g::before {
        content: "G";
    }
    
    .fa-gamepad::before {
        content: "\f11b";
    }
    
    .fa-gas-pump::before {
        content: "\f52f";
    }
    
    .fa-gauge::before {
        content: "\f624";
    }
    
    .fa-dashboard::before {
        content: "\f624";
    }
    
    .fa-gauge-med::before {
        content: "\f624";
    }
    
    .fa-tachometer-alt-average::before {
        content: "\f624";
    }
    
    .fa-gauge-high::before {
        content: "\f625";
    }
    
    .fa-tachometer-alt::before {
        content: "\f625";
    }
    
    .fa-tachometer-alt-fast::before {
        content: "\f625";
    }
    
    .fa-gauge-simple::before {
        content: "\f629";
    }
    
    .fa-gauge-simple-med::before {
        content: "\f629";
    }
    
    .fa-tachometer-average::before {
        content: "\f629";
    }
    
    .fa-gauge-simple-high::before {
        content: "\f62a";
    }
    
    .fa-tachometer::before {
        content: "\f62a";
    }
    
    .fa-tachometer-fast::before {
        content: "\f62a";
    }
    
    .fa-gavel::before {
        content: "\f0e3";
    }
    
    .fa-legal::before {
        content: "\f0e3";
    }
    
    .fa-gear::before {
        content: "\f013";
    }
    
    .fa-cog::before {
        content: "\f013";
    }
    
    .fa-gears::before {
        content: "\f085";
    }
    
    .fa-cogs::before {
        content: "\f085";
    }
    
    .fa-gem::before {
        content: "\f3a5";
    }
    
    .fa-genderless::before {
        content: "\f22d";
    }
    
    .fa-ghost::before {
        content: "\f6e2";
    }
    
    .fa-gift::before {
        content: "\f06b";
    }
    
    .fa-gifts::before {
        content: "\f79c";
    }
    
    .fa-glasses::before {
        content: "\f530";
    }
    
    .fa-globe::before {
        content: "\f0ac";
    }
    
    .fa-golf-ball-tee::before {
        content: "\f450";
    }
    
    .fa-golf-ball::before {
        content: "\f450";
    }
    
    .fa-gopuram::before {
        content: "\f664";
    }
    
    .fa-graduation-cap::before {
        content: "\f19d";
    }
    
    .fa-mortar-board::before {
        content: "\f19d";
    }
    
    .fa-greater-than::before {
        content: ">";
    }
    
    .fa-greater-than-equal::before {
        content: "\f532";
    }
    
    .fa-grip::before {
        content: "\f58d";
    }
    
    .fa-grip-horizontal::before {
        content: "\f58d";
    }
    
    .fa-grip-lines::before {
        content: "\f7a4";
    }
    
    .fa-grip-lines-vertical::before {
        content: "\f7a5";
    }
    
    .fa-grip-vertical::before {
        content: "\f58e";
    }
    
    .fa-guarani-sign::before {
        content: "\e19a";
    }
    
    .fa-guitar::before {
        content: "\f7a6";
    }
    
    .fa-gun::before {
        content: "\e19b";
    }
    
    .fa-h::before {
        content: "H";
    }
    
    .fa-hammer::before {
        content: "\f6e3";
    }
    
    .fa-hamsa::before {
        content: "\f665";
    }
    
    .fa-hand::before {
        content: "\f256";
    }
    
    .fa-hand-paper::before {
        content: "\f256";
    }
    
    .fa-hand-back-fist::before {
        content: "\f255";
    }
    
    .fa-hand-rock::before {
        content: "\f255";
    }
    
    .fa-hand-dots::before {
        content: "\f461";
    }
    
    .fa-allergies::before {
        content: "\f461";
    }
    
    .fa-hand-fist::before {
        content: "\f6de";
    }
    
    .fa-fist-raised::before {
        content: "\f6de";
    }
    
    .fa-hand-holding::before {
        content: "\f4bd";
    }
    
    .fa-hand-holding-dollar::before {
        content: "\f4c0";
    }
    
    .fa-hand-holding-usd::before {
        content: "\f4c0";
    }
    
    .fa-hand-holding-droplet::before {
        content: "\f4c1";
    }
    
    .fa-hand-holding-water::before {
        content: "\f4c1";
    }
    
    .fa-hand-holding-heart::before {
        content: "\f4be";
    }
    
    .fa-hand-holding-medical::before {
        content: "\e05c";
    }
    
    .fa-hand-lizard::before {
        content: "\f258";
    }
    
    .fa-hand-middle-finger::before {
        content: "\f806";
    }
    
    .fa-hand-peace::before {
        content: "\f25b";
    }
    
    .fa-hand-point-down::before {
        content: "\f0a7";
    }
    
    .fa-hand-point-left::before {
        content: "\f0a5";
    }
    
    .fa-hand-point-right::before {
        content: "\f0a4";
    }
    
    .fa-hand-point-up::before {
        content: "\f0a6";
    }
    
    .fa-hand-pointer::before {
        content: "\f25a";
    }
    
    .fa-hand-scissors::before {
        content: "\f257";
    }
    
    .fa-hand-sparkles::before {
        content: "\e05d";
    }
    
    .fa-hand-spock::before {
        content: "\f259";
    }
    
    .fa-hands::before {
        content: "\f2a7";
    }
    
    .fa-sign-language::before {
        content: "\f2a7";
    }
    
    .fa-signing::before {
        content: "\f2a7";
    }
    
    .fa-hands-asl-interpreting::before {
        content: "\f2a3";
    }
    
    .fa-american-sign-language-interpreting::before {
        content: "\f2a3";
    }
    
    .fa-asl-interpreting::before {
        content: "\f2a3";
    }
    
    .fa-hands-american-sign-language-interpreting::before {
        content: "\f2a3";
    }
    
    .fa-hands-bubbles::before {
        content: "\e05e";
    }
    
    .fa-hands-wash::before {
        content: "\e05e";
    }
    
    .fa-hands-clapping::before {
        content: "\e1a8";
    }
    
    .fa-hands-holding::before {
        content: "\f4c2";
    }
    
    .fa-hands-praying::before {
        content: "\f684";
    }
    
    .fa-praying-hands::before {
        content: "\f684";
    }
    
    .fa-handshake::before {
        content: "\f2b5";
    }
    
    .fa-handshake-angle::before {
        content: "\f4c4";
    }
    
    .fa-hands-helping::before {
        content: "\f4c4";
    }
    
    .fa-handshake-simple-slash::before {
        content: "\e05f";
    }
    
    .fa-handshake-alt-slash::before {
        content: "\e05f";
    }
    
    .fa-handshake-slash::before {
        content: "\e060";
    }
    
    .fa-hanukiah::before {
        content: "\f6e6";
    }
    
    .fa-hard-drive::before {
        content: "\f0a0";
    }
    
    .fa-hdd::before {
        content: "\f0a0";
    }
    
    .fa-hashtag::before {
        content: "#";
    }
    
    .fa-hat-cowboy::before {
        content: "\f8c0";
    }
    
    .fa-hat-cowboy-side::before {
        content: "\f8c1";
    }
    
    .fa-hat-wizard::before {
        content: "\f6e8";
    }
    
    .fa-head-side-cough::before {
        content: "\e061";
    }
    
    .fa-head-side-cough-slash::before {
        content: "\e062";
    }
    
    .fa-head-side-mask::before {
        content: "\e063";
    }
    
    .fa-head-side-virus::before {
        content: "\e064";
    }
    
    .fa-heading::before {
        content: "\f1dc";
    }
    
    .fa-header::before {
        content: "\f1dc";
    }
    
    .fa-headphones::before {
        content: "\f025";
    }
    
    .fa-headphones-simple::before {
        content: "\f58f";
    }
    
    .fa-headphones-alt::before {
        content: "\f58f";
    }
    
    .fa-headset::before {
        content: "\f590";
    }
    
    .fa-heart::before {
        content: "\f004";
    }
    
    .fa-heart-crack::before {
        content: "\f7a9";
    }
    
    .fa-heart-broken::before {
        content: "\f7a9";
    }
    
    .fa-heart-pulse::before {
        content: "\f21e";
    }
    
    .fa-heartbeat::before {
        content: "\f21e";
    }
    
    .fa-helicopter::before {
        content: "\f533";
    }
    
    .fa-helmet-safety::before {
        content: "\f807";
    }
    
    .fa-hard-hat::before {
        content: "\f807";
    }
    
    .fa-hat-hard::before {
        content: "\f807";
    }
    
    .fa-highlighter::before {
        content: "\f591";
    }
    
    .fa-hippo::before {
        content: "\f6ed";
    }
    
    .fa-hockey-puck::before {
        content: "\f453";
    }
    
    .fa-holly-berry::before {
        content: "\f7aa";
    }
    
    .fa-horse::before {
        content: "\f6f0";
    }
    
    .fa-horse-head::before {
        content: "\f7ab";
    }
    
    .fa-hospital::before {
        content: "\f0f8";
    }
    
    .fa-hospital-alt::before {
        content: "\f0f8";
    }
    
    .fa-hospital-wide::before {
        content: "\f0f8";
    }
    
    .fa-hospital-user::before {
        content: "\f80d";
    }
    
    .fa-hot-tub-person::before {
        content: "\f593";
    }
    
    .fa-hot-tub::before {
        content: "\f593";
    }
    
    .fa-hotdog::before {
        content: "\f80f";
    }
    
    .fa-hotel::before {
        content: "\f594";
    }
    
    .fa-hourglass::before {
        content: "\f254";
    }
    
    .fa-hourglass-2::before {
        content: "\f254";
    }
    
    .fa-hourglass-half::before {
        content: "\f254";
    }
    
    .fa-hourglass-empty::before {
        content: "\f252";
    }
    
    .fa-hourglass-end::before {
        content: "\f253";
    }
    
    .fa-hourglass-3::before {
        content: "\f253";
    }
    
    .fa-hourglass-start::before {
        content: "\f251";
    }
    
    .fa-hourglass-1::before {
        content: "\f251";
    }
    
    .fa-house::before {
        content: "\f015";
    }
    
    .fa-home::before {
        content: "\f015";
    }
    
    .fa-home-alt::before {
        content: "\f015";
    }
    
    .fa-home-lg-alt::before {
        content: "\f015";
    }
    
    .fa-house-chimney::before {
        content: "\e3af";
    }
    
    .fa-home-lg::before {
        content: "\e3af";
    }
    
    .fa-house-chimney-crack::before {
        content: "\f6f1";
    }
    
    .fa-house-damage::before {
        content: "\f6f1";
    }
    
    .fa-house-chimney-medical::before {
        content: "\f7f2";
    }
    
    .fa-clinic-medical::before {
        content: "\f7f2";
    }
    
    .fa-house-chimney-user::before {
        content: "\e065";
    }
    
    .fa-house-chimney-window::before {
        content: "\e00d";
    }
    
    .fa-house-crack::before {
        content: "\e3b1";
    }
    
    .fa-house-laptop::before {
        content: "\e066";
    }
    
    .fa-laptop-house::before {
        content: "\e066";
    }
    
    .fa-house-medical::before {
        content: "\e3b2";
    }
    
    .fa-house-user::before {
        content: "\e1b0";
    }
    
    .fa-home-user::before {
        content: "\e1b0";
    }
    
    .fa-hryvnia-sign::before {
        content: "\f6f2";
    }
    
    .fa-hryvnia::before {
        content: "\f6f2";
    }
    
    .fa-i::before {
        content: "I";
    }
    
    .fa-i-cursor::before {
        content: "\f246";
    }
    
    .fa-ice-cream::before {
        content: "\f810";
    }
    
    .fa-icicles::before {
        content: "\f7ad";
    }
    
    .fa-icons::before {
        content: "\f86d";
    }
    
    .fa-heart-music-camera-bolt::before {
        content: "\f86d";
    }
    
    .fa-id-badge::before {
        content: "\f2c1";
    }
    
    .fa-id-card::before {
        content: "\f2c2";
    }
    
    .fa-drivers-license::before {
        content: "\f2c2";
    }
    
    .fa-id-card-clip::before {
        content: "\f47f";
    }
    
    .fa-id-card-alt::before {
        content: "\f47f";
    }
    
    .fa-igloo::before {
        content: "\f7ae";
    }
    
    .fa-image::before {
        content: "\f03e";
    }
    
    .fa-image-portrait::before {
        content: "\f3e0";
    }
    
    .fa-portrait::before {
        content: "\f3e0";
    }
    
    .fa-images::before {
        content: "\f302";
    }
    
    .fa-inbox::before {
        content: "\f01c";
    }
    
    .fa-indent::before {
        content: "\f03c";
    }
    
    .fa-indian-rupee-sign::before {
        content: "\e1bc";
    }
    
    .fa-indian-rupee::before {
        content: "\e1bc";
    }
    
    .fa-inr::before {
        content: "\e1bc";
    }
    
    .fa-industry::before {
        content: "\f275";
    }
    
    .fa-infinity::before {
        content: "\f534";
    }
    
    .fa-info::before {
        content: "\f129";
    }
    
    .fa-italic::before {
        content: "\f033";
    }
    
    .fa-j::before {
        content: "J";
    }
    
    .fa-jedi::before {
        content: "\f669";
    }
    
    .fa-jet-fighter::before {
        content: "\f0fb";
    }
    
    .fa-fighter-jet::before {
        content: "\f0fb";
    }
    
    .fa-joint::before {
        content: "\f595";
    }
    
    .fa-k::before {
        content: "K";
    }
    
    .fa-kaaba::before {
        content: "\f66b";
    }
    
    .fa-key::before {
        content: "\f084";
    }
    
    .fa-keyboard::before {
        content: "\f11c";
    }
    
    .fa-khanda::before {
        content: "\f66d";
    }
    
    .fa-kip-sign::before {
        content: "\e1c4";
    }
    
    .fa-kit-medical::before {
        content: "\f479";
    }
    
    .fa-first-aid::before {
        content: "\f479";
    }
    
    .fa-kiwi-bird::before {
        content: "\f535";
    }
    
    .fa-l::before {
        content: "L";
    }
    
    .fa-landmark::before {
        content: "\f66f";
    }
    
    .fa-language::before {
        content: "\f1ab";
    }
    
    .fa-laptop::before {
        content: "\f109";
    }
    
    .fa-laptop-code::before {
        content: "\f5fc";
    }
    
    .fa-laptop-medical::before {
        content: "\f812";
    }
    
    .fa-lari-sign::before {
        content: "\e1c8";
    }
    
    .fa-layer-group::before {
        content: "\f5fd";
    }
    
    .fa-leaf::before {
        content: "\f06c";
    }
    
    .fa-left-long::before {
        content: "\f30a";
    }
    
    .fa-long-arrow-alt-left::before {
        content: "\f30a";
    }
    
    .fa-left-right::before {
        content: "\f337";
    }
    
    .fa-arrows-alt-h::before {
        content: "\f337";
    }
    
    .fa-lemon::before {
        content: "\f094";
    }
    
    .fa-less-than::before {
        content: "<";
    }
    
    .fa-less-than-equal::before {
        content: "\f537";
    }
    
    .fa-life-ring::before {
        content: "\f1cd";
    }
    
    .fa-lightbulb::before {
        content: "\f0eb";
    }
    
    .fa-link::before {
        content: "\f0c1";
    }
    
    .fa-chain::before {
        content: "\f0c1";
    }
    
    .fa-link-slash::before {
        content: "\f127";
    }
    
    .fa-chain-broken::before {
        content: "\f127";
    }
    
    .fa-chain-slash::before {
        content: "\f127";
    }
    
    .fa-unlink::before {
        content: "\f127";
    }
    
    .fa-lira-sign::before {
        content: "\f195";
    }
    
    .fa-list::before {
        content: "\f03a";
    }
    
    .fa-list-squares::before {
        content: "\f03a";
    }
    
    .fa-list-check::before {
        content: "\f0ae";
    }
    
    .fa-tasks::before {
        content: "\f0ae";
    }
    
    .fa-list-ol::before {
        content: "\f0cb";
    }
    
    .fa-list-1-2::before {
        content: "\f0cb";
    }
    
    .fa-list-numeric::before {
        content: "\f0cb";
    }
    
    .fa-list-ul::before {
        content: "\f0ca";
    }
    
    .fa-list-dots::before {
        content: "\f0ca";
    }
    
    .fa-litecoin-sign::before {
        content: "\e1d3";
    }
    
    .fa-location-arrow::before {
        content: "\f124";
    }
    
    .fa-location-crosshairs::before {
        content: "\f601";
    }
    
    .fa-location::before {
        content: "\f601";
    }
    
    .fa-location-dot::before {
        content: "\f3c5";
    }
    
    .fa-map-marker-alt::before {
        content: "\f3c5";
    }
    
    .fa-location-pin::before {
        content: "\f041";
    }
    
    .fa-map-marker::before {
        content: "\f041";
    }
    
    .fa-lock::before {
        content: "\f023";
    }
    
    .fa-lock-open::before {
        content: "\f3c1";
    }
    
    .fa-lungs::before {
        content: "\f604";
    }
    
    .fa-lungs-virus::before {
        content: "\e067";
    }
    
    .fa-m::before {
        content: "M";
    }
    
    .fa-magnet::before {
        content: "\f076";
    }
    
    .fa-magnifying-glass::before {
        content: "\f002";
    }
    
    .fa-search::before {
        content: "\f002";
    }
    
    .fa-magnifying-glass-dollar::before {
        content: "\f688";
    }
    
    .fa-search-dollar::before {
        content: "\f688";
    }
    
    .fa-magnifying-glass-location::before {
        content: "\f689";
    }
    
    .fa-search-location::before {
        content: "\f689";
    }
    
    .fa-magnifying-glass-minus::before {
        content: "\f010";
    }
    
    .fa-search-minus::before {
        content: "\f010";
    }
    
    .fa-magnifying-glass-plus::before {
        content: "\f00e";
    }
    
    .fa-search-plus::before {
        content: "\f00e";
    }
    
    .fa-manat-sign::before {
        content: "\e1d5";
    }
    
    .fa-map::before {
        content: "\f279";
    }
    
    .fa-map-location::before {
        content: "\f59f";
    }
    
    .fa-map-marked::before {
        content: "\f59f";
    }
    
    .fa-map-location-dot::before {
        content: "\f5a0";
    }
    
    .fa-map-marked-alt::before {
        content: "\f5a0";
    }
    
    .fa-map-pin::before {
        content: "\f276";
    }
    
    .fa-marker::before {
        content: "\f5a1";
    }
    
    .fa-mars::before {
        content: "\f222";
    }
    
    .fa-mars-and-venus::before {
        content: "\f224";
    }
    
    .fa-mars-double::before {
        content: "\f227";
    }
    
    .fa-mars-stroke::before {
        content: "\f229";
    }
    
    .fa-mars-stroke-right::before {
        content: "\f22b";
    }
    
    .fa-mars-stroke-h::before {
        content: "\f22b";
    }
    
    .fa-mars-stroke-up::before {
        content: "\f22a";
    }
    
    .fa-mars-stroke-v::before {
        content: "\f22a";
    }
    
    .fa-martini-glass::before {
        content: "\f57b";
    }
    
    .fa-glass-martini-alt::before {
        content: "\f57b";
    }
    
    .fa-martini-glass-citrus::before {
        content: "\f561";
    }
    
    .fa-cocktail::before {
        content: "\f561";
    }
    
    .fa-martini-glass-empty::before {
        content: "\f000";
    }
    
    .fa-glass-martini::before {
        content: "\f000";
    }
    
    .fa-mask::before {
        content: "\f6fa";
    }
    
    .fa-mask-face::before {
        content: "\e1d7";
    }
    
    .fa-masks-theater::before {
        content: "\f630";
    }
    
    .fa-theater-masks::before {
        content: "\f630";
    }
    
    .fa-maximize::before {
        content: "\f31e";
    }
    
    .fa-expand-arrows-alt::before {
        content: "\f31e";
    }
    
    .fa-medal::before {
        content: "\f5a2";
    }
    
    .fa-memory::before {
        content: "\f538";
    }
    
    .fa-menorah::before {
        content: "\f676";
    }
    
    .fa-mercury::before {
        content: "\f223";
    }
    
    .fa-message::before {
        content: "\f27a";
    }
    
    .fa-comment-alt::before {
        content: "\f27a";
    }
    
    .fa-meteor::before {
        content: "\f753";
    }
    
    .fa-microchip::before {
        content: "\f2db";
    }
    
    .fa-microphone::before {
        content: "\f130";
    }
    
    .fa-microphone-lines::before {
        content: "\f3c9";
    }
    
    .fa-microphone-alt::before {
        content: "\f3c9";
    }
    
    .fa-microphone-lines-slash::before {
        content: "\f539";
    }
    
    .fa-microphone-alt-slash::before {
        content: "\f539";
    }
    
    .fa-microphone-slash::before {
        content: "\f131";
    }
    
    .fa-microscope::before {
        content: "\f610";
    }
    
    .fa-mill-sign::before {
        content: "\e1ed";
    }
    
    .fa-minimize::before {
        content: "\f78c";
    }
    
    .fa-compress-arrows-alt::before {
        content: "\f78c";
    }
    
    .fa-minus::before {
        content: "\f068";
    }
    
    .fa-subtract::before {
        content: "\f068";
    }
    
    .fa-mitten::before {
        content: "\f7b5";
    }
    
    .fa-mobile::before {
        content: "\f3ce";
    }
    
    .fa-mobile-android::before {
        content: "\f3ce";
    }
    
    .fa-mobile-phone::before {
        content: "\f3ce";
    }
    
    .fa-mobile-button::before {
        content: "\f10b";
    }
    
    .fa-mobile-screen-button::before {
        content: "\f3cd";
    }
    
    .fa-mobile-alt::before {
        content: "\f3cd";
    }
    
    .fa-money-bill::before {
        content: "\f0d6";
    }
    
    .fa-money-bill-1::before {
        content: "\f3d1";
    }
    
    .fa-money-bill-alt::before {
        content: "\f3d1";
    }
    
    .fa-money-bill-1-wave::before {
        content: "\f53b";
    }
    
    .fa-money-bill-wave-alt::before {
        content: "\f53b";
    }
    
    .fa-money-bill-wave::before {
        content: "\f53a";
    }
    
    .fa-money-check::before {
        content: "\f53c";
    }
    
    .fa-money-check-dollar::before {
        content: "\f53d";
    }
    
    .fa-money-check-alt::before {
        content: "\f53d";
    }
    
    .fa-monument::before {
        content: "\f5a6";
    }
    
    .fa-moon::before {
        content: "\f186";
    }
    
    .fa-mortar-pestle::before {
        content: "\f5a7";
    }
    
    .fa-mosque::before {
        content: "\f678";
    }
    
    .fa-motorcycle::before {
        content: "\f21c";
    }
    
    .fa-mountain::before {
        content: "\f6fc";
    }
    
    .fa-mug-hot::before {
        content: "\f7b6";
    }
    
    .fa-mug-saucer::before {
        content: "\f0f4";
    }
    
    .fa-coffee::before {
        content: "\f0f4";
    }
    
    .fa-music::before {
        content: "\f001";
    }
    
    .fa-n::before {
        content: "N";
    }
    
    .fa-naira-sign::before {
        content: "\e1f6";
    }
    
    .fa-network-wired::before {
        content: "\f6ff";
    }
    
    .fa-neuter::before {
        content: "\f22c";
    }
    
    .fa-newspaper::before {
        content: "\f1ea";
    }
    
    .fa-not-equal::before {
        content: "\f53e";
    }
    
    .fa-note-sticky::before {
        content: "\f249";
    }
    
    .fa-sticky-note::before {
        content: "\f249";
    }
    
    .fa-notes-medical::before {
        content: "\f481";
    }
    
    .fa-o::before {
        content: "O";
    }
    
    .fa-object-group::before {
        content: "\f247";
    }
    
    .fa-object-ungroup::before {
        content: "\f248";
    }
    
    .fa-oil-can::before {
        content: "\f613";
    }
    
    .fa-om::before {
        content: "\f679";
    }
    
    .fa-otter::before {
        content: "\f700";
    }
    
    .fa-outdent::before {
        content: "\f03b";
    }
    
    .fa-dedent::before {
        content: "\f03b";
    }
    
    .fa-p::before {
        content: "P";
    }
    
    .fa-pager::before {
        content: "\f815";
    }
    
    .fa-paint-roller::before {
        content: "\f5aa";
    }
    
    .fa-paintbrush::before {
        content: "\f1fc";
    }
    
    .fa-paint-brush::before {
        content: "\f1fc";
    }
    
    .fa-palette::before {
        content: "\f53f";
    }
    
    .fa-pallet::before {
        content: "\f482";
    }
    
    .fa-panorama::before {
        content: "\e209";
    }
    
    .fa-paper-plane::before {
        content: "\f1d8";
    }
    
    .fa-paperclip::before {
        content: "\f0c6";
    }
    
    .fa-parachute-box::before {
        content: "\f4cd";
    }
    
    .fa-paragraph::before {
        content: "\f1dd";
    }
    
    .fa-passport::before {
        content: "\f5ab";
    }
    
    .fa-paste::before {
        content: "\f0ea";
    }
    
    .fa-file-clipboard::before {
        content: "\f0ea";
    }
    
    .fa-pause::before {
        content: "\f04c";
    }
    
    .fa-paw::before {
        content: "\f1b0";
    }
    
    .fa-peace::before {
        content: "\f67c";
    }
    
    .fa-pen::before {
        content: "\f304";
    }
    
    .fa-pen-clip::before {
        content: "\f305";
    }
    
    .fa-pen-alt::before {
        content: "\f305";
    }
    
    .fa-pen-fancy::before {
        content: "\f5ac";
    }
    
    .fa-pen-nib::before {
        content: "\f5ad";
    }
    
    .fa-pen-ruler::before {
        content: "\f5ae";
    }
    
    .fa-pencil-ruler::before {
        content: "\f5ae";
    }
    
    .fa-pen-to-square::before {
        content: "\f044";
    }
    
    .fa-edit::before {
        content: "\f044";
    }
    
    .fa-pencil::before {
        content: "\f303";
    }
    
    .fa-pencil-alt::before {
        content: "\f303";
    }
    
    .fa-people-arrows-left-right::before {
        content: "\e068";
    }
    
    .fa-people-arrows::before {
        content: "\e068";
    }
    
    .fa-people-carry-box::before {
        content: "\f4ce";
    }
    
    .fa-people-carry::before {
        content: "\f4ce";
    }
    
    .fa-pepper-hot::before {
        content: "\f816";
    }
    
    .fa-percent::before {
        content: "%";
    }
    
    .fa-percentage::before {
        content: "%";
    }
    
    .fa-person::before {
        content: "\f183";
    }
    
    .fa-male::before {
        content: "\f183";
    }
    
    .fa-person-biking::before {
        content: "\f84a";
    }
    
    .fa-biking::before {
        content: "\f84a";
    }
    
    .fa-person-booth::before {
        content: "\f756";
    }
    
    .fa-person-dots-from-line::before {
        content: "\f470";
    }
    
    .fa-diagnoses::before {
        content: "\f470";
    }
    
    .fa-person-dress::before {
        content: "\f182";
    }
    
    .fa-female::before {
        content: "\f182";
    }
    
    .fa-person-hiking::before {
        content: "\f6ec";
    }
    
    .fa-hiking::before {
        content: "\f6ec";
    }
    
    .fa-person-praying::before {
        content: "\f683";
    }
    
    .fa-pray::before {
        content: "\f683";
    }
    
    .fa-person-running::before {
        content: "\f70c";
    }
    
    .fa-running::before {
        content: "\f70c";
    }
    
    .fa-person-skating::before {
        content: "\f7c5";
    }
    
    .fa-skating::before {
        content: "\f7c5";
    }
    
    .fa-person-skiing::before {
        content: "\f7c9";
    }
    
    .fa-skiing::before {
        content: "\f7c9";
    }
    
    .fa-person-skiing-nordic::before {
        content: "\f7ca";
    }
    
    .fa-skiing-nordic::before {
        content: "\f7ca";
    }
    
    .fa-person-snowboarding::before {
        content: "\f7ce";
    }
    
    .fa-snowboarding::before {
        content: "\f7ce";
    }
    
    .fa-person-swimming::before {
        content: "\f5c4";
    }
    
    .fa-swimmer::before {
        content: "\f5c4";
    }
    
    .fa-person-walking::before {
        content: "\f554";
    }
    
    .fa-walking::before {
        content: "\f554";
    }
    
    .fa-person-walking-with-cane::before {
        content: "\f29d";
    }
    
    .fa-blind::before {
        content: "\f29d";
    }
    
    .fa-peseta-sign::before {
        content: "\e221";
    }
    
    .fa-peso-sign::before {
        content: "\e222";
    }
    
    .fa-phone::before {
        content: "\f095";
    }
    
    .fa-phone-flip::before {
        content: "\f879";
    }
    
    .fa-phone-alt::before {
        content: "\f879";
    }
    
    .fa-phone-slash::before {
        content: "\f3dd";
    }
    
    .fa-phone-volume::before {
        content: "\f2a0";
    }
    
    .fa-volume-control-phone::before {
        content: "\f2a0";
    }
    
    .fa-photo-film::before {
        content: "\f87c";
    }
    
    .fa-photo-video::before {
        content: "\f87c";
    }
    
    .fa-piggy-bank::before {
        content: "\f4d3";
    }
    
    .fa-pills::before {
        content: "\f484";
    }
    
    .fa-pizza-slice::before {
        content: "\f818";
    }
    
    .fa-place-of-worship::before {
        content: "\f67f";
    }
    
    .fa-plane::before {
        content: "\f072";
    }
    
    .fa-plane-arrival::before {
        content: "\f5af";
    }
    
    .fa-plane-departure::before {
        content: "\f5b0";
    }
    
    .fa-plane-slash::before {
        content: "\e069";
    }
    
    .fa-play::before {
        content: "\f04b";
    }
    
    .fa-plug::before {
        content: "\f1e6";
    }
    
    .fa-plus::before {
        content: "+";
    }
    
    .fa-add::before {
        content: "+";
    }
    
    .fa-plus-minus::before {
        content: "\e43c";
    }
    
    .fa-podcast::before {
        content: "\f2ce";
    }
    
    .fa-poo::before {
        content: "\f2fe";
    }
    
    .fa-poo-storm::before {
        content: "\f75a";
    }
    
    .fa-poo-bolt::before {
        content: "\f75a";
    }
    
    .fa-poop::before {
        content: "\f619";
    }
    
    .fa-power-off::before {
        content: "\f011";
    }
    
    .fa-prescription::before {
        content: "\f5b1";
    }
    
    .fa-prescription-bottle::before {
        content: "\f485";
    }
    
    .fa-prescription-bottle-medical::before {
        content: "\f486";
    }
    
    .fa-prescription-bottle-alt::before {
        content: "\f486";
    }
    
    .fa-print::before {
        content: "\f02f";
    }
    
    .fa-pump-medical::before {
        content: "\e06a";
    }
    
    .fa-pump-soap::before {
        content: "\e06b";
    }
    
    .fa-puzzle-piece::before {
        content: "\f12e";
    }
    
    .fa-q::before {
        content: "Q";
    }
    
    .fa-qrcode::before {
        content: "\f029";
    }
    
    .fa-question::before {
        content: "?";
    }
    
    .fa-quote-left::before {
        content: "\f10d";
    }
    
    .fa-quote-left-alt::before {
        content: "\f10d";
    }
    
    .fa-quote-right::before {
        content: "\f10e";
    }
    
    .fa-quote-right-alt::before {
        content: "\f10e";
    }
    
    .fa-r::before {
        content: "R";
    }
    
    .fa-radiation::before {
        content: "\f7b9";
    }
    
    .fa-rainbow::before {
        content: "\f75b";
    }
    
    .fa-receipt::before {
        content: "\f543";
    }
    
    .fa-record-vinyl::before {
        content: "\f8d9";
    }
    
    .fa-rectangle-ad::before {
        content: "\f641";
    }
    
    .fa-ad::before {
        content: "\f641";
    }
    
    .fa-rectangle-list::before {
        content: "\f022";
    }
    
    .fa-list-alt::before {
        content: "\f022";
    }
    
    .fa-rectangle-xmark::before {
        content: "\f410";
    }
    
    .fa-rectangle-times::before {
        content: "\f410";
    }
    
    .fa-times-rectangle::before {
        content: "\f410";
    }
    
    .fa-window-close::before {
        content: "\f410";
    }
    
    .fa-recycle::before {
        content: "\f1b8";
    }
    
    .fa-registered::before {
        content: "\f25d";
    }
    
    .fa-repeat::before {
        content: "\f363";
    }
    
    .fa-reply::before {
        content: "\f3e5";
    }
    
    .fa-mail-reply::before {
        content: "\f3e5";
    }
    
    .fa-reply-all::before {
        content: "\f122";
    }
    
    .fa-mail-reply-all::before {
        content: "\f122";
    }
    
    .fa-republican::before {
        content: "\f75e";
    }
    
    .fa-restroom::before {
        content: "\f7bd";
    }
    
    .fa-retweet::before {
        content: "\f079";
    }
    
    .fa-ribbon::before {
        content: "\f4d6";
    }
    
    .fa-right-from-bracket::before {
        content: "\f2f5";
    }
    
    .fa-sign-out-alt::before {
        content: "\f2f5";
    }
    
    .fa-right-left::before {
        content: "\f362";
    }
    
    .fa-exchange-alt::before {
        content: "\f362";
    }
    
    .fa-right-long::before {
        content: "\f30b";
    }
    
    .fa-long-arrow-alt-right::before {
        content: "\f30b";
    }
    
    .fa-right-to-bracket::before {
        content: "\f2f6";
    }
    
    .fa-sign-in-alt::before {
        content: "\f2f6";
    }
    
    .fa-ring::before {
        content: "\f70b";
    }
    
    .fa-road::before {
        content: "\f018";
    }
    
    .fa-robot::before {
        content: "\f544";
    }
    
    .fa-rocket::before {
        content: "\f135";
    }
    
    .fa-rotate::before {
        content: "\f2f1";
    }
    
    .fa-sync-alt::before {
        content: "\f2f1";
    }
    
    .fa-rotate-left::before {
        content: "\f2ea";
    }
    
    .fa-rotate-back::before {
        content: "\f2ea";
    }
    
    .fa-rotate-backward::before {
        content: "\f2ea";
    }
    
    .fa-undo-alt::before {
        content: "\f2ea";
    }
    
    .fa-rotate-right::before {
        content: "\f2f9";
    }
    
    .fa-redo-alt::before {
        content: "\f2f9";
    }
    
    .fa-rotate-forward::before {
        content: "\f2f9";
    }
    
    .fa-route::before {
        content: "\f4d7";
    }
    
    .fa-rss::before {
        content: "\f09e";
    }
    
    .fa-feed::before {
        content: "\f09e";
    }
    
    .fa-ruble-sign::before {
        content: "\f158";
    }
    
    .fa-rouble::before {
        content: "\f158";
    }
    
    .fa-rub::before {
        content: "\f158";
    }
    
    .fa-ruble::before {
        content: "\f158";
    }
    
    .fa-ruler::before {
        content: "\f545";
    }
    
    .fa-ruler-combined::before {
        content: "\f546";
    }
    
    .fa-ruler-horizontal::before {
        content: "\f547";
    }
    
    .fa-ruler-vertical::before {
        content: "\f548";
    }
    
    .fa-rupee-sign::before {
        content: "\f156";
    }
    
    .fa-rupee::before {
        content: "\f156";
    }
    
    .fa-rupiah-sign::before {
        content: "\e23d";
    }
    
    .fa-s::before {
        content: "S";
    }
    
    .fa-sailboat::before {
        content: "\e445";
    }
    
    .fa-satellite::before {
        content: "\f7bf";
    }
    
    .fa-satellite-dish::before {
        content: "\f7c0";
    }
    
    .fa-scale-balanced::before {
        content: "\f24e";
    }
    
    .fa-balance-scale::before {
        content: "\f24e";
    }
    
    .fa-scale-unbalanced::before {
        content: "\f515";
    }
    
    .fa-balance-scale-left::before {
        content: "\f515";
    }
    
    .fa-scale-unbalanced-flip::before {
        content: "\f516";
    }
    
    .fa-balance-scale-right::before {
        content: "\f516";
    }
    
    .fa-school::before {
        content: "\f549";
    }
    
    .fa-scissors::before {
        content: "\f0c4";
    }
    
    .fa-cut::before {
        content: "\f0c4";
    }
    
    .fa-screwdriver::before {
        content: "\f54a";
    }
    
    .fa-screwdriver-wrench::before {
        content: "\f7d9";
    }
    
    .fa-tools::before {
        content: "\f7d9";
    }
    
    .fa-scroll::before {
        content: "\f70e";
    }
    
    .fa-scroll-torah::before {
        content: "\f6a0";
    }
    
    .fa-torah::before {
        content: "\f6a0";
    }
    
    .fa-sd-card::before {
        content: "\f7c2";
    }
    
    .fa-section::before {
        content: "\e447";
    }
    
    .fa-seedling::before {
        content: "\f4d8";
    }
    
    .fa-sprout::before {
        content: "\f4d8";
    }
    
    .fa-server::before {
        content: "\f233";
    }
    
    .fa-shapes::before {
        content: "\f61f";
    }
    
    .fa-triangle-circle-square::before {
        content: "\f61f";
    }
    
    .fa-share::before {
        content: "\f064";
    }
    
    .fa-arrow-turn-right::before {
        content: "\f064";
    }
    
    .fa-mail-forward::before {
        content: "\f064";
    }
    
    .fa-share-from-square::before {
        content: "\f14d";
    }
    
    .fa-share-square::before {
        content: "\f14d";
    }
    
    .fa-share-nodes::before {
        content: "\f1e0";
    }
    
    .fa-share-alt::before {
        content: "\f1e0";
    }
    
    .fa-shekel-sign::before {
        content: "\f20b";
    }
    
    .fa-ils::before {
        content: "\f20b";
    }
    
    .fa-shekel::before {
        content: "\f20b";
    }
    
    .fa-sheqel::before {
        content: "\f20b";
    }
    
    .fa-sheqel-sign::before {
        content: "\f20b";
    }
    
    .fa-shield::before {
        content: "\f132";
    }
    
    .fa-shield-blank::before {
        content: "\f3ed";
    }
    
    .fa-shield-alt::before {
        content: "\f3ed";
    }
    
    .fa-shield-virus::before {
        content: "\e06c";
    }
    
    .fa-ship::before {
        content: "\f21a";
    }
    
    .fa-shirt::before {
        content: "\f553";
    }
    
    .fa-t-shirt::before {
        content: "\f553";
    }
    
    .fa-tshirt::before {
        content: "\f553";
    }
    
    .fa-shoe-prints::before {
        content: "\f54b";
    }
    
    .fa-shop::before {
        content: "\f54f";
    }
    
    .fa-store-alt::before {
        content: "\f54f";
    }
    
    .fa-shop-slash::before {
        content: "\e070";
    }
    
    .fa-store-alt-slash::before {
        content: "\e070";
    }
    
    .fa-shower::before {
        content: "\f2cc";
    }
    
    .fa-shrimp::before {
        content: "\e448";
    }
    
    .fa-shuffle::before {
        content: "\f074";
    }
    
    .fa-random::before {
        content: "\f074";
    }
    
    .fa-shuttle-space::before {
        content: "\f197";
    }
    
    .fa-space-shuttle::before {
        content: "\f197";
    }
    
    .fa-sign-hanging::before {
        content: "\f4d9";
    }
    
    .fa-sign::before {
        content: "\f4d9";
    }
    
    .fa-signal::before {
        content: "\f012";
    }
    
    .fa-signal-5::before {
        content: "\f012";
    }
    
    .fa-signal-perfect::before {
        content: "\f012";
    }
    
    .fa-signature::before {
        content: "\f5b7";
    }
    
    .fa-signs-post::before {
        content: "\f277";
    }
    
    .fa-map-signs::before {
        content: "\f277";
    }
    
    .fa-sim-card::before {
        content: "\f7c4";
    }
    
    .fa-sink::before {
        content: "\e06d";
    }
    
    .fa-sitemap::before {
        content: "\f0e8";
    }
    
    .fa-skull::before {
        content: "\f54c";
    }
    
    .fa-skull-crossbones::before {
        content: "\f714";
    }
    
    .fa-slash::before {
        content: "\f715";
    }
    
    .fa-sleigh::before {
        content: "\f7cc";
    }
    
    .fa-sliders::before {
        content: "\f1de";
    }
    
    .fa-sliders-h::before {
        content: "\f1de";
    }
    
    .fa-smog::before {
        content: "\f75f";
    }
    
    .fa-smoking::before {
        content: "\f48d";
    }
    
    .fa-snowflake::before {
        content: "\f2dc";
    }
    
    .fa-snowman::before {
        content: "\f7d0";
    }
    
    .fa-snowplow::before {
        content: "\f7d2";
    }
    
    .fa-soap::before {
        content: "\e06e";
    }
    
    .fa-socks::before {
        content: "\f696";
    }
    
    .fa-solar-panel::before {
        content: "\f5ba";
    }
    
    .fa-sort::before {
        content: "\f0dc";
    }
    
    .fa-unsorted::before {
        content: "\f0dc";
    }
    
    .fa-sort-down::before {
        content: "\f0dd";
    }
    
    .fa-sort-desc::before {
        content: "\f0dd";
    }
    
    .fa-sort-up::before {
        content: "\f0de";
    }
    
    .fa-sort-asc::before {
        content: "\f0de";
    }
    
    .fa-spa::before {
        content: "\f5bb";
    }
    
    .fa-spaghetti-monster-flying::before {
        content: "\f67b";
    }
    
    .fa-pastafarianism::before {
        content: "\f67b";
    }
    
    .fa-spell-check::before {
        content: "\f891";
    }
    
    .fa-spider::before {
        content: "\f717";
    }
    
    .fa-spinner::before {
        content: "\f110";
    }
    
    .fa-splotch::before {
        content: "\f5bc";
    }
    
    .fa-spoon::before {
        content: "\f2e5";
    }
    
    .fa-utensil-spoon::before {
        content: "\f2e5";
    }
    
    .fa-spray-can::before {
        content: "\f5bd";
    }
    
    .fa-spray-can-sparkles::before {
        content: "\f5d0";
    }
    
    .fa-air-freshener::before {
        content: "\f5d0";
    }
    
    .fa-square::before {
        content: "\f0c8";
    }
    
    .fa-square-arrow-up-right::before {
        content: "\f14c";
    }
    
    .fa-external-link-square::before {
        content: "\f14c";
    }
    
    .fa-square-caret-down::before {
        content: "\f150";
    }
    
    .fa-caret-square-down::before {
        content: "\f150";
    }
    
    .fa-square-caret-left::before {
        content: "\f191";
    }
    
    .fa-caret-square-left::before {
        content: "\f191";
    }
    
    .fa-square-caret-right::before {
        content: "\f152";
    }
    
    .fa-caret-square-right::before {
        content: "\f152";
    }
    
    .fa-square-caret-up::before {
        content: "\f151";
    }
    
    .fa-caret-square-up::before {
        content: "\f151";
    }
    
    .fa-square-check::before {
        content: "\f14a";
    }
    
    .fa-check-square::before {
        content: "\f14a";
    }
    
    .fa-square-envelope::before {
        content: "\f199";
    }
    
    .fa-envelope-square::before {
        content: "\f199";
    }
    
    .fa-square-full::before {
        content: "\f45c";
    }
    
    .fa-square-h::before {
        content: "\f0fd";
    }
    
    .fa-h-square::before {
        content: "\f0fd";
    }
    
    .fa-square-minus::before {
        content: "\f146";
    }
    
    .fa-minus-square::before {
        content: "\f146";
    }
    
    .fa-square-parking::before {
        content: "\f540";
    }
    
    .fa-parking::before {
        content: "\f540";
    }
    
    .fa-square-pen::before {
        content: "\f14b";
    }
    
    .fa-pen-square::before {
        content: "\f14b";
    }
    
    .fa-pencil-square::before {
        content: "\f14b";
    }
    
    .fa-square-phone::before {
        content: "\f098";
    }
    
    .fa-phone-square::before {
        content: "\f098";
    }
    
    .fa-square-phone-flip::before {
        content: "\f87b";
    }
    
    .fa-phone-square-alt::before {
        content: "\f87b";
    }
    
    .fa-square-plus::before {
        content: "\f0fe";
    }
    
    .fa-plus-square::before {
        content: "\f0fe";
    }
    
    .fa-square-poll-horizontal::before {
        content: "\f682";
    }
    
    .fa-poll-h::before {
        content: "\f682";
    }
    
    .fa-square-poll-vertical::before {
        content: "\f681";
    }
    
    .fa-poll::before {
        content: "\f681";
    }
    
    .fa-square-root-variable::before {
        content: "\f698";
    }
    
    .fa-square-root-alt::before {
        content: "\f698";
    }
    
    .fa-square-rss::before {
        content: "\f143";
    }
    
    .fa-rss-square::before {
        content: "\f143";
    }
    
    .fa-square-share-nodes::before {
        content: "\f1e1";
    }
    
    .fa-share-alt-square::before {
        content: "\f1e1";
    }
    
    .fa-square-up-right::before {
        content: "\f360";
    }
    
    .fa-external-link-square-alt::before {
        content: "\f360";
    }
    
    .fa-square-xmark::before {
        content: "\f2d3";
    }
    
    .fa-times-square::before {
        content: "\f2d3";
    }
    
    .fa-xmark-square::before {
        content: "\f2d3";
    }
    
    .fa-stairs::before {
        content: "\e289";
    }
    
    .fa-stamp::before {
        content: "\f5bf";
    }
    
    .fa-star::before {
        content: "\f005";
    }
    
    .fa-star-and-crescent::before {
        content: "\f699";
    }
    
    .fa-star-half::before {
        content: "\f089";
    }
    
    .fa-star-half-stroke::before {
        content: "\f5c0";
    }
    
    .fa-star-half-alt::before {
        content: "\f5c0";
    }
    
    .fa-star-of-david::before {
        content: "\f69a";
    }
    
    .fa-star-of-life::before {
        content: "\f621";
    }
    
    .fa-sterling-sign::before {
        content: "\f154";
    }
    
    .fa-gbp::before {
        content: "\f154";
    }
    
    .fa-pound-sign::before {
        content: "\f154";
    }
    
    .fa-stethoscope::before {
        content: "\f0f1";
    }
    
    .fa-stop::before {
        content: "\f04d";
    }
    
    .fa-stopwatch::before {
        content: "\f2f2";
    }
    
    .fa-stopwatch-20::before {
        content: "\e06f";
    }
    
    .fa-store::before {
        content: "\f54e";
    }
    
    .fa-store-slash::before {
        content: "\e071";
    }
    
    .fa-street-view::before {
        content: "\f21d";
    }
    
    .fa-strikethrough::before {
        content: "\f0cc";
    }
    
    .fa-stroopwafel::before {
        content: "\f551";
    }
    
    .fa-subscript::before {
        content: "\f12c";
    }
    
    .fa-suitcase::before {
        content: "\f0f2";
    }
    
    .fa-suitcase-medical::before {
        content: "\f0fa";
    }
    
    .fa-medkit::before {
        content: "\f0fa";
    }
    
    .fa-suitcase-rolling::before {
        content: "\f5c1";
    }
    
    .fa-sun::before {
        content: "\f185";
    }
    
    .fa-superscript::before {
        content: "\f12b";
    }
    
    .fa-swatchbook::before {
        content: "\f5c3";
    }
    
    .fa-synagogue::before {
        content: "\f69b";
    }
    
    .fa-syringe::before {
        content: "\f48e";
    }
    
    .fa-t::before {
        content: "T";
    }
    
    .fa-table::before {
        content: "\f0ce";
    }
    
    .fa-table-cells::before {
        content: "\f00a";
    }
    
    .fa-th::before {
        content: "\f00a";
    }
    
    .fa-table-cells-large::before {
        content: "\f009";
    }
    
    .fa-th-large::before {
        content: "\f009";
    }
    
    .fa-table-columns::before {
        content: "\f0db";
    }
    
    .fa-columns::before {
        content: "\f0db";
    }
    
    .fa-table-list::before {
        content: "\f00b";
    }
    
    .fa-th-list::before {
        content: "\f00b";
    }
    
    .fa-table-tennis-paddle-ball::before {
        content: "\f45d";
    }
    
    .fa-ping-pong-paddle-ball::before {
        content: "\f45d";
    }
    
    .fa-table-tennis::before {
        content: "\f45d";
    }
    
    .fa-tablet::before {
        content: "\f3fb";
    }
    
    .fa-tablet-android::before {
        content: "\f3fb";
    }
    
    .fa-tablet-button::before {
        content: "\f10a";
    }
    
    .fa-tablet-screen-button::before {
        content: "\f3fa";
    }
    
    .fa-tablet-alt::before {
        content: "\f3fa";
    }
    
    .fa-tablets::before {
        content: "\f490";
    }
    
    .fa-tachograph-digital::before {
        content: "\f566";
    }
    
    .fa-digital-tachograph::before {
        content: "\f566";
    }
    
    .fa-tag::before {
        content: "\f02b";
    }
    
    .fa-tags::before {
        content: "\f02c";
    }
    
    .fa-tape::before {
        content: "\f4db";
    }
    
    .fa-taxi::before {
        content: "\f1ba";
    }
    
    .fa-cab::before {
        content: "\f1ba";
    }
    
    .fa-teeth::before {
        content: "\f62e";
    }
    
    .fa-teeth-open::before {
        content: "\f62f";
    }
    
    .fa-temperature-empty::before {
        content: "\f2cb";
    }
    
    .fa-temperature-0::before {
        content: "\f2cb";
    }
    
    .fa-thermometer-0::before {
        content: "\f2cb";
    }
    
    .fa-thermometer-empty::before {
        content: "\f2cb";
    }
    
    .fa-temperature-full::before {
        content: "\f2c7";
    }
    
    .fa-temperature-4::before {
        content: "\f2c7";
    }
    
    .fa-thermometer-4::before {
        content: "\f2c7";
    }
    
    .fa-thermometer-full::before {
        content: "\f2c7";
    }
    
    .fa-temperature-half::before {
        content: "\f2c9";
    }
    
    .fa-temperature-2::before {
        content: "\f2c9";
    }
    
    .fa-thermometer-2::before {
        content: "\f2c9";
    }
    
    .fa-thermometer-half::before {
        content: "\f2c9";
    }
    
    .fa-temperature-high::before {
        content: "\f769";
    }
    
    .fa-temperature-low::before {
        content: "\f76b";
    }
    
    .fa-temperature-quarter::before {
        content: "\f2ca";
    }
    
    .fa-temperature-1::before {
        content: "\f2ca";
    }
    
    .fa-thermometer-1::before {
        content: "\f2ca";
    }
    
    .fa-thermometer-quarter::before {
        content: "\f2ca";
    }
    
    .fa-temperature-three-quarters::before {
        content: "\f2c8";
    }
    
    .fa-temperature-3::before {
        content: "\f2c8";
    }
    
    .fa-thermometer-3::before {
        content: "\f2c8";
    }
    
    .fa-thermometer-three-quarters::before {
        content: "\f2c8";
    }
    
    .fa-tenge-sign::before {
        content: "\f7d7";
    }
    
    .fa-tenge::before {
        content: "\f7d7";
    }
    
    .fa-terminal::before {
        content: "\f120";
    }
    
    .fa-text-height::before {
        content: "\f034";
    }
    
    .fa-text-slash::before {
        content: "\f87d";
    }
    
    .fa-remove-format::before {
        content: "\f87d";
    }
    
    .fa-text-width::before {
        content: "\f035";
    }
    
    .fa-thermometer::before {
        content: "\f491";
    }
    
    .fa-thumbs-down::before {
        content: "\f165";
    }
    
    .fa-thumbs-up::before {
        content: "\f164";
    }
    
    .fa-thumbtack::before {
        content: "\f08d";
    }
    
    .fa-thumb-tack::before {
        content: "\f08d";
    }
    
    .fa-ticket::before {
        content: "\f145";
    }
    
    .fa-ticket-simple::before {
        content: "\f3ff";
    }
    
    .fa-ticket-alt::before {
        content: "\f3ff";
    }
    
    .fa-timeline::before {
        content: "\e29c";
    }
    
    .fa-toggle-off::before {
        content: "\f204";
    }
    
    .fa-toggle-on::before {
        content: "\f205";
    }
    
    .fa-toilet::before {
        content: "\f7d8";
    }
    
    .fa-toilet-paper::before {
        content: "\f71e";
    }
    
    .fa-toilet-paper-slash::before {
        content: "\e072";
    }
    
    .fa-toolbox::before {
        content: "\f552";
    }
    
    .fa-tooth::before {
        content: "\f5c9";
    }
    
    .fa-torii-gate::before {
        content: "\f6a1";
    }
    
    .fa-tower-broadcast::before {
        content: "\f519";
    }
    
    .fa-broadcast-tower::before {
        content: "\f519";
    }
    
    .fa-tractor::before {
        content: "\f722";
    }
    
    .fa-trademark::before {
        content: "\f25c";
    }
    
    .fa-traffic-light::before {
        content: "\f637";
    }
    
    .fa-trailer::before {
        content: "\e041";
    }
    
    .fa-train::before {
        content: "\f238";
    }
    
    .fa-train-subway::before {
        content: "\f239";
    }
    
    .fa-subway::before {
        content: "\f239";
    }
    
    .fa-train-tram::before {
        content: "\f7da";
    }
    
    .fa-tram::before {
        content: "\f7da";
    }
    
    .fa-transgender::before {
        content: "\f225";
    }
    
    .fa-transgender-alt::before {
        content: "\f225";
    }
    
    .fa-trash::before {
        content: "\f1f8";
    }
    
    .fa-trash-arrow-up::before {
        content: "\f829";
    }
    
    .fa-trash-restore::before {
        content: "\f829";
    }
    
    .fa-trash-can::before {
        content: "\f2ed";
    }
    
    .fa-trash-alt::before {
        content: "\f2ed";
    }
    
    .fa-trash-can-arrow-up::before {
        content: "\f82a";
    }
    
    .fa-trash-restore-alt::before {
        content: "\f82a";
    }
    
    .fa-tree::before {
        content: "\f1bb";
    }
    
    .fa-triangle-exclamation::before {
        content: "\f071";
    }
    
    .fa-exclamation-triangle::before {
        content: "\f071";
    }
    
    .fa-warning::before {
        content: "\f071";
    }
    
    .fa-trophy::before {
        content: "\f091";
    }
    
    .fa-truck::before {
        content: "\f0d1";
    }
    
    .fa-truck-fast::before {
        content: "\f48b";
    }
    
    .fa-shipping-fast::before {
        content: "\f48b";
    }
    
    .fa-truck-medical::before {
        content: "\f0f9";
    }
    
    .fa-ambulance::before {
        content: "\f0f9";
    }
    
    .fa-truck-monster::before {
        content: "\f63b";
    }
    
    .fa-truck-moving::before {
        content: "\f4df";
    }
    
    .fa-truck-pickup::before {
        content: "\f63c";
    }
    
    .fa-truck-ramp-box::before {
        content: "\f4de";
    }
    
    .fa-truck-loading::before {
        content: "\f4de";
    }
    
    .fa-tty::before {
        content: "\f1e4";
    }
    
    .fa-teletype::before {
        content: "\f1e4";
    }
    
    .fa-turkish-lira-sign::before {
        content: "\e2bb";
    }
    
    .fa-try::before {
        content: "\e2bb";
    }
    
    .fa-turkish-lira::before {
        content: "\e2bb";
    }
    
    .fa-turn-down::before {
        content: "\f3be";
    }
    
    .fa-level-down-alt::before {
        content: "\f3be";
    }
    
    .fa-turn-up::before {
        content: "\f3bf";
    }
    
    .fa-level-up-alt::before {
        content: "\f3bf";
    }
    
    .fa-tv::before {
        content: "\f26c";
    }
    
    .fa-television::before {
        content: "\f26c";
    }
    
    .fa-tv-alt::before {
        content: "\f26c";
    }
    
    .fa-u::before {
        content: "U";
    }
    
    .fa-umbrella::before {
        content: "\f0e9";
    }
    
    .fa-umbrella-beach::before {
        content: "\f5ca";
    }
    
    .fa-underline::before {
        content: "\f0cd";
    }
    
    .fa-universal-access::before {
        content: "\f29a";
    }
    
    .fa-unlock::before {
        content: "\f09c";
    }
    
    .fa-unlock-keyhole::before {
        content: "\f13e";
    }
    
    .fa-unlock-alt::before {
        content: "\f13e";
    }
    
    .fa-up-down::before {
        content: "\f338";
    }
    
    .fa-arrows-alt-v::before {
        content: "\f338";
    }
    
    .fa-up-down-left-right::before {
        content: "\f0b2";
    }
    
    .fa-arrows-alt::before {
        content: "\f0b2";
    }
    
    .fa-up-long::before {
        content: "\f30c";
    }
    
    .fa-long-arrow-alt-up::before {
        content: "\f30c";
    }
    
    .fa-up-right-and-down-left-from-center::before {
        content: "\f424";
    }
    
    .fa-expand-alt::before {
        content: "\f424";
    }
    
    .fa-up-right-from-square::before {
        content: "\f35d";
    }
    
    .fa-external-link-alt::before {
        content: "\f35d";
    }
    
    .fa-upload::before {
        content: "\f093";
    }
    
    .fa-user::before {
        content: "\f007";
    }
    
    .fa-user-astronaut::before {
        content: "\f4fb";
    }
    
    .fa-user-check::before {
        content: "\f4fc";
    }
    
    .fa-user-clock::before {
        content: "\f4fd";
    }
    
    .fa-user-doctor::before {
        content: "\f0f0";
    }
    
    .fa-user-md::before {
        content: "\f0f0";
    }
    
    .fa-user-gear::before {
        content: "\f4fe";
    }
    
    .fa-user-cog::before {
        content: "\f4fe";
    }
    
    .fa-user-graduate::before {
        content: "\f501";
    }
    
    .fa-user-group::before {
        content: "\f500";
    }
    
    .fa-user-friends::before {
        content: "\f500";
    }
    
    .fa-user-injured::before {
        content: "\f728";
    }
    
    .fa-user-large::before {
        content: "\f406";
    }
    
    .fa-user-alt::before {
        content: "\f406";
    }
    
    .fa-user-large-slash::before {
        content: "\f4fa";
    }
    
    .fa-user-alt-slash::before {
        content: "\f4fa";
    }
    
    .fa-user-lock::before {
        content: "\f502";
    }
    
    .fa-user-minus::before {
        content: "\f503";
    }
    
    .fa-user-ninja::before {
        content: "\f504";
    }
    
    .fa-user-nurse::before {
        content: "\f82f";
    }
    
    .fa-user-pen::before {
        content: "\f4ff";
    }
    
    .fa-user-edit::before {
        content: "\f4ff";
    }
    
    .fa-user-plus::before {
        content: "\f234";
    }
    
    .fa-user-secret::before {
        content: "\f21b";
    }
    
    .fa-user-shield::before {
        content: "\f505";
    }
    
    .fa-user-slash::before {
        content: "\f506";
    }
    
    .fa-user-tag::before {
        content: "\f507";
    }
    
    .fa-user-tie::before {
        content: "\f508";
    }
    
    .fa-user-xmark::before {
        content: "\f235";
    }
    
    .fa-user-times::before {
        content: "\f235";
    }
    
    .fa-users::before {
        content: "\f0c0";
    }
    
    .fa-users-gear::before {
        content: "\f509";
    }
    
    .fa-users-cog::before {
        content: "\f509";
    }
    
    .fa-users-slash::before {
        content: "\e073";
    }
    
    .fa-utensils::before {
        content: "\f2e7";
    }
    
    .fa-cutlery::before {
        content: "\f2e7";
    }
    
    .fa-v::before {
        content: "V";
    }
    
    .fa-van-shuttle::before {
        content: "\f5b6";
    }
    
    .fa-shuttle-van::before {
        content: "\f5b6";
    }
    
    .fa-vault::before {
        content: "\e2c5";
    }
    
    .fa-vector-square::before {
        content: "\f5cb";
    }
    
    .fa-venus::before {
        content: "\f221";
    }
    
    .fa-venus-double::before {
        content: "\f226";
    }
    
    .fa-venus-mars::before {
        content: "\f228";
    }
    
    .fa-vest::before {
        content: "\e085";
    }
    
    .fa-vest-patches::before {
        content: "\e086";
    }
    
    .fa-vial::before {
        content: "\f492";
    }
    
    .fa-vials::before {
        content: "\f493";
    }
    
    .fa-video::before {
        content: "\f03d";
    }
    
    .fa-video-camera::before {
        content: "\f03d";
    }
    
    .fa-video-slash::before {
        content: "\f4e2";
    }
    
    .fa-vihara::before {
        content: "\f6a7";
    }
    
    .fa-virus::before {
        content: "\e074";
    }
    
    .fa-virus-covid::before {
        content: "\e4a8";
    }
    
    .fa-virus-covid-slash::before {
        content: "\e4a9";
    }
    
    .fa-virus-slash::before {
        content: "\e075";
    }
    
    .fa-viruses::before {
        content: "\e076";
    }
    
    .fa-voicemail::before {
        content: "\f897";
    }
    
    .fa-volleyball::before {
        content: "\f45f";
    }
    
    .fa-volleyball-ball::before {
        content: "\f45f";
    }
    
    .fa-volume-high::before {
        content: "\f028";
    }
    
    .fa-volume-up::before {
        content: "\f028";
    }
    
    .fa-volume-low::before {
        content: "\f027";
    }
    
    .fa-volume-down::before {
        content: "\f027";
    }
    
    .fa-volume-off::before {
        content: "\f026";
    }
    
    .fa-volume-xmark::before {
        content: "\f6a9";
    }
    
    .fa-volume-mute::before {
        content: "\f6a9";
    }
    
    .fa-volume-times::before {
        content: "\f6a9";
    }
    
    .fa-vr-cardboard::before {
        content: "\f729";
    }
    
    .fa-w::before {
        content: "W";
    }
    
    .fa-wallet::before {
        content: "\f555";
    }
    
    .fa-wand-magic::before {
        content: "\f0d0";
    }
    
    .fa-magic::before {
        content: "\f0d0";
    }
    
    .fa-wand-magic-sparkles::before {
        content: "\e2ca";
    }
    
    .fa-magic-wand-sparkles::before {
        content: "\e2ca";
    }
    
    .fa-wand-sparkles::before {
        content: "\f72b";
    }
    
    .fa-warehouse::before {
        content: "\f494";
    }
    
    .fa-water::before {
        content: "\f773";
    }
    
    .fa-water-ladder::before {
        content: "\f5c5";
    }
    
    .fa-ladder-water::before {
        content: "\f5c5";
    }
    
    .fa-swimming-pool::before {
        content: "\f5c5";
    }
    
    .fa-wave-square::before {
        content: "\f83e";
    }
    
    .fa-weight-hanging::before {
        content: "\f5cd";
    }
    
    .fa-weight-scale::before {
        content: "\f496";
    }
    
    .fa-weight::before {
        content: "\f496";
    }
    
    .fa-wheelchair::before {
        content: "\f193";
    }
    
    .fa-whiskey-glass::before {
        content: "\f7a0";
    }
    
    .fa-glass-whiskey::before {
        content: "\f7a0";
    }
    
    .fa-wifi::before {
        content: "\f1eb";
    }
    
    .fa-wifi-3::before {
        content: "\f1eb";
    }
    
    .fa-wifi-strong::before {
        content: "\f1eb";
    }
    
    .fa-wind::before {
        content: "\f72e";
    }
    
    .fa-window-maximize::before {
        content: "\f2d0";
    }
    
    .fa-window-minimize::before {
        content: "\f2d1";
    }
    
    .fa-window-restore::before {
        content: "\f2d2";
    }
    
    .fa-wine-bottle::before {
        content: "\f72f";
    }
    
    .fa-wine-glass::before {
        content: "\f4e3";
    }
    
    .fa-wine-glass-empty::before {
        content: "\f5ce";
    }
    
    .fa-wine-glass-alt::before {
        content: "\f5ce";
    }
    
    .fa-won-sign::before {
        content: "\f159";
    }
    
    .fa-krw::before {
        content: "\f159";
    }
    
    .fa-won::before {
        content: "\f159";
    }
    
    .fa-wrench::before {
        content: "\f0ad";
    }
    
    .fa-x::before {
        content: "X";
    }
    
    .fa-x-ray::before {
        content: "\f497";
    }
    
    .fa-xmark::before {
        content: "\f00d";
    }
    
    .fa-close::before {
        content: "\f00d";
    }
    
    .fa-multiply::before {
        content: "\f00d";
    }
    
    .fa-remove::before {
        content: "\f00d";
    }
    
    .fa-times::before {
        content: "\f00d";
    }
    
    .fa-y::before {
        content: "Y";
    }
    
    .fa-yen-sign::before {
        content: "\f157";
    }
    
    .fa-cny::before {
        content: "\f157";
    }
    
    .fa-jpy::before {
        content: "\f157";
    }
    
    .fa-rmb::before {
        content: "\f157";
    }
    
    .fa-yen::before {
        content: "\f157";
    }
    
    .fa-yin-yang::before {
        content: "\f6ad";
    }
    
    .fa-z::before {
        content: "Z";
    }
    
    .sr-only,
    .fa-sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    }
    
    .sr-only-focusable:not(:focus),
    .fa-sr-only-focusable:not(:focus) {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    }
    
     :root,
     :host {
        --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
    }
    
    @font-face {
        font-family: "Font Awesome 6 Brands";
        font-style: normal;
        font-weight: 400;
        font-display: block;
        src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.ttf") format("truetype");
    }
    
    .fab,
    .fa-brands {
        font-family: "Font Awesome 6 Brands";
        font-weight: 400;
    }
    
    .fa-42-group:before {
        content: "\e080";
    }
    
    .fa-innosoft:before {
        content: "\e080";
    }
    
    .fa-500px:before {
        content: "\f26e";
    }
    
    .fa-accessible-icon:before {
        content: "\f368";
    }
    
    .fa-accusoft:before {
        content: "\f369";
    }
    
    .fa-adn:before {
        content: "\f170";
    }
    
    .fa-adversal:before {
        content: "\f36a";
    }
    
    .fa-affiliatetheme:before {
        content: "\f36b";
    }
    
    .fa-airbnb:before {
        content: "\f834";
    }
    
    .fa-algolia:before {
        content: "\f36c";
    }
    
    .fa-alipay:before {
        content: "\f642";
    }
    
    .fa-amazon:before {
        content: "\f270";
    }
    
    .fa-amazon-pay:before {
        content: "\f42c";
    }
    
    .fa-amilia:before {
        content: "\f36d";
    }
    
    .fa-android:before {
        content: "\f17b";
    }
    
    .fa-angellist:before {
        content: "\f209";
    }
    
    .fa-angrycreative:before {
        content: "\f36e";
    }
    
    .fa-angular:before {
        content: "\f420";
    }
    
    .fa-app-store:before {
        content: "\f36f";
    }
    
    .fa-app-store-ios:before {
        content: "\f370";
    }
    
    .fa-apper:before {
        content: "\f371";
    }
    
    .fa-apple:before {
        content: "\f179";
    }
    
    .fa-apple-pay:before {
        content: "\f415";
    }
    
    .fa-artstation:before {
        content: "\f77a";
    }
    
    .fa-asymmetrik:before {
        content: "\f372";
    }
    
    .fa-atlassian:before {
        content: "\f77b";
    }
    
    .fa-audible:before {
        content: "\f373";
    }
    
    .fa-autoprefixer:before {
        content: "\f41c";
    }
    
    .fa-avianex:before {
        content: "\f374";
    }
    
    .fa-aviato:before {
        content: "\f421";
    }
    
    .fa-aws:before {
        content: "\f375";
    }
    
    .fa-bandcamp:before {
        content: "\f2d5";
    }
    
    .fa-battle-net:before {
        content: "\f835";
    }
    
    .fa-behance:before {
        content: "\f1b4";
    }
    
    .fa-behance-square:before {
        content: "\f1b5";
    }
    
    .fa-bilibili:before {
        content: "\e3d9";
    }
    
    .fa-bimobject:before {
        content: "\f378";
    }
    
    .fa-bitbucket:before {
        content: "\f171";
    }
    
    .fa-bitcoin:before {
        content: "\f379";
    }
    
    .fa-bity:before {
        content: "\f37a";
    }
    
    .fa-black-tie:before {
        content: "\f27e";
    }
    
    .fa-blackberry:before {
        content: "\f37b";
    }
    
    .fa-blogger:before {
        content: "\f37c";
    }
    
    .fa-blogger-b:before {
        content: "\f37d";
    }
    
    .fa-bluetooth:before {
        content: "\f293";
    }
    
    .fa-bluetooth-b:before {
        content: "\f294";
    }
    
    .fa-bootstrap:before {
        content: "\f836";
    }
    
    .fa-bots:before {
        content: "\e340";
    }
    
    .fa-btc:before {
        content: "\f15a";
    }
    
    .fa-buffer:before {
        content: "\f837";
    }
    
    .fa-buromobelexperte:before {
        content: "\f37f";
    }
    
    .fa-buy-n-large:before {
        content: "\f8a6";
    }
    
    .fa-buysellads:before {
        content: "\f20d";
    }
    
    .fa-canadian-maple-leaf:before {
        content: "\f785";
    }
    
    .fa-cc-amazon-pay:before {
        content: "\f42d";
    }
    
    .fa-cc-amex:before {
        content: "\f1f3";
    }
    
    .fa-cc-apple-pay:before {
        content: "\f416";
    }
    
    .fa-cc-diners-club:before {
        content: "\f24c";
    }
    
    .fa-cc-discover:before {
        content: "\f1f2";
    }
    
    .fa-cc-jcb:before {
        content: "\f24b";
    }
    
    .fa-cc-mastercard:before {
        content: "\f1f1";
    }
    
    .fa-cc-paypal:before {
        content: "\f1f4";
    }
    
    .fa-cc-stripe:before {
        content: "\f1f5";
    }
    
    .fa-cc-visa:before {
        content: "\f1f0";
    }
    
    .fa-centercode:before {
        content: "\f380";
    }
    
    .fa-centos:before {
        content: "\f789";
    }
    
    .fa-chrome:before {
        content: "\f268";
    }
    
    .fa-chromecast:before {
        content: "\f838";
    }
    
    .fa-cloudflare:before {
        content: "\e07d";
    }
    
    .fa-cloudscale:before {
        content: "\f383";
    }
    
    .fa-cloudsmith:before {
        content: "\f384";
    }
    
    .fa-cloudversify:before {
        content: "\f385";
    }
    
    .fa-cmplid:before {
        content: "\e360";
    }
    
    .fa-codepen:before {
        content: "\f1cb";
    }
    
    .fa-codiepie:before {
        content: "\f284";
    }
    
    .fa-confluence:before {
        content: "\f78d";
    }
    
    .fa-connectdevelop:before {
        content: "\f20e";
    }
    
    .fa-contao:before {
        content: "\f26d";
    }
    
    .fa-cotton-bureau:before {
        content: "\f89e";
    }
    
    .fa-cpanel:before {
        content: "\f388";
    }
    
    .fa-creative-commons:before {
        content: "\f25e";
    }
    
    .fa-creative-commons-by:before {
        content: "\f4e7";
    }
    
    .fa-creative-commons-nc:before {
        content: "\f4e8";
    }
    
    .fa-creative-commons-nc-eu:before {
        content: "\f4e9";
    }
    
    .fa-creative-commons-nc-jp:before {
        content: "\f4ea";
    }
    
    .fa-creative-commons-nd:before {
        content: "\f4eb";
    }
    
    .fa-creative-commons-pd:before {
        content: "\f4ec";
    }
    
    .fa-creative-commons-pd-alt:before {
        content: "\f4ed";
    }
    
    .fa-creative-commons-remix:before {
        content: "\f4ee";
    }
    
    .fa-creative-commons-sa:before {
        content: "\f4ef";
    }
    
    .fa-creative-commons-sampling:before {
        content: "\f4f0";
    }
    
    .fa-creative-commons-sampling-plus:before {
        content: "\f4f1";
    }
    
    .fa-creative-commons-share:before {
        content: "\f4f2";
    }
    
    .fa-creative-commons-zero:before {
        content: "\f4f3";
    }
    
    .fa-critical-role:before {
        content: "\f6c9";
    }
    
    .fa-css3:before {
        content: "\f13c";
    }
    
    .fa-css3-alt:before {
        content: "\f38b";
    }
    
    .fa-cuttlefish:before {
        content: "\f38c";
    }
    
    .fa-d-and-d:before {
        content: "\f38d";
    }
    
    .fa-d-and-d-beyond:before {
        content: "\f6ca";
    }
    
    .fa-dailymotion:before {
        content: "\e052";
    }
    
    .fa-dashcube:before {
        content: "\f210";
    }
    
    .fa-deezer:before {
        content: "\e077";
    }
    
    .fa-delicious:before {
        content: "\f1a5";
    }
    
    .fa-deploydog:before {
        content: "\f38e";
    }
    
    .fa-deskpro:before {
        content: "\f38f";
    }
    
    .fa-dev:before {
        content: "\f6cc";
    }
    
    .fa-deviantart:before {
        content: "\f1bd";
    }
    
    .fa-dhl:before {
        content: "\f790";
    }
    
    .fa-diaspora:before {
        content: "\f791";
    }
    
    .fa-digg:before {
        content: "\f1a6";
    }
    
    .fa-digital-ocean:before {
        content: "\f391";
    }
    
    .fa-discord:before {
        content: "\f392";
    }
    
    .fa-discourse:before {
        content: "\f393";
    }
    
    .fa-dochub:before {
        content: "\f394";
    }
    
    .fa-docker:before {
        content: "\f395";
    }
    
    .fa-draft2digital:before {
        content: "\f396";
    }
    
    .fa-dribbble:before {
        content: "\f17d";
    }
    
    .fa-dribbble-square:before {
        content: "\f397";
    }
    
    .fa-dropbox:before {
        content: "\f16b";
    }
    
    .fa-drupal:before {
        content: "\f1a9";
    }
    
    .fa-dyalog:before {
        content: "\f399";
    }
    
    .fa-earlybirds:before {
        content: "\f39a";
    }
    
    .fa-ebay:before {
        content: "\f4f4";
    }
    
    .fa-edge:before {
        content: "\f282";
    }
    
    .fa-edge-legacy:before {
        content: "\e078";
    }
    
    .fa-elementor:before {
        content: "\f430";
    }
    
    .fa-ello:before {
        content: "\f5f1";
    }
    
    .fa-ember:before {
        content: "\f423";
    }
    
    .fa-empire:before {
        content: "\f1d1";
    }
    
    .fa-envira:before {
        content: "\f299";
    }
    
    .fa-erlang:before {
        content: "\f39d";
    }
    
    .fa-ethereum:before {
        content: "\f42e";
    }
    
    .fa-etsy:before {
        content: "\f2d7";
    }
    
    .fa-evernote:before {
        content: "\f839";
    }
    
    .fa-expeditedssl:before {
        content: "\f23e";
    }
    
    .fa-facebook:before {
        content: "\f09a";
    }
    
    .fa-facebook-f:before {
        content: "\f39e";
    }
    
    .fa-facebook-messenger:before {
        content: "\f39f";
    }
    
    .fa-facebook-square:before {
        content: "\f082";
    }
    
    .fa-fantasy-flight-games:before {
        content: "\f6dc";
    }
    
    .fa-fedex:before {
        content: "\f797";
    }
    
    .fa-fedora:before {
        content: "\f798";
    }
    
    .fa-figma:before {
        content: "\f799";
    }
    
    .fa-firefox:before {
        content: "\f269";
    }
    
    .fa-firefox-browser:before {
        content: "\e007";
    }
    
    .fa-first-order:before {
        content: "\f2b0";
    }
    
    .fa-first-order-alt:before {
        content: "\f50a";
    }
    
    .fa-firstdraft:before {
        content: "\f3a1";
    }
    
    .fa-flickr:before {
        content: "\f16e";
    }
    
    .fa-flipboard:before {
        content: "\f44d";
    }
    
    .fa-fly:before {
        content: "\f417";
    }
    
    .fa-font-awesome:before {
        content: "\f2b4";
    }
    
    .fa-font-awesome-flag:before {
        content: "\f2b4";
    }
    
    .fa-font-awesome-logo-full:before {
        content: "\f2b4";
    }
    
    .fa-fonticons:before {
        content: "\f280";
    }
    
    .fa-fonticons-fi:before {
        content: "\f3a2";
    }
    
    .fa-fort-awesome:before {
        content: "\f286";
    }
    
    .fa-fort-awesome-alt:before {
        content: "\f3a3";
    }
    
    .fa-forumbee:before {
        content: "\f211";
    }
    
    .fa-foursquare:before {
        content: "\f180";
    }
    
    .fa-free-code-camp:before {
        content: "\f2c5";
    }
    
    .fa-freebsd:before {
        content: "\f3a4";
    }
    
    .fa-fulcrum:before {
        content: "\f50b";
    }
    
    .fa-galactic-republic:before {
        content: "\f50c";
    }
    
    .fa-galactic-senate:before {
        content: "\f50d";
    }
    
    .fa-get-pocket:before {
        content: "\f265";
    }
    
    .fa-gg:before {
        content: "\f260";
    }
    
    .fa-gg-circle:before {
        content: "\f261";
    }
    
    .fa-git:before {
        content: "\f1d3";
    }
    
    .fa-git-alt:before {
        content: "\f841";
    }
    
    .fa-git-square:before {
        content: "\f1d2";
    }
    
    .fa-github:before {
        content: "\f09b";
    }
    
    .fa-github-alt:before {
        content: "\f113";
    }
    
    .fa-github-square:before {
        content: "\f092";
    }
    
    .fa-gitkraken:before {
        content: "\f3a6";
    }
    
    .fa-gitlab:before {
        content: "\f296";
    }
    
    .fa-gitter:before {
        content: "\f426";
    }
    
    .fa-glide:before {
        content: "\f2a5";
    }
    
    .fa-glide-g:before {
        content: "\f2a6";
    }
    
    .fa-gofore:before {
        content: "\f3a7";
    }
    
    .fa-golang:before {
        content: "\e40f";
    }
    
    .fa-goodreads:before {
        content: "\f3a8";
    }
    
    .fa-goodreads-g:before {
        content: "\f3a9";
    }
    
    .fa-google:before {
        content: "\f1a0";
    }
    
    .fa-google-drive:before {
        content: "\f3aa";
    }
    
    .fa-google-pay:before {
        content: "\e079";
    }
    
    .fa-google-play:before {
        content: "\f3ab";
    }
    
    .fa-google-plus:before {
        content: "\f2b3";
    }
    
    .fa-google-plus-g:before {
        content: "\f0d5";
    }
    
    .fa-google-plus-square:before {
        content: "\f0d4";
    }
    
    .fa-google-wallet:before {
        content: "\f1ee";
    }
    
    .fa-gratipay:before {
        content: "\f184";
    }
    
    .fa-grav:before {
        content: "\f2d6";
    }
    
    .fa-gripfire:before {
        content: "\f3ac";
    }
    
    .fa-grunt:before {
        content: "\f3ad";
    }
    
    .fa-guilded:before {
        content: "\e07e";
    }
    
    .fa-gulp:before {
        content: "\f3ae";
    }
    
    .fa-hacker-news:before {
        content: "\f1d4";
    }
    
    .fa-hacker-news-square:before {
        content: "\f3af";
    }
    
    .fa-hackerrank:before {
        content: "\f5f7";
    }
    
    .fa-hashnode:before {
        content: "\e499";
    }
    
    .fa-hips:before {
        content: "\f452";
    }
    
    .fa-hire-a-helper:before {
        content: "\f3b0";
    }
    
    .fa-hive:before {
        content: "\e07f";
    }
    
    .fa-hooli:before {
        content: "\f427";
    }
    
    .fa-hornbill:before {
        content: "\f592";
    }
    
    .fa-hotjar:before {
        content: "\f3b1";
    }
    
    .fa-houzz:before {
        content: "\f27c";
    }
    
    .fa-html5:before {
        content: "\f13b";
    }
    
    .fa-hubspot:before {
        content: "\f3b2";
    }
    
    .fa-ideal:before {
        content: "\e013";
    }
    
    .fa-imdb:before {
        content: "\f2d8";
    }
    
    .fa-instagram:before {
        content: "\f16d";
    }
    
    .fa-instagram-square:before {
        content: "\e055";
    }
    
    .fa-instalod:before {
        content: "\e081";
    }
    
    .fa-intercom:before {
        content: "\f7af";
    }
    
    .fa-internet-explorer:before {
        content: "\f26b";
    }
    
    .fa-invision:before {
        content: "\f7b0";
    }
    
    .fa-ioxhost:before {
        content: "\f208";
    }
    
    .fa-itch-io:before {
        content: "\f83a";
    }
    
    .fa-itunes:before {
        content: "\f3b4";
    }
    
    .fa-itunes-note:before {
        content: "\f3b5";
    }
    
    .fa-java:before {
        content: "\f4e4";
    }
    
    .fa-jedi-order:before {
        content: "\f50e";
    }
    
    .fa-jenkins:before {
        content: "\f3b6";
    }
    
    .fa-jira:before {
        content: "\f7b1";
    }
    
    .fa-joget:before {
        content: "\f3b7";
    }
    
    .fa-joomla:before {
        content: "\f1aa";
    }
    
    .fa-js:before {
        content: "\f3b8";
    }
    
    .fa-js-square:before {
        content: "\f3b9";
    }
    
    .fa-jsfiddle:before {
        content: "\f1cc";
    }
    
    .fa-kaggle:before {
        content: "\f5fa";
    }
    
    .fa-keybase:before {
        content: "\f4f5";
    }
    
    .fa-keycdn:before {
        content: "\f3ba";
    }
    
    .fa-kickstarter:before {
        content: "\f3bb";
    }
    
    .fa-kickstarter-k:before {
        content: "\f3bc";
    }
    
    .fa-korvue:before {
        content: "\f42f";
    }
    
    .fa-laravel:before {
        content: "\f3bd";
    }
    
    .fa-lastfm:before {
        content: "\f202";
    }
    
    .fa-lastfm-square:before {
        content: "\f203";
    }
    
    .fa-leanpub:before {
        content: "\f212";
    }
    
    .fa-less:before {
        content: "\f41d";
    }
    
    .fa-line:before {
        content: "\f3c0";
    }
    
    .fa-linkedin:before {
        content: "\f08c";
    }
    
    .fa-linkedin-in:before {
        content: "\f0e1";
    }
    
    .fa-linode:before {
        content: "\f2b8";
    }
    
    .fa-linux:before {
        content: "\f17c";
    }
    
    .fa-lyft:before {
        content: "\f3c3";
    }
    
    .fa-magento:before {
        content: "\f3c4";
    }
    
    .fa-mailchimp:before {
        content: "\f59e";
    }
    
    .fa-mandalorian:before {
        content: "\f50f";
    }
    
    .fa-markdown:before {
        content: "\f60f";
    }
    
    .fa-mastodon:before {
        content: "\f4f6";
    }
    
    .fa-maxcdn:before {
        content: "\f136";
    }
    
    .fa-mdb:before {
        content: "\f8ca";
    }
    
    .fa-medapps:before {
        content: "\f3c6";
    }
    
    .fa-medium:before {
        content: "\f23a";
    }
    
    .fa-medium-m:before {
        content: "\f23a";
    }
    
    .fa-medrt:before {
        content: "\f3c8";
    }
    
    .fa-meetup:before {
        content: "\f2e0";
    }
    
    .fa-megaport:before {
        content: "\f5a3";
    }
    
    .fa-mendeley:before {
        content: "\f7b3";
    }
    
    .fa-microblog:before {
        content: "\e01a";
    }
    
    .fa-microsoft:before {
        content: "\f3ca";
    }
    
    .fa-mix:before {
        content: "\f3cb";
    }
    
    .fa-mixcloud:before {
        content: "\f289";
    }
    
    .fa-mixer:before {
        content: "\e056";
    }
    
    .fa-mizuni:before {
        content: "\f3cc";
    }
    
    .fa-modx:before {
        content: "\f285";
    }
    
    .fa-monero:before {
        content: "\f3d0";
    }
    
    .fa-napster:before {
        content: "\f3d2";
    }
    
    .fa-neos:before {
        content: "\f612";
    }
    
    .fa-nimblr:before {
        content: "\f5a8";
    }
    
    .fa-node:before {
        content: "\f419";
    }
    
    .fa-node-js:before {
        content: "\f3d3";
    }
    
    .fa-npm:before {
        content: "\f3d4";
    }
    
    .fa-ns8:before {
        content: "\f3d5";
    }
    
    .fa-nutritionix:before {
        content: "\f3d6";
    }
    
    .fa-octopus-deploy:before {
        content: "\e082";
    }
    
    .fa-odnoklassniki:before {
        content: "\f263";
    }
    
    .fa-odnoklassniki-square:before {
        content: "\f264";
    }
    
    .fa-old-republic:before {
        content: "\f510";
    }
    
    .fa-opencart:before {
        content: "\f23d";
    }
    
    .fa-openid:before {
        content: "\f19b";
    }
    
    .fa-opera:before {
        content: "\f26a";
    }
    
    .fa-optin-monster:before {
        content: "\f23c";
    }
    
    .fa-orcid:before {
        content: "\f8d2";
    }
    
    .fa-osi:before {
        content: "\f41a";
    }
    
    .fa-padlet:before {
        content: "\e4a0";
    }
    
    .fa-page4:before {
        content: "\f3d7";
    }
    
    .fa-pagelines:before {
        content: "\f18c";
    }
    
    .fa-palfed:before {
        content: "\f3d8";
    }
    
    .fa-patreon:before {
        content: "\f3d9";
    }
    
    .fa-paypal:before {
        content: "\f1ed";
    }
    
    .fa-perbyte:before {
        content: "\e083";
    }
    
    .fa-periscope:before {
        content: "\f3da";
    }
    
    .fa-phabricator:before {
        content: "\f3db";
    }
    
    .fa-phoenix-framework:before {
        content: "\f3dc";
    }
    
    .fa-phoenix-squadron:before {
        content: "\f511";
    }
    
    .fa-php:before {
        content: "\f457";
    }
    
    .fa-pied-piper:before {
        content: "\f2ae";
    }
    
    .fa-pied-piper-alt:before {
        content: "\f1a8";
    }
    
    .fa-pied-piper-hat:before {
        content: "\f4e5";
    }
    
    .fa-pied-piper-pp:before {
        content: "\f1a7";
    }
    
    .fa-pied-piper-square:before {
        content: "\e01e";
    }
    
    .fa-pinterest:before {
        content: "\f0d2";
    }
    
    .fa-pinterest-p:before {
        content: "\f231";
    }
    
    .fa-pinterest-square:before {
        content: "\f0d3";
    }
    
    .fa-pix:before {
        content: "\e43a";
    }
    
    .fa-playstation:before {
        content: "\f3df";
    }
    
    .fa-product-hunt:before {
        content: "\f288";
    }
    
    .fa-pushed:before {
        content: "\f3e1";
    }
    
    .fa-python:before {
        content: "\f3e2";
    }
    
    .fa-qq:before {
        content: "\f1d6";
    }
    
    .fa-quinscape:before {
        content: "\f459";
    }
    
    .fa-quora:before {
        content: "\f2c4";
    }
    
    .fa-r-project:before {
        content: "\f4f7";
    }
    
    .fa-raspberry-pi:before {
        content: "\f7bb";
    }
    
    .fa-ravelry:before {
        content: "\f2d9";
    }
    
    .fa-react:before {
        content: "\f41b";
    }
    
    .fa-reacteurope:before {
        content: "\f75d";
    }
    
    .fa-readme:before {
        content: "\f4d5";
    }
    
    .fa-rebel:before {
        content: "\f1d0";
    }
    
    .fa-red-river:before {
        content: "\f3e3";
    }
    
    .fa-reddit:before {
        content: "\f1a1";
    }
    
    .fa-reddit-alien:before {
        content: "\f281";
    }
    
    .fa-reddit-square:before {
        content: "\f1a2";
    }
    
    .fa-redhat:before {
        content: "\f7bc";
    }
    
    .fa-renren:before {
        content: "\f18b";
    }
    
    .fa-replyd:before {
        content: "\f3e6";
    }
    
    .fa-researchgate:before {
        content: "\f4f8";
    }
    
    .fa-resolving:before {
        content: "\f3e7";
    }
    
    .fa-rev:before {
        content: "\f5b2";
    }
    
    .fa-rocketchat:before {
        content: "\f3e8";
    }
    
    .fa-rockrms:before {
        content: "\f3e9";
    }
    
    .fa-rust:before {
        content: "\e07a";
    }
    
    .fa-safari:before {
        content: "\f267";
    }
    
    .fa-salesforce:before {
        content: "\f83b";
    }
    
    .fa-sass:before {
        content: "\f41e";
    }
    
    .fa-schlix:before {
        content: "\f3ea";
    }
    
    .fa-scribd:before {
        content: "\f28a";
    }
    
    .fa-searchengin:before {
        content: "\f3eb";
    }
    
    .fa-sellcast:before {
        content: "\f2da";
    }
    
    .fa-sellsy:before {
        content: "\f213";
    }
    
    .fa-servicestack:before {
        content: "\f3ec";
    }
    
    .fa-shirtsinbulk:before {
        content: "\f214";
    }
    
    .fa-shopify:before {
        content: "\e057";
    }
    
    .fa-shopware:before {
        content: "\f5b5";
    }
    
    .fa-simplybuilt:before {
        content: "\f215";
    }
    
    .fa-sistrix:before {
        content: "\f3ee";
    }
    
    .fa-sith:before {
        content: "\f512";
    }
    
    .fa-sitrox:before {
        content: "\e44a";
    }
    
    .fa-sketch:before {
        content: "\f7c6";
    }
    
    .fa-skyatlas:before {
        content: "\f216";
    }
    
    .fa-skype:before {
        content: "\f17e";
    }
    
    .fa-slack:before {
        content: "\f198";
    }
    
    .fa-slack-hash:before {
        content: "\f198";
    }
    
    .fa-slideshare:before {
        content: "\f1e7";
    }
    
    .fa-snapchat:before {
        content: "\f2ab";
    }
    
    .fa-snapchat-ghost:before {
        content: "\f2ab";
    }
    
    .fa-snapchat-square:before {
        content: "\f2ad";
    }
    
    .fa-soundcloud:before {
        content: "\f1be";
    }
    
    .fa-sourcetree:before {
        content: "\f7d3";
    }
    
    .fa-speakap:before {
        content: "\f3f3";
    }
    
    .fa-speaker-deck:before {
        content: "\f83c";
    }
    
    .fa-spotify:before {
        content: "\f1bc";
    }
    
    .fa-square-font-awesome:before {
        content: "\f425";
    }
    
    .fa-square-font-awesome-stroke:before {
        content: "\f35c";
    }
    
    .fa-font-awesome-alt:before {
        content: "\f35c";
    }
    
    .fa-squarespace:before {
        content: "\f5be";
    }
    
    .fa-stack-exchange:before {
        content: "\f18d";
    }
    
    .fa-stack-overflow:before {
        content: "\f16c";
    }
    
    .fa-stackpath:before {
        content: "\f842";
    }
    
    .fa-staylinked:before {
        content: "\f3f5";
    }
    
    .fa-steam:before {
        content: "\f1b6";
    }
    
    .fa-steam-square:before {
        content: "\f1b7";
    }
    
    .fa-steam-symbol:before {
        content: "\f3f6";
    }
    
    .fa-sticker-mule:before {
        content: "\f3f7";
    }
    
    .fa-strava:before {
        content: "\f428";
    }
    
    .fa-stripe:before {
        content: "\f429";
    }
    
    .fa-stripe-s:before {
        content: "\f42a";
    }
    
    .fa-studiovinari:before {
        content: "\f3f8";
    }
    
    .fa-stumbleupon:before {
        content: "\f1a4";
    }
    
    .fa-stumbleupon-circle:before {
        content: "\f1a3";
    }
    
    .fa-superpowers:before {
        content: "\f2dd";
    }
    
    .fa-supple:before {
        content: "\f3f9";
    }
    
    .fa-suse:before {
        content: "\f7d6";
    }
    
    .fa-swift:before {
        content: "\f8e1";
    }
    
    .fa-symfony:before {
        content: "\f83d";
    }
    
    .fa-teamspeak:before {
        content: "\f4f9";
    }
    
    .fa-telegram:before {
        content: "\f2c6";
    }
    
    .fa-telegram-plane:before {
        content: "\f2c6";
    }
    
    .fa-tencent-weibo:before {
        content: "\f1d5";
    }
    
    .fa-the-red-yeti:before {
        content: "\f69d";
    }
    
    .fa-themeco:before {
        content: "\f5c6";
    }
    
    .fa-themeisle:before {
        content: "\f2b2";
    }
    
    .fa-think-peaks:before {
        content: "\f731";
    }
    
    .fa-tiktok:before {
        content: "\e07b";
    }
    
    .fa-trade-federation:before {
        content: "\f513";
    }
    
    .fa-trello:before {
        content: "\f181";
    }
    
    .fa-tumblr:before {
        content: "\f173";
    }
    
    .fa-tumblr-square:before {
        content: "\f174";
    }
    
    .fa-twitch:before {
        content: "\f1e8";
    }
    
    .fa-twitter:before {
        content: "\f099";
    }
    
    .fa-twitter-square:before {
        content: "\f081";
    }
    
    .fa-typo3:before {
        content: "\f42b";
    }
    
    .fa-uber:before {
        content: "\f402";
    }
    
    .fa-ubuntu:before {
        content: "\f7df";
    }
    
    .fa-uikit:before {
        content: "\f403";
    }
    
    .fa-umbraco:before {
        content: "\f8e8";
    }
    
    .fa-uncharted:before {
        content: "\e084";
    }
    
    .fa-uniregistry:before {
        content: "\f404";
    }
    
    .fa-unity:before {
        content: "\e049";
    }
    
    .fa-unsplash:before {
        content: "\e07c";
    }
    
    .fa-untappd:before {
        content: "\f405";
    }
    
    .fa-ups:before {
        content: "\f7e0";
    }
    
    .fa-usb:before {
        content: "\f287";
    }
    
    .fa-usps:before {
        content: "\f7e1";
    }
    
    .fa-ussunnah:before {
        content: "\f407";
    }
    
    .fa-vaadin:before {
        content: "\f408";
    }
    
    .fa-viacoin:before {
        content: "\f237";
    }
    
    .fa-viadeo:before {
        content: "\f2a9";
    }
    
    .fa-viadeo-square:before {
        content: "\f2aa";
    }
    
    .fa-viber:before {
        content: "\f409";
    }
    
    .fa-vimeo:before {
        content: "\f40a";
    }
    
    .fa-vimeo-square:before {
        content: "\f194";
    }
    
    .fa-vimeo-v:before {
        content: "\f27d";
    }
    
    .fa-vine:before {
        content: "\f1ca";
    }
    
    .fa-vk:before {
        content: "\f189";
    }
    
    .fa-vnv:before {
        content: "\f40b";
    }
    
    .fa-vuejs:before {
        content: "\f41f";
    }
    
    .fa-watchman-monitoring:before {
        content: "\e087";
    }
    
    .fa-waze:before {
        content: "\f83f";
    }
    
    .fa-weebly:before {
        content: "\f5cc";
    }
    
    .fa-weibo:before {
        content: "\f18a";
    }
    
    .fa-weixin:before {
        content: "\f1d7";
    }
    
    .fa-whatsapp:before {
        content: "\f232";
    }
    
    .fa-whatsapp-square:before {
        content: "\f40c";
    }
    
    .fa-whmcs:before {
        content: "\f40d";
    }
    
    .fa-wikipedia-w:before {
        content: "\f266";
    }
    
    .fa-windows:before {
        content: "\f17a";
    }
    
    .fa-wirsindhandwerk:before {
        content: "\e2d0";
    }
    
    .fa-wsh:before {
        content: "\e2d0";
    }
    
    .fa-wix:before {
        content: "\f5cf";
    }
    
    .fa-wizards-of-the-coast:before {
        content: "\f730";
    }
    
    .fa-wodu:before {
        content: "\e088";
    }
    
    .fa-wolf-pack-battalion:before {
        content: "\f514";
    }
    
    .fa-wordpress:before {
        content: "\f19a";
    }
    
    .fa-wordpress-simple:before {
        content: "\f411";
    }
    
    .fa-wpbeginner:before {
        content: "\f297";
    }
    
    .fa-wpexplorer:before {
        content: "\f2de";
    }
    
    .fa-wpforms:before {
        content: "\f298";
    }
    
    .fa-wpressr:before {
        content: "\f3e4";
    }
    
    .fa-xbox:before {
        content: "\f412";
    }
    
    .fa-xing:before {
        content: "\f168";
    }
    
    .fa-xing-square:before {
        content: "\f169";
    }
    
    .fa-y-combinator:before {
        content: "\f23b";
    }
    
    .fa-yahoo:before {
        content: "\f19e";
    }
    
    .fa-yammer:before {
        content: "\f840";
    }
    
    .fa-yandex:before {
        content: "\f413";
    }
    
    .fa-yandex-international:before {
        content: "\f414";
    }
    
    .fa-yarn:before {
        content: "\f7e3";
    }
    
    .fa-yelp:before {
        content: "\f1e9";
    }
    
    .fa-yoast:before {
        content: "\f2b1";
    }
    
    .fa-youtube:before {
        content: "\f167";
    }
    
    .fa-youtube-square:before {
        content: "\f431";
    }
    
    .fa-zhihu:before {
        content: "\f63f";
    }
    
     :root,
     :host {
        --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
    }
    
    @font-face {
        font-family: "Font Awesome 6 Free";
        font-style: normal;
        font-weight: 400;
        font-display: block;
        src: url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.ttf") format("truetype");
    }
    
    .far,
    .fa-regular {
        font-family: "Font Awesome 6 Free";
        font-weight: 400;
    }
    
     :root,
     :host {
        --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
    }
    
    @font-face {
        font-family: "Font Awesome 6 Free";
        font-style: normal;
        font-weight: 900;
        font-display: block;
        src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("truetype");
    }
    
    .fas,
    .fa-solid {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
    }
    
    @font-face {
        font-family: "Font Awesome 5 Brands";
        font-display: block;
        font-weight: 400;
        src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.ttf") format("truetype");
    }
    
    @font-face {
        font-family: "Font Awesome 5 Free";
        font-display: block;
        font-weight: 900;
        src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("truetype");
    }
    
    @font-face {
        font-family: "Font Awesome 5 Free";
        font-display: block;
        font-weight: 400;
        src: url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.ttf") format("truetype");
    }
    
    @font-face {
        font-family: "FontAwesome";
        font-display: block;
        src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("truetype");
    }
    
    @font-face {
        font-family: "FontAwesome";
        font-display: block;
        src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.ttf") format("truetype");
    }
    
    @font-face {
        font-family: "FontAwesome";
        font-display: block;
        src: url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.ttf") format("truetype");
        unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
    }
    
    @font-face {
        font-family: "FontAwesome";
        font-display: block;
        src: url("../fonts/fa-v4compatibility.woff2") format("woff2"), url("../fonts/fa-v4compatibility.ttf") format("truetype");
        unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F250, U+F252, U+F27A;
    }
    /**
 * Swiper 8.1.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 16, 2022
 */
    
    @font-face {
        font-family: swiper-icons;
        src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
        font-weight: 400;
        font-style: normal;
    }
    
     :root {
        --swiper-theme-color: #007aff;
    }
    
    .swiper {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
    }
    
    .swiper-vertical>.swiper-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }
    
    .swiper-android .swiper-slide,
    .swiper-wrapper {
        -webkit-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }
    
    .swiper-pointer-events {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
    }
    
    .swiper-pointer-events.swiper-vertical {
        -ms-touch-action: pan-x;
        touch-action: pan-x;
    }
    
    .swiper-slide {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
    }
    
    .swiper-slide-invisible-blank {
        visibility: hidden;
    }
    
    .swiper-autoheight,
    .swiper-autoheight .swiper-slide {
        height: auto;
    }
    
    .swiper-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transition-property: height, -webkit-transform;
        transition-property: height, -webkit-transform;
        transition-property: transform, height;
        transition-property: transform, height, -webkit-transform;
    }
    
    .swiper-backface-hidden .swiper-slide {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    
    .swiper-3d,
    .swiper-3d.swiper-css-mode .swiper-wrapper {
        -webkit-perspective: 1200px;
        perspective: 1200px;
    }
    
    .swiper-3d .swiper-cube-shadow,
    .swiper-3d .swiper-slide,
    .swiper-3d .swiper-slide-shadow,
    .swiper-3d .swiper-slide-shadow-bottom,
    .swiper-3d .swiper-slide-shadow-left,
    .swiper-3d .swiper-slide-shadow-right,
    .swiper-3d .swiper-slide-shadow-top,
    .swiper-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    
    .swiper-3d .swiper-slide-shadow,
    .swiper-3d .swiper-slide-shadow-bottom,
    .swiper-3d .swiper-slide-shadow-left,
    .swiper-3d .swiper-slide-shadow-right,
    .swiper-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
    }
    
    .swiper-3d .swiper-slide-shadow {
        background: rgba(0, 0, 0, 0.15);
    }
    
    .swiper-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }
    
    .swiper-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }
    
    .swiper-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }
    
    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }
    
    .swiper-css-mode>.swiper-wrapper {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
        display: none;
    }
    
    .swiper-css-mode>.swiper-wrapper>.swiper-slide {
        scroll-snap-align: start start;
    }
    
    .swiper-horizontal.swiper-css-mode>.swiper-wrapper {
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    }
    
    .swiper-vertical.swiper-css-mode>.swiper-wrapper {
        -ms-scroll-snap-type: y mandatory;
        scroll-snap-type: y mandatory;
    }
    
    .swiper-centered>.swiper-wrapper::before {
        content: "";
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
        order: 9999;
    }
    
    .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
        -webkit-margin-start: var(--swiper-centered-offset-before);
        margin-inline-start: var(--swiper-centered-offset-before);
    }
    
    .swiper-centered.swiper-horizontal>.swiper-wrapper::before {
        height: 100%;
        min-height: 1px;
        width: var(--swiper-centered-offset-after);
    }
    
    .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
        -webkit-margin-before: var(--swiper-centered-offset-before);
        margin-block-start: var(--swiper-centered-offset-before);
    }
    
    .swiper-centered.swiper-vertical>.swiper-wrapper::before {
        width: 100%;
        min-width: 1px;
        height: var(--swiper-centered-offset-after);
    }
    
    .swiper-centered>.swiper-wrapper>.swiper-slide {
        scroll-snap-align: center center;
    }
    
    .swiper-virtual .swiper-slide {
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    
    .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
    }
    
    .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
        height: 1px;
        width: var(--swiper-virtual-size);
    }
    
    .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
        width: 1px;
        height: var(--swiper-virtual-size);
    }
    
     :root {
        --swiper-navigation-size: 44px;
    }
    
    .swiper-button-next,
    .swiper-button-prev {
        position: absolute;
        top: 50%;
        width: calc(var(--swiper-navigation-size) / 44 * 27);
        height: var(--swiper-navigation-size);
        margin-top: calc(0px - var(--swiper-navigation-size) / 2);
        z-index: 10;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));
    }
    
    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
        opacity: 0.35;
        cursor: auto;
        pointer-events: none;
    }
    
    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none !important;
        letter-spacing: 0;
        font-variant: initial;
        line-height: 1;
    }
    
    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: 10px;
        right: auto;
    }
    
    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
        content: "prev";
    }
    
    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        right: 10px;
        left: auto;
    }
    
    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
        content: "next";
    }
    
    .swiper-button-lock {
        display: none;
    }
    
    .swiper-pagination {
        position: absolute;
        text-align: center;
        -webkit-transition: 0.3s opacity;
        transition: 0.3s opacity;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 10;
    }
    
    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0;
    }
    
    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 10px;
        left: 0;
        width: 100%;
    }
    
    .swiper-pagination-bullets-dynamic {
        overflow: hidden;
        font-size: 0;
    }
    
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transform: scale(0.33);
        transform: scale(0.33);
        position: relative;
    }
    
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        -webkit-transform: scale(0.66);
        transform: scale(0.66);
    }
    
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        -webkit-transform: scale(0.33);
        transform: scale(0.33);
    }
    
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        -webkit-transform: scale(0.66);
        transform: scale(0.66);
    }
    
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        -webkit-transform: scale(0.33);
        transform: scale(0.33);
    }
    
    .swiper-pagination-bullet {
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
        display: inline-block;
        border-radius: 50%;
        background: var(--swiper-pagination-bullet-inactive-color, #000);
        opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
    }
    
    button.swiper-pagination-bullet {
        border: none;
        margin: 0;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    
    .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer;
    }
    
    .swiper-pagination-bullet:only-child {
        display: none !important;
    }
    
    .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
    }
    
    .swiper-pagination-vertical.swiper-pagination-bullets,
    .swiper-vertical>.swiper-pagination-bullets {
        right: 10px;
        top: 50%;
        -webkit-transform: translate3d(0px, -50%, 0);
        transform: translate3d(0px, -50%, 0);
    }
    
    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
        display: block;
    }
    
    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px;
    }
    
    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
    .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        display: inline-block;
        -webkit-transition: 0.2s top, 0.2s -webkit-transform;
        transition: 0.2s top, 0.2s -webkit-transform;
        transition: 0.2s transform, 0.2s top;
        transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
    }
    
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
    }
    
    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        white-space: nowrap;
    }
    
    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: 0.2s left, 0.2s -webkit-transform;
        transition: 0.2s left, 0.2s -webkit-transform;
        transition: 0.2s transform, 0.2s left;
        transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
    }
    
    .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: 0.2s right, 0.2s -webkit-transform;
        transition: 0.2s right, 0.2s -webkit-transform;
        transition: 0.2s transform, 0.2s right;
        transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
    }
    
    .swiper-pagination-progressbar {
        background: rgba(0, 0, 0, 0.25);
        position: absolute;
    }
    
    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }
    
    .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        -webkit-transform-origin: right top;
        transform-origin: right top;
    }
    
    .swiper-horizontal>.swiper-pagination-progressbar,
    .swiper-pagination-progressbar.swiper-pagination-horizontal,
    .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
    .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: 100%;
        height: 4px;
        left: 0;
        top: 0;
    }
    
    .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
    .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
    .swiper-pagination-progressbar.swiper-pagination-vertical,
    .swiper-vertical>.swiper-pagination-progressbar {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0;
    }
    
    .swiper-pagination-lock {
        display: none;
    }
    
    .swiper-scrollbar {
        border-radius: 10px;
        position: relative;
        -ms-touch-action: none;
        background: rgba(0, 0, 0, 0.1);
    }
    
    .swiper-horizontal>.swiper-scrollbar {
        position: absolute;
        left: 1%;
        bottom: 3px;
        z-index: 50;
        height: 5px;
        width: 98%;
    }
    
    .swiper-vertical>.swiper-scrollbar {
        position: absolute;
        right: 3px;
        top: 1%;
        z-index: 50;
        width: 5px;
        height: 98%;
    }
    
    .swiper-scrollbar-drag {
        height: 100%;
        width: 100%;
        position: relative;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        left: 0;
        top: 0;
    }
    
    .swiper-scrollbar-cursor-drag {
        cursor: move;
    }
    
    .swiper-scrollbar-lock {
        display: none;
    }
    
    .swiper-zoom-container {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }
    
    .swiper-zoom-container>canvas,
    .swiper-zoom-container>img,
    .swiper-zoom-container>svg {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
    
    .swiper-slide-zoomed {
        cursor: move;
    }
    
    .swiper-lazy-preloader {
        width: 42px;
        height: 42px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -21px;
        margin-top: -21px;
        z-index: 10;
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
        border-radius: 50%;
        border-top-color: transparent;
    }
    
    .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
    .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
        -webkit-animation: swiper-preloader-spin 1s infinite linear;
        animation: swiper-preloader-spin 1s infinite linear;
    }
    
    .swiper-lazy-preloader-white {
        --swiper-preloader-color: #fff;
    }
    
    .swiper-lazy-preloader-black {
        --swiper-preloader-color: #000;
    }
    
    @-webkit-keyframes swiper-preloader-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @keyframes swiper-preloader-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    .swiper .swiper-notification {
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        opacity: 0;
        z-index: -1000;
    }
    
    .swiper-free-mode>.swiper-wrapper {
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        margin: 0 auto;
    }
    
    .swiper-grid>.swiper-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .swiper-grid-column>.swiper-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .swiper-fade.swiper-free-mode .swiper-slide {
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    
    .swiper-fade .swiper-slide {
        pointer-events: none;
        -webkit-transition-property: opacity;
        transition-property: opacity;
    }
    
    .swiper-fade .swiper-slide .swiper-slide {
        pointer-events: none;
    }
    
    .swiper-fade .swiper-slide-active,
    .swiper-fade .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }
    
    .swiper-cube {
        overflow: visible;
    }
    
    .swiper-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%;
    }
    
    .swiper-cube .swiper-slide .swiper-slide {
        pointer-events: none;
    }
    
    .swiper-cube.swiper-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }
    
    .swiper-cube .swiper-slide-active,
    .swiper-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }
    
    .swiper-cube .swiper-slide-active,
    .swiper-cube .swiper-slide-next,
    .swiper-cube .swiper-slide-next+.swiper-slide,
    .swiper-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible;
    }
    
    .swiper-cube .swiper-slide-shadow-bottom,
    .swiper-cube .swiper-slide-shadow-left,
    .swiper-cube .swiper-slide-shadow-right,
    .swiper-cube .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    
    .swiper-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: 0.6;
        z-index: 0;
    }
    
    .swiper-cube .swiper-cube-shadow:before {
        content: "";
        background: #000;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        -webkit-filter: blur(50px);
        filter: blur(50px);
    }
    
    .swiper-flip {
        overflow: visible;
    }
    
    .swiper-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
    }
    
    .swiper-flip .swiper-slide .swiper-slide {
        pointer-events: none;
    }
    
    .swiper-flip .swiper-slide-active,
    .swiper-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }
    
    .swiper-flip .swiper-slide-shadow-bottom,
    .swiper-flip .swiper-slide-shadow-left,
    .swiper-flip .swiper-slide-shadow-right,
    .swiper-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    
    .swiper-creative .swiper-slide {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden;
        -webkit-transition-property: opacity, height, -webkit-transform;
        transition-property: opacity, height, -webkit-transform;
        transition-property: transform, opacity, height;
        transition-property: transform, opacity, height, -webkit-transform;
    }
    
    .swiper-cards {
        overflow: visible;
    }
    
    .swiper-cards .swiper-slide {
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden;
    }
    /* Magnific Popup CSS */
    
    .mfp-bg {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1042;
        overflow: hidden;
        position: fixed;
        background: #0b0b0b;
        opacity: 0.8;
    }
    
    .mfp-wrap {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1043;
        position: fixed;
        outline: none !important;
        -webkit-backface-visibility: hidden;
    }
    
    .mfp-container {
        text-align: center;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 0 8px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .mfp-container:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
    
    .mfp-align-top .mfp-container:before {
        display: none;
    }
    
    .mfp-content {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 0 auto;
        text-align: left;
        z-index: 1045;
    }
    
    .mfp-inline-holder .mfp-content,
    .mfp-ajax-holder .mfp-content {
        width: 100%;
        cursor: auto;
    }
    
    .mfp-ajax-cur {
        cursor: progress;
    }
    
    .mfp-zoom-out-cur,
    .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
        cursor: -webkit-zoom-out;
        cursor: zoom-out;
    }
    
    .mfp-zoom {
        cursor: pointer;
        cursor: -webkit-zoom-in;
        cursor: zoom-in;
    }
    
    .mfp-auto-cursor .mfp-content {
        cursor: auto;
    }
    
    .mfp-close,
    .mfp-arrow,
    .mfp-preloader,
    .mfp-counter {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    .mfp-loading.mfp-figure {
        display: none;
    }
    
    .mfp-hide {
        display: none !important;
    }
    
    .mfp-preloader {
        color: #CCC;
        position: absolute;
        top: 50%;
        width: auto;
        text-align: center;
        margin-top: -0.8em;
        left: 8px;
        right: 8px;
        z-index: 1044;
    }
    
    .mfp-preloader a {
        color: #CCC;
    }
    
    .mfp-preloader a:hover {
        color: #FFF;
    }
    
    .mfp-s-ready .mfp-preloader {
        display: none;
    }
    
    .mfp-s-error .mfp-content {
        display: none;
    }
    
    button.mfp-close,
    button.mfp-arrow {
        overflow: visible;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
        display: block;
        outline: none;
        padding: 0;
        z-index: 1046;
        -webkit-box-shadow: none;
        box-shadow: none;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }
    
    button::-moz-focus-inner {
        padding: 0;
        border: 0;
    }
    
    .mfp-close {
        width: 44px;
        height: 44px;
        line-height: 44px;
        position: absolute;
        right: 0;
        top: 0;
        text-decoration: none;
        text-align: center;
        opacity: 0.65;
        padding: 0 0 18px 10px;
        color: #FFF;
        font-style: normal;
        font-size: 28px;
        font-family: Arial, Baskerville, monospace;
    }
    
    .mfp-close:hover,
    .mfp-close:focus {
        opacity: 1;
    }
    
    .mfp-close:active {
        top: 1px;
    }
    
    .mfp-close-btn-in .mfp-close {
        color: #333;
    }
    
    .mfp-image-holder .mfp-close,
    .mfp-iframe-holder .mfp-close {
        color: #FFF;
        right: -6px;
        text-align: right;
        padding-right: 6px;
        width: 100%;
    }
    
    .mfp-counter {
        position: absolute;
        top: 0;
        right: 0;
        color: #CCC;
        font-size: 12px;
        line-height: 18px;
        white-space: nowrap;
    }
    
    .mfp-arrow {
        position: absolute;
        opacity: 0.65;
        margin: 0;
        top: 50%;
        margin-top: -55px;
        padding: 0;
        width: 90px;
        height: 110px;
        -webkit-tap-highlight-color: transparent;
    }
    
    .mfp-arrow:active {
        margin-top: -54px;
    }
    
    .mfp-arrow:hover,
    .mfp-arrow:focus {
        opacity: 1;
    }
    
    .mfp-arrow:before,
    .mfp-arrow:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }
    
    .mfp-arrow:after {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }
    
    .mfp-arrow:before {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }
    
    .mfp-arrow-left {
        left: 0;
    }
    
    .mfp-arrow-left:after {
        border-right: 17px solid #FFF;
        margin-left: 31px;
    }
    
    .mfp-arrow-left:before {
        margin-left: 25px;
        border-right: 27px solid #3F3F3F;
    }
    
    .mfp-arrow-right {
        right: 0;
    }
    
    .mfp-arrow-right:after {
        border-left: 17px solid #FFF;
        margin-left: 39px;
    }
    
    .mfp-arrow-right:before {
        border-left: 27px solid #3F3F3F;
    }
    
    .mfp-iframe-holder {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }
    
    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }
    
    .mfp-iframe-scaler {
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-top: 56.25%;
    }
    
    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #000;
    }
    /* Main image in popup */
    
    img.mfp-img {
        width: auto;
        max-width: 100%;
        height: auto;
        display: block;
        line-height: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 40px 0 40px;
        margin: 0 auto;
    }
    /* The shadow behind the image */
    
    .mfp-figure {
        line-height: 0;
    }
    
    .mfp-figure:after {
        content: "";
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444;
    }
    
    .mfp-figure small,
    .mfp-figure .small {
        color: #BDBDBD;
        display: block;
        font-size: 12px;
        line-height: 14px;
    }
    
    .mfp-figure figure {
        margin: 0;
    }
    
    .mfp-bottom-bar {
        margin-top: -36px;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        cursor: auto;
    }
    
    .mfp-title {
        text-align: left;
        line-height: 18px;
        color: #F3F3F3;
        word-wrap: break-word;
        padding-right: 36px;
    }
    
    .mfp-image-holder .mfp-content {
        max-width: 100%;
    }
    
    .mfp-gallery .mfp-image-holder .mfp-figure {
        cursor: pointer;
    }
    
    @media screen and (max-width: 800px) and (orientation: landscape),
    screen and (max-height: 300px) {
        /**
       * Remove all paddings around the image on small screen
       */
        .mfp-img-mobile .mfp-image-holder {
            padding-left: 0;
            padding-right: 0;
        }
        .mfp-img-mobile img.mfp-img {
            padding: 0;
        }
        .mfp-img-mobile .mfp-figure:after {
            top: 0;
            bottom: 0;
        }
        .mfp-img-mobile .mfp-figure small,
        .mfp-img-mobile .mfp-figure .small {
            display: inline;
            margin-left: 5px;
        }
        .mfp-img-mobile .mfp-bottom-bar {
            background: rgba(0, 0, 0, 0.6);
            bottom: 0;
            margin: 0;
            top: auto;
            padding: 3px 5px;
            position: fixed;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }
        .mfp-img-mobile .mfp-counter {
            right: 5px;
            top: 3px;
        }
        .mfp-img-mobile .mfp-close {
            top: 0;
            right: 0;
            width: 35px;
            height: 35px;
            line-height: 35px;
            background: rgba(0, 0, 0, 0.6);
            position: fixed;
            text-align: center;
            padding: 0;
        }
    }
    
    @media all and (max-width: 900px) {
        .mfp-arrow {
            -webkit-transform: scale(0.75);
            transform: scale(0.75);
        }
        .mfp-arrow-left {
            -webkit-transform-origin: 0;
            transform-origin: 0;
        }
        .mfp-arrow-right {
            -webkit-transform-origin: 100%;
            transform-origin: 100%;
        }
        .mfp-container {
            padding-left: 6px;
            padding-right: 6px;
        }
    }
    
    @font-face {
        font-family: "flaticon";
        src: url("../fonts/flaticon.ttf") format("truetype"), url("../fonts/flaticon.woff") format("woff"), url("../fonts/flaticon.woff2") format("woff2"), url("../fonts/flaticon.eot") format("embedded-opentype"), url("../fonts/flaticon.html") format("svg");
    }
    
    i[class^=flaticon-],
    i[class*=" flaticon-"] {
        display: inline-block;
        line-height: 0;
    }
    
    i[class^=flaticon-]:before,
    i[class*=" flaticon-"]:before {
        font-family: flaticon !important;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .flaticon-google-play:before {
        content: "\f101";
    }
    
    .flaticon-phone-call:before {
        content: "\f102";
    }
    
    .flaticon-location:before {
        content: "\f103";
    }
    
    .flaticon-menu-bar:before {
        content: "\f104";
    }
    
    .flaticon-magnifying-glass:before {
        content: "\f105";
    }
    
    .flaticon-speedometer:before {
        content: "\f106";
    }
    
    .flaticon-petrol:before {
        content: "\f107";
    }
    
    .flaticon-car:before {
        content: "\f108";
    }
    
    .flaticon-car-door:before {
        content: "\f109";
    }
    
    .flaticon-suitcase:before {
        content: "\f10a";
    }
    
    .flaticon-chat:before {
        content: "\f10b";
    }
    
    .flaticon-chat-1:before {
        content: "\f10c";
    }
    
    .flaticon-car-1:before {
        content: "\f10d";
    }
    
    .flaticon-pin:before {
        content: "\f10e";
    }
    
    .flaticon-calendar:before {
        content: "\f10f";
    }
    
    .flaticon-pin-1:before {
        content: "\f110";
    }
    
    .flaticon-budget:before {
        content: "\f111";
    }
    
    .flaticon-favourite:before {
        content: "\f112";
    }
    
    .flaticon-staff:before {
        content: "\f113";
    }
    
    .flaticon-sedan:before {
        content: "\f114";
    }
    
    .flaticon-technical-support:before {
        content: "\f115";
    }
    
    .flaticon-question:before {
        content: "\f116";
    }
    
    .flaticon-search:before {
        content: "\f117";
    }
    
    .flaticon-car-repair:before {
        content: "\f118";
    }
    
    .flaticon-heart:before {
        content: "\f119";
    }
    
    .flaticon-speedometer-1:before {
        content: "\f11a";
    }
    
    .flaticon-drive:before {
        content: "\f11b";
    }
    
    .flaticon-expert:before {
        content: "\f11c";
    }
    
    .flaticon-clutch-disc:before {
        content: "\f11d";
    }
    
    .flaticon-settings:before {
        content: "\f11e";
    }
    
    .flaticon-price-tag:before {
        content: "\f11f";
    }
    
    .flaticon-shield:before {
        content: "\f120";
    }
    
    .flaticon-income:before {
        content: "\f121";
    }
    
    .flaticon-menu:before {
        content: "\f122";
    }
    
    .flaticon-love:before {
        content: "\f123";
    }
    
    .flaticon-heart-1:before {
        content: "\f124";
    }
    
    .flaticon-email:before {
        content: "\f125";
    }
    
    .flaticon-headlight:before {
        content: "\f126";
    }
    
    .flaticon-seats:before {
        content: "\f127";
    }
    
    .flaticon-turn-off:before {
        content: "\f128";
    }
    
    .flaticon-tire:before {
        content: "\f129";
    }
    
    .flaticon-steering-wheel:before {
        content: "\f12a";
    }
    
    .flaticon-star:before {
        content: "\f12b";
    }
    
    .flaticon-add-to-basket:before {
        content: "\f12c";
    }
    
    .flaticon-view:before {
        content: "\f12d";
    }
    
    .flaticon-arrow-up:before {
        content: "\f12e";
    }
    
    .flaticon-menu-1:before {
        content: "\f12f";
    }
    
    .flaticon-list-interface-symbol:before {
        content: "\f130";
    }
    
    .flaticon-visibility:before {
        content: "\f131";
    }
    
    .flaticon-chat-2:before {
        content: "\f132";
    }
    
    .flaticon-speedometer-2:before {
        content: "\f133";
    }
    
    .flaticon-settings-1:before {
        content: "\f134";
    }
    
    .flaticon-engine:before {
        content: "\f135";
    }
    
    .flaticon-new-year:before {
        content: "\f136";
    }
    
    .flaticon-steering-wheel-1:before {
        content: "\f137";
    }
    
    .flaticon-gas-tank:before {
        content: "\f138";
    }
    
    .flaticon-form:before {
        content: "\f139";
    }
    
    .flaticon-placeholder:before {
        content: "\f13a";
    }
    
    .flaticon-mail:before {
        content: "\f13b";
    }
    
    .flaticon-show:before {
        content: "\f13c";
    }
    
    .flaticon-time-left:before {
        content: "\f13d";
    }
    
    .flaticon-credit-card:before {
        content: "\f13e";
    }
    
    .flaticon-24-7:before {
        content: "\f13f";
    }
    
    .flaticon-search-1:before {
        content: "\f140";
    }
    
    .flaticon-solution:before {
        content: "\f141";
    }
    
    .flaticon-sale:before {
        content: "\f142";
    }
    
    .flaticon-energy:before {
        content: "\f143";
    }
    
    .flaticon-break:before {
        content: "\f144";
    }
    
    .flaticon-headphones:before {
        content: "\f145";
    }
    
    .flaticon-handshake:before {
        content: "\f146";
    }
    
    .flaticon-refund:before {
        content: "\f147";
    }
    
    .flaticon-money-back:before {
        content: "\f148";
    }
    
    .flaticon-alarm-clock:before {
        content: "\f149";
    }
    /*!
 * Datetimepicker for Bootstrap 5
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
    
    .bootstrap-datetimepicker-widget {
        list-style: none;
    }
    
    .bootstrap-datetimepicker-widget.dropdown-menu {
        display: block;
        margin: 2px 0;
        padding: 4px;
        width: 19em;
    }
    
    @media (min-width: 576px) {
        .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
            width: 38em;
        }
    }
    
    @media (min-width: 768px) {
        .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
            width: 38em;
        }
    }
    
    @media (min-width: 992px) {
        .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
            width: 38em;
        }
    }
    
    .bootstrap-datetimepicker-widget.dropdown-menu:before,
    .bootstrap-datetimepicker-widget.dropdown-menu:after {
        content: "";
        display: inline-block;
        position: absolute;
    }
    
    .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        top: -7px;
        left: 7px;
    }
    
    .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid white;
        top: -6px;
        left: 8px;
    }
    
    .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #ccc;
        border-top-color: rgba(0, 0, 0, 0.2);
        bottom: -7px;
        left: 6px;
    }
    
    .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid white;
        bottom: -6px;
        left: 7px;
    }
    
    .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
        left: auto;
        right: 6px;
    }
    
    .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
        left: auto;
        right: 7px;
    }
    
    .bootstrap-datetimepicker-widget .list-unstyled {
        margin: 0;
    }
    
    .bootstrap-datetimepicker-widget a[data-action] {
        padding: 6px 0;
    }
    
    .bootstrap-datetimepicker-widget a[data-action]:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .bootstrap-datetimepicker-widget .timepicker-hour,
    .bootstrap-datetimepicker-widget .timepicker-minute,
    .bootstrap-datetimepicker-widget .timepicker-second {
        width: 54px;
        font-weight: bold;
        font-size: 1.2em;
        margin: 0;
    }
    
    .bootstrap-datetimepicker-widget button[data-action] {
        padding: 6px;
    }
    
    .bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Increment Hours";
    }
    
    .bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Increment Minutes";
    }
    
    .bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Decrement Hours";
    }
    
    .bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Decrement Minutes";
    }
    
    .bootstrap-datetimepicker-widget .btn[data-action=showHours]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Show Hours";
    }
    
    .bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Show Minutes";
    }
    
    .bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Toggle AM/PM";
    }
    
    .bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Clear the picker";
    }
    
    .bootstrap-datetimepicker-widget .btn[data-action=today]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Set the date to today";
    }
    
    .bootstrap-datetimepicker-widget .picker-switch {
        text-align: center;
    }
    
    .bootstrap-datetimepicker-widget .picker-switch::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Toggle Date and Time Screens";
    }
    
    .bootstrap-datetimepicker-widget .picker-switch td {
        padding: 0;
        margin: 0;
        height: auto;
        width: auto;
        line-height: inherit;
    }
    
    .bootstrap-datetimepicker-widget .picker-switch td span,
    .bootstrap-datetimepicker-widget .picker-switch td i {
        line-height: 2.5;
        height: 2.5em;
        width: 100%;
    }
    
    .bootstrap-datetimepicker-widget table {
        width: 100%;
        margin: 0;
    }
    
    .bootstrap-datetimepicker-widget table td,
    .bootstrap-datetimepicker-widget table th {
        text-align: center;
        border-radius: 0.25rem;
        padding: 0.5em;
    }
    
    .bootstrap-datetimepicker-widget table th {
        height: 20px;
        line-height: 20px;
        width: 20px;
    }
    
    .bootstrap-datetimepicker-widget table th.picker-switch {
        width: 145px;
    }
    
    .bootstrap-datetimepicker-widget table th.disabled,
    .bootstrap-datetimepicker-widget table th.disabled:hover {
        background: none;
        color: #dee2e6;
        cursor: not-allowed;
    }
    
    .bootstrap-datetimepicker-widget table th.prev::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Previous Month";
    }
    
    .bootstrap-datetimepicker-widget table th.next::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Next Month";
    }
    
    .bootstrap-datetimepicker-widget table thead tr:first-child th {
        cursor: pointer;
    }
    
    .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background: #f8f9fa;
    }
    
    .bootstrap-datetimepicker-widget table td {
        height: 54px;
        line-height: 54px;
        width: 54px;
    }
    
    .bootstrap-datetimepicker-widget table td.cw {
        font-size: 0.8em;
        height: 20px;
        line-height: 20px;
        color: #dee2e6;
    }
    
    .bootstrap-datetimepicker-widget table td.day {
        height: 20px;
        line-height: 20px;
        width: 20px;
    }
    
    .bootstrap-datetimepicker-widget table td.day:hover,
    .bootstrap-datetimepicker-widget table td.hour:hover,
    .bootstrap-datetimepicker-widget table td.minute:hover,
    .bootstrap-datetimepicker-widget table td.second:hover {
        background: #f8f9fa;
        cursor: pointer;
    }
    
    .bootstrap-datetimepicker-widget table td.old,
    .bootstrap-datetimepicker-widget table td.new {
        color: #dee2e6;
    }
    
    .bootstrap-datetimepicker-widget table td.today {
        position: relative;
    }
    
    .bootstrap-datetimepicker-widget table td.today:before {
        content: "";
        display: inline-block;
        border: solid transparent;
        border-width: 0 0 7px 7px;
        border-bottom-color: #dee2e6;
        border-top-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        bottom: 4px;
        right: 4px;
    }
    
    .bootstrap-datetimepicker-widget table td.active,
    .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: #dee2e6;
        color: #007bff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }
    
    .bootstrap-datetimepicker-widget table td.active.today:before {
        border-bottom-color: #fff;
    }
    
    .bootstrap-datetimepicker-widget table td.disabled,
    .bootstrap-datetimepicker-widget table td.disabled:hover {
        background: none;
        color: #dee2e6;
        cursor: not-allowed;
    }
    
    .bootstrap-datetimepicker-widget table td span,
    .bootstrap-datetimepicker-widget table td i {
        display: inline-block;
        width: 54px;
        height: 54px;
        line-height: 54px;
        margin: 2px 1.5px;
        cursor: pointer;
        border-radius: 0.25rem;
    }
    
    .bootstrap-datetimepicker-widget table td span:hover,
    .bootstrap-datetimepicker-widget table td i:hover {
        background: #f8f9fa;
    }
    
    .bootstrap-datetimepicker-widget table td span.active,
    .bootstrap-datetimepicker-widget table td i.active {
        background-color: #dee2e6;
        color: #007bff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }
    
    .bootstrap-datetimepicker-widget table td span.old,
    .bootstrap-datetimepicker-widget table td i.old {
        color: #dee2e6;
    }
    
    .bootstrap-datetimepicker-widget table td span.disabled,
    .bootstrap-datetimepicker-widget table td i.disabled,
    .bootstrap-datetimepicker-widget table td span.disabled:hover,
    .bootstrap-datetimepicker-widget table td i.disabled:hover {
        background: none;
        color: #dee2e6;
        cursor: not-allowed;
    }
    
    .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
        height: 27px;
        line-height: 27px;
    }
    
    .bootstrap-datetimepicker-widget.wider {
        width: 21em;
    }
    
    .bootstrap-datetimepicker-widget .datepicker-decades .decade {
        line-height: 1.8em !important;
    }
    
    .input-group.date .input-group-addon {
        cursor: pointer;
    }
    
    .input-group.date .input-group-text {
        cursor: pointer;
    }
    
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }
    /* Slider */
    
    .slick-slider {
        position: relative;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }
    
    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }
    
    .slick-list:focus {
        outline: none;
    }
    
    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }
    
    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    .slick-track:before,
    .slick-track:after {
        display: table;
        content: "";
    }
    
    .slick-track:after {
        clear: both;
    }
    
    .slick-loading .slick-track {
        visibility: hidden;
    }
    
    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }
    
    [dir=rtl] .slick-slide {
        float: right;
    }
    
    .slick-slide img {
        display: block;
    }
    
    .slick-slide.slick-loading img {
        display: none;
    }
    
    .slick-slide.dragging img {
        pointer-events: none;
    }
    
    .slick-initialized .slick-slide {
        display: block;
    }
    
    .slick-loading .slick-slide {
        visibility: hidden;
    }
    
    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }
    
    .slick-arrow.slick-hidden {
        display: none;
    }
    /*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
    
    .mCustomScrollbar {
        -ms-touch-action: pinch-zoom;
        touch-action: pinch-zoom;
        /* direct pointer events to js */
    }
    
    .mCustomScrollbar.mCS_no_scrollbar,
    .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto;
    }
    
    .mCustomScrollBox {
        /* contains plugin's markup */
        position: relative;
        overflow: hidden;
        height: 100%;
        max-width: 100%;
        outline: none;
        direction: ltr;
    }
    
    .mCSB_container {
        /* contains the original content */
        overflow: hidden;
        width: auto;
        height: auto;
    }
    /* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
    
    .mCSB_inside>.mCSB_container {
        margin-right: 10px;
    }
    
    .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-right: 0;
    }
    /* non-visible scrollbar */
    
    .mCS-dir-rtl>.mCSB_inside>.mCSB_container {
        /* RTL direction/left-side scrollbar */
        margin-right: 0;
        margin-left: 30px;
    }
    
    .mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0;
    }
    /* RTL direction/left-side scrollbar */
    
    .mCSB_scrollTools {
        /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
        position: absolute;
        width: 3px;
        height: auto;
        left: auto;
        top: 0;
        right: 0;
        bottom: 0;
    }
    
    .mCSB_outside+.mCSB_scrollTools {
        right: -26px;
    }
    /* scrollbar position: outside */
    
    .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
    .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
        /* RTL direction/left-side scrollbar */
        right: auto;
        left: 0;
    }
    
    .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
        left: -26px;
    }
    /* RTL direction/left-side scrollbar (scrollbar position: outside) */
    
    .mCSB_scrollTools .mCSB_draggerContainer {
        /* contains the draggable element and dragger rail markup */
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: auto;
        background: rgba(194, 194, 194, 0.3);
    }
    
    .mCSB_scrollTools a+.mCSB_draggerContainer {
        margin: 20px 0;
    }
    
    .mCSB_scrollTools .mCSB_draggerRail {
        width: 3px;
        height: 100%;
        margin: 0 auto;
        border-radius: 16px;
    }
    
    .mCSB_scrollTools .mCSB_dragger {
        /* the draggable element */
        cursor: pointer;
        width: 100%;
        height: 30px;
        /* minimum dragger height */
        z-index: 1;
    }
    
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        /* the dragger element */
        position: relative;
        width: 3px;
        height: 100%;
        margin: 0 auto;
        border-radius: 16px;
        text-align: center;
    }
    
    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
        width: 12px;
        /* auto-expanded scrollbar */
    }
    
    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
        width: 8px;
        /* auto-expanded scrollbar */
    }
    
    .mCSB_scrollTools .mCSB_buttonUp,
    .mCSB_scrollTools .mCSB_buttonDown {
        display: block;
        position: absolute;
        height: 20px;
        width: 100%;
        overflow: hidden;
        margin: 0 auto;
        cursor: pointer;
    }
    
    .mCSB_scrollTools .mCSB_buttonDown {
        bottom: 0;
    }
    /* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
    
    .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-right: 0;
        margin-bottom: 30px;
    }
    
    .mCSB_horizontal.mCSB_outside>.mCSB_container {
        min-height: 100%;
    }
    
    .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
        margin-bottom: 0;
    }
    /* non-visible scrollbar */
    
    .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        width: auto;
        height: 16px;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
    }
    
    .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
    .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
        bottom: -26px;
    }
    /* scrollbar position: outside */
    
    .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
        margin: 0 20px;
    }
    
    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        width: 100%;
        height: 2px;
        margin: 7px 0;
    }
    
    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
        width: 30px;
        /* minimum dragger width */
        height: 100%;
        left: 0;
    }
    
    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
    }
    
    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
        height: 12px;
        /* auto-expanded scrollbar */
        margin: 2px auto;
    }
    
    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
        height: 8px;
        /* auto-expanded scrollbar */
        margin: 4px 0;
    }
    
    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
        display: block;
        position: absolute;
        width: 20px;
        height: 100%;
        overflow: hidden;
        margin: 0 auto;
        cursor: pointer;
    }
    
    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
        left: 0;
    }
    
    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
        right: 0;
    }
    /* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
    
    .mCSB_container_wrapper {
        position: absolute;
        height: auto;
        width: auto;
        overflow: hidden;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin-right: 30px;
        margin-bottom: 30px;
    }
    
    .mCSB_container_wrapper>.mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
        bottom: 20px;
    }
    
    .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
        right: 20px;
    }
    /* non-visible horizontal scrollbar */
    
    .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
        bottom: 0;
    }
    /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
    
    .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
    .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
        right: 0;
    }
    /* RTL direction/left-side scrollbar */
    
    .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
        left: 20px;
    }
    /* non-visible scrollbar/RTL direction/left-side scrollbar */
    
    .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
        left: 0;
    }
    
    .mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
        /* RTL direction/left-side scrollbar */
        margin-right: 0;
        margin-left: 30px;
    }
    
    .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
        padding-right: 0;
    }
    
    .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
        padding-bottom: 0;
    }
    
    .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-right: 0;
        /* non-visible scrollbar */
        margin-left: 0;
    }
    /* non-visible horizontal scrollbar */
    
    .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
        margin-bottom: 0;
    }
    /* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
    
    .mCSB_scrollTools,
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCSB_scrollTools .mCSB_buttonUp,
    .mCSB_scrollTools .mCSB_buttonDown,
    .mCSB_scrollTools .mCSB_buttonLeft,
    .mCSB_scrollTools .mCSB_buttonRight {
        -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    }
    
    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
        -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    }
    /* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
    /* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
    /* default theme ("light") */
    
    .mCSB_scrollTools {
        opacity: 1;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)";
    }
    
    .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
    .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
        opacity: 0;
        filter: "alpha(opacity=0)";
        -ms-filter: "alpha(opacity=0)";
    }
    
    .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
    .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
    .mCustomScrollBox:hover>.mCSB_scrollTools,
    .mCustomScrollBox:hover~.mCSB_scrollTools,
    .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
    .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
        opacity: 1;
        filter: "alpha(opacity=100)";
        -ms-filter: "alpha(opacity=100)";
    }
    
    .mCSB_scrollTools .mCSB_draggerRail {
        background-color: rgba(0, 0, 0, 0);
        filter: "alpha(opacity=40)";
        -ms-filter: "alpha(opacity=40)";
    }
    
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: rgba(87, 87, 87, 0.5254901961);
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)";
    }
    
    .mCSB_scrollTools .mCSB_buttonUp,
    .mCSB_scrollTools .mCSB_buttonDown,
    .mCSB_scrollTools .mCSB_buttonLeft,
    .mCSB_scrollTools .mCSB_buttonRight {
        background-image: url(mCSB_buttons.html);
        /* css sprites */
        background-repeat: no-repeat;
        opacity: 0.4;
        filter: "alpha(opacity=40)";
        -ms-filter: "alpha(opacity=40)";
    }
    
    .mCSB_scrollTools .mCSB_buttonUp {
        background-position: 0 0;
        /* 
  sprites locations 
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
    }
    
    .mCSB_scrollTools .mCSB_buttonDown {
        background-position: 0 -20px;
        /* 
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
    }
    
    .mCSB_scrollTools .mCSB_buttonLeft {
        background-position: 0 -40px;
        /* 
  sprites locations 
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
    }
    
    .mCSB_scrollTools .mCSB_buttonRight {
        background-position: 0 -56px;
        /* 
  sprites locations 
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
    }
    
    .mCSB_scrollTools .mCSB_buttonUp:hover,
    .mCSB_scrollTools .mCSB_buttonDown:hover,
    .mCSB_scrollTools .mCSB_buttonLeft:hover,
    .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)";
    }
    
    .mCSB_scrollTools .mCSB_buttonUp:active,
    .mCSB_scrollTools .mCSB_buttonDown:active,
    .mCSB_scrollTools .mCSB_buttonLeft:active,
    .mCSB_scrollTools .mCSB_buttonRight:active {
        opacity: 0.9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)";
    }
    /* theme: "dark" */
    
    .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.15);
    }
    
    .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.75);
    }
    
    .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: rgba(0, 0, 0, 0.85);
    }
    
    .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: rgba(0, 0, 0, 0.5);
    }
    
    .mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -80px 0;
    }
    
    .mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -80px -20px;
    }
    
    .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -80px -40px;
    }
    
    .mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -80px -56px;
    }
    /* ---------------------------------------- */
    /* theme: "light-2", "dark-2" */
    
    .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
        width: 4px;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 1px;
    }
    
    .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 4px;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.75);
        border-radius: 1px;
    }
    
    .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
    }
    
    .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.85);
    }
    
    .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.9);
    }
    
    .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -32px 0;
    }
    
    .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -32px -20px;
    }
    
    .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -40px -40px;
    }
    
    .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -40px -56px;
    }
    /* theme: "dark-2" */
    
    .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.1);
        border-radius: 1px;
    }
    
    .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.75);
        border-radius: 1px;
    }
    
    .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.85);
    }
    
    .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.9);
    }
    
    .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -112px 0;
    }
    
    .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -112px -20px;
    }
    
    .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -120px -40px;
    }
    
    .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -120px -56px;
    }
    /* ---------------------------------------- */
    /* theme: "light-thick", "dark-thick" */
    
    .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
        width: 4px;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 2px;
    }
    
    .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 6px;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.75);
        border-radius: 2px;
    }
    
    .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        width: 100%;
        height: 4px;
        margin: 6px 0;
    }
    
    .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 6px;
        margin: 5px auto;
    }
    
    .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.85);
    }
    
    .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.9);
    }
    
    .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -16px 0;
    }
    
    .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -16px -20px;
    }
    
    .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -20px -40px;
    }
    
    .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -20px -56px;
    }
    /* theme: "dark-thick" */
    
    .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.1);
        border-radius: 2px;
    }
    
    .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.75);
        border-radius: 2px;
    }
    
    .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.85);
    }
    
    .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.9);
    }
    
    .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -96px 0;
    }
    
    .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -96px -20px;
    }
    
    .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -100px -40px;
    }
    
    .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -100px -56px;
    }
    /* ---------------------------------------- */
    /* theme: "light-thin", "dark-thin" */
    
    .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.1);
    }
    
    .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 2px;
    }
    
    .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        width: 100%;
    }
    
    .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 2px;
        margin: 7px auto;
    }
    /* theme "dark-thin" */
    
    .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.15);
    }
    
    .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.75);
    }
    
    .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.85);
    }
    
    .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.9);
    }
    
    .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -80px 0;
    }
    
    .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -80px -20px;
    }
    
    .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -80px -40px;
    }
    
    .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -80px -56px;
    }
    /* ---------------------------------------- */
    /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
    
    .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.15);
    }
    
    .mCS-rounded.mCSB_scrollTools .mCSB_dragger,
    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
    .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
        height: 14px;
    }
    
    .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px;
    }
    
    .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
        width: 14px;
    }
    
    .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0;
    }
    
    .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
    .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
        width: 3px;
        /* auto-expanded scrollbar */
        height: 16px;
        margin: -1px 0;
    }
    
    .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
    .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
    .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
    .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
        width: 4px;
        /* auto-expanded scrollbar */
    }
    
    .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
    .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
        height: 16px;
        /* auto-expanded scrollbar */
        width: 3px;
        margin: 0 -1px;
    }
    
    .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
    .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
    .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
    .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
        height: 4px;
        /* auto-expanded scrollbar */
        margin: 6px 0;
    }
    
    .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
        background-position: 0 -72px;
    }
    
    .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
        background-position: 0 -92px;
    }
    
    .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: 0 -112px;
    }
    
    .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
        background-position: 0 -128px;
    }
    /* theme "rounded-dark", "rounded-dots-dark" */
    
    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.75);
    }
    
    .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.15);
    }
    
    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.85);
    }
    
    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.9);
    }
    
    .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -80px -72px;
    }
    
    .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -80px -92px;
    }
    
    .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -80px -112px;
    }
    
    .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -80px -128px;
    }
    /* theme "rounded-dots", "rounded-dots-dark" */
    
    .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
    .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
        width: 4px;
    }
    
    .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        background-color: transparent;
        background-position: center;
    }
    
    .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
        background-repeat: repeat-y;
        opacity: 0.3;
        filter: "alpha(opacity=30)";
        -ms-filter: "alpha(opacity=30)";
    }
    
    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        height: 4px;
        margin: 6px 0;
        background-repeat: repeat-x;
    }
    
    .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -16px -72px;
    }
    
    .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -16px -92px;
    }
    
    .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -20px -112px;
    }
    
    .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -20px -128px;
    }
    /* theme "rounded-dots-dark" */
    
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
    }
    
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -96px -72px;
    }
    
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -96px -92px;
    }
    
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -100px -112px;
    }
    
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -100px -128px;
    }
    /* ---------------------------------------- */
    /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
    
    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-repeat: repeat-y;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    }
    
    .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        background-repeat: repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    }
    /* theme "3d", "3d-dark" */
    
    .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
    .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
        height: 70px;
    }
    
    .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
    .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
        width: 70px;
    }
    
    .mCS-3d.mCSB_scrollTools,
    .mCS-3d-dark.mCSB_scrollTools {
        opacity: 1;
        filter: "alpha(opacity=30)";
        -ms-filter: "alpha(opacity=30)";
    }
    
    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        border-radius: 16px;
    }
    
    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
        box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
    }
    
    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #555;
    }
    
    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px;
    }
    
    .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        width: 100%;
        height: 8px;
        margin: 4px 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
    }
    
    .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 8px;
        margin: 4px auto;
    }
    
    .mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -32px -72px;
    }
    
    .mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -32px -92px;
    }
    
    .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -40px -112px;
    }
    
    .mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -40px -128px;
    }
    /* theme "3d-dark" */
    
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
        box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
    }
    
    .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    }
    
    .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -112px -72px;
    }
    
    .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -112px -92px;
    }
    
    .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -120px -112px;
    }
    
    .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -120px -128px;
    }
    /* ---------------------------------------- */
    /* theme: "3d-thick", "3d-thick-dark" */
    
    .mCS-3d-thick.mCSB_scrollTools,
    .mCS-3d-thick-dark.mCSB_scrollTools {
        opacity: 1;
        filter: "alpha(opacity=30)";
        -ms-filter: "alpha(opacity=30)";
    }
    
    .mCS-3d-thick.mCSB_scrollTools,
    .mCS-3d-thick-dark.mCSB_scrollTools,
    .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
        border-radius: 7px;
    }
    
    .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        border-radius: 5px;
    }
    
    .mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
    .mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
        right: 1px;
    }
    
    .mCS-3d-thick.mCSB_scrollTools_vertical,
    .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
        -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
        box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
    }
    
    .mCS-3d-thick.mCSB_scrollTools_horizontal,
    .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
        bottom: 1px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
    }
    
    .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
        box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
        width: 12px;
        margin: 2px;
        position: absolute;
        height: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
    .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    
    .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #555;
    }
    
    .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 12px;
        width: auto;
    }
    
    .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
        box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
    }
    
    .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
        background-color: transparent;
    }
    
    .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -32px -72px;
    }
    
    .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -32px -92px;
    }
    
    .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -40px -112px;
    }
    
    .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -40px -128px;
    }
    /* theme: "3d-thick-dark" */
    
    .mCS-3d-thick-dark.mCSB_scrollTools {
        -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
    }
    
    .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
    }
    
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
        box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
    }
    
    .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
    }
    
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #777;
    }
    
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
        background-color: #fff;
        background-color: rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
        box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
    }
    
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-color: transparent;
    }
    
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -112px -72px;
    }
    
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -112px -92px;
    }
    
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -120px -112px;
    }
    
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -120px -128px;
    }
    /* ---------------------------------------- */
    /* theme: "minimal", "minimal-dark" */
    
    .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
    .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
        right: 0;
        margin: 12px 0;
    }
    
    .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
    .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
    .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
    .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
        bottom: 0;
        margin: 0 12px;
    }
    /* RTL direction/left-side scrollbar */
    
    .mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
    .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
        left: 0;
        right: auto;
    }
    
    .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-color: transparent;
    }
    
    .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
    .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
        height: 50px;
    }
    
    .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
    .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
        width: 50px;
    }
    
    .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.2);
        filter: "alpha(opacity=20)";
        -ms-filter: "alpha(opacity=20)";
    }
    
    .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.5);
        filter: "alpha(opacity=50)";
        -ms-filter: "alpha(opacity=50)";
    }
    /* theme: "minimal-dark" */
    
    .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.2);
        filter: "alpha(opacity=20)";
        -ms-filter: "alpha(opacity=20)";
    }
    
    .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.5);
        filter: "alpha(opacity=50)";
        -ms-filter: "alpha(opacity=50)";
    }
    /* ---------------------------------------- */
    /* theme "light-3", "dark-3" */
    
    .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
        width: 6px;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.2);
    }
    
    .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 6px;
    }
    
    .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        width: 100%;
        height: 6px;
        margin: 5px 0;
    }
    
    .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
    .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
    .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
    .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
        width: 12px;
    }
    
    .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
    .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
    .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
    .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
        height: 12px;
        margin: 2px 0;
    }
    
    .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -32px -72px;
    }
    
    .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -32px -92px;
    }
    
    .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -40px -112px;
    }
    
    .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -40px -128px;
    }
    /* theme "dark-3" */
    
    .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.75);
    }
    
    .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.85);
    }
    
    .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.9);
    }
    
    .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.1);
    }
    
    .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -112px -72px;
    }
    
    .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -112px -92px;
    }
    
    .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -120px -112px;
    }
    
    .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -120px -128px;
    }
    /* ---------------------------------------- */
    /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
    
    .mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
        width: 12px;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.2);
    }
    
    .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 6px;
        margin: 3px 5px;
        position: absolute;
        height: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
    .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 6px;
        margin: 5px 3px;
        position: absolute;
        width: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
    .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        width: 100%;
        height: 12px;
        margin: 2px 0;
    }
    
    .mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
    .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
    .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -32px -72px;
    }
    
    .mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
    .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
    .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -32px -92px;
    }
    
    .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
    .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
    .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -40px -112px;
    }
    
    .mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
    .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
    .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -40px -128px;
    }
    /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
    
    .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.75);
    }
    
    .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.85);
    }
    
    .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.9);
    }
    
    .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.1);
    }
    
    .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -112px -72px;
    }
    
    .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -112px -92px;
    }
    
    .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -120px -112px;
    }
    
    .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -120px -128px;
    }
    /* theme "inset-2", "inset-2-dark" */
    
    .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-color: transparent;
        border-width: 1px;
        border-style: solid;
        border-color: #fff;
        border-color: rgba(255, 255, 255, 0.2);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
        border-color: #000;
        border-color: rgba(0, 0, 0, 0.2);
    }
    /* theme "inset-3", "inset-3-dark" */
    
    .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.6);
    }
    
    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.6);
    }
    
    .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.75);
    }
    
    .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.85);
    }
    
    .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.9);
    }
    
    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.75);
    }
    
    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.85);
    }
    
    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.9);
    }
    /* ---------------------------------------- */
    /*! jQuery UI - v1.13.2 - 2022-08-28
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
    
    .ui-draggable-handle {
        -ms-touch-action: none;
        touch-action: none;
    }
    
    .ui-helper-hidden {
        display: none;
    }
    
    .ui-helper-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    
    .ui-helper-reset {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        line-height: 1.3;
        text-decoration: none;
        font-size: 100%;
        list-style: none;
    }
    
    .ui-helper-clearfix:before,
    .ui-helper-clearfix:after {
        content: "";
        display: table;
        border-collapse: collapse;
    }
    
    .ui-helper-clearfix:after {
        clear: both;
    }
    
    .ui-helper-zfix {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
    }
    
    .ui-front {
        z-index: 100;
    }
    
    .ui-state-disabled {
        cursor: default !important;
        pointer-events: none;
    }
    
    .ui-icon {
        display: inline-block;
        vertical-align: middle;
        margin-top: -0.25em;
        position: relative;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
    }
    
    .ui-widget-icon-block {
        left: 50%;
        margin-left: -8px;
        display: block;
    }
    
    .ui-widget-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .ui-resizable {
        position: relative;
    }
    
    .ui-resizable-handle {
        position: absolute;
        font-size: 0.1px;
        display: block;
        -ms-touch-action: none;
        touch-action: none;
    }
    
    .ui-resizable-disabled .ui-resizable-handle,
    .ui-resizable-autohide .ui-resizable-handle {
        display: none;
    }
    
    .ui-resizable-n {
        cursor: n-resize;
        height: 7px;
        width: 100%;
        top: -5px;
        left: 0;
    }
    
    .ui-resizable-s {
        cursor: s-resize;
        height: 7px;
        width: 100%;
        bottom: -5px;
        left: 0;
    }
    
    .ui-resizable-e {
        cursor: e-resize;
        width: 7px;
        right: -5px;
        top: 0;
        height: 100%;
    }
    
    .ui-resizable-w {
        cursor: w-resize;
        width: 7px;
        left: -5px;
        top: 0;
        height: 100%;
    }
    
    .ui-resizable-se {
        cursor: se-resize;
        width: 12px;
        height: 12px;
        right: 1px;
        bottom: 1px;
    }
    
    .ui-resizable-sw {
        cursor: sw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        bottom: -5px;
    }
    
    .ui-resizable-nw {
        cursor: nw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        top: -5px;
    }
    
    .ui-resizable-ne {
        cursor: ne-resize;
        width: 9px;
        height: 9px;
        right: -5px;
        top: -5px;
    }
    
    .ui-selectable {
        -ms-touch-action: none;
        touch-action: none;
    }
    
    .ui-selectable-helper {
        position: absolute;
        z-index: 100;
        border: 1px dotted black;
    }
    
    .ui-sortable-handle {
        -ms-touch-action: none;
        touch-action: none;
    }
    
    .ui-accordion .ui-accordion-header {
        display: block;
        cursor: pointer;
        position: relative;
        margin: 2px 0 0 0;
        padding: 0.5em 0.5em 0.5em 0.7em;
        font-size: 100%;
    }
    
    .ui-accordion .ui-accordion-content {
        padding: 1em 2.2em;
        border-top: 0;
        overflow: auto;
    }
    
    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 0;
        cursor: default;
    }
    
    .ui-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
        outline: 0;
    }
    
    .ui-menu .ui-menu {
        position: absolute;
    }
    
    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }
    
    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px 0.4em;
    }
    
    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }
    
    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }
    
    .ui-menu-icons {
        position: relative;
    }
    
    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }
    
    .ui-menu .ui-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0.2em;
        margin: auto 0;
    }
    
    .ui-menu .ui-menu-icon {
        left: auto;
        right: 0;
    }
    
    .ui-button {
        padding: 0.4em 1em;
        display: inline-block;
        position: relative;
        line-height: normal;
        margin-right: 0.1em;
        cursor: pointer;
        vertical-align: middle;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        overflow: visible;
    }
    
    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }
    
    .ui-button-icon-only {
        width: 2em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-indent: -9999px;
        white-space: nowrap;
    }
    
    input.ui-button.ui-button-icon-only {
        text-indent: 0;
    }
    
    .ui-button-icon-only .ui-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -8px;
    }
    
    .ui-button.ui-icon-notext .ui-icon {
        padding: 0;
        width: 2.1em;
        height: 2.1em;
        text-indent: -9999px;
        white-space: nowrap;
    }
    
    input.ui-button.ui-icon-notext .ui-icon {
        width: auto;
        height: auto;
        text-indent: 0;
        white-space: normal;
        padding: 0.4em 1em;
    }
    
    input.ui-button::-moz-focus-inner,
    button.ui-button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
    
    .ui-controlgroup {
        vertical-align: middle;
        display: inline-block;
    }
    
    .ui-controlgroup>.ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }
    
    .ui-controlgroup>.ui-controlgroup-item:focus,
    .ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
        z-index: 9999;
    }
    
    .ui-controlgroup-vertical>.ui-controlgroup-item {
        display: block;
        float: none;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        text-align: left;
    }
    
    .ui-controlgroup-vertical .ui-controlgroup-item {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .ui-controlgroup .ui-controlgroup-label {
        padding: 0.4em 1em;
    }
    
    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%;
    }
    
    .ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
        border-left: none;
    }
    
    .ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
        border-top: none;
    }
    
    .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
        border-right: none;
    }
    
    .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
        border-bottom: none;
    }
    
    .ui-controlgroup-vertical .ui-spinner-input {
        width: 75%;
        width: calc(100% - 2.4em);
    }
    
    .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
        border-top-style: solid;
    }
    
    .ui-checkboxradio-label .ui-icon-background {
        -webkit-box-shadow: inset 1px 1px 1px #ccc;
        box-shadow: inset 1px 1px 1px #ccc;
        border-radius: 0.12em;
        border: none;
    }
    
    .ui-checkboxradio-radio-label .ui-icon-background {
        width: 16px;
        height: 16px;
        border-radius: 1em;
        overflow: visible;
        border: none;
    }
    
    .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
    .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
        background-image: none;
        width: 8px;
        height: 8px;
        border-width: 4px;
        border-style: solid;
    }
    
    .ui-checkboxradio-disabled {
        pointer-events: none;
    }
    
    .ui-datepicker {
        width: 17em;
        padding: 0.2em 0.2em 0;
        display: none;
    }
    
    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: 0.2em 0;
    }
    
    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }
    
    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }
    
    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }
    
    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }
    
    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }
    
    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }
    
    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }
    
    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }
    
    .ui-datepicker .ui-datepicker-title select {
        font-size: 1em;
        margin: 1px 0;
    }
    
    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }
    
    .ui-datepicker table {
        width: 100%;
        font-size: 0.9em;
        border-collapse: collapse;
        margin: 0 0 0.4em;
    }
    
    .ui-datepicker th {
        padding: 0.7em 0.3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }
    
    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }
    
    .ui-datepicker td span,
    .ui-datepicker td a {
        display: block;
        padding: 0.2em;
        text-align: right;
        text-decoration: none;
    }
    
    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: 0.7em 0 0 0;
        padding: 0 0.2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }
    
    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: 0.5em 0.2em 0.4em;
        cursor: pointer;
        padding: 0.2em 0.6em 0.3em 0.6em;
        width: auto;
        overflow: visible;
    }
    
    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left;
    }
    
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }
    
    .ui-datepicker-multi .ui-datepicker-group {
        float: left;
    }
    
    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto 0.4em;
    }
    
    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 50%;
    }
    
    .ui-datepicker-multi-3 .ui-datepicker-group {
        width: 33.3%;
    }
    
    .ui-datepicker-multi-4 .ui-datepicker-group {
        width: 25%;
    }
    
    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 0;
    }
    
    .ui-datepicker-multi .ui-datepicker-buttonpane {
        clear: left;
    }
    
    .ui-datepicker-row-break {
        clear: both;
        width: 100%;
        font-size: 0;
    }
    
    .ui-datepicker-rtl {
        direction: rtl;
    }
    
    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }
    
    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }
    
    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }
    
    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }
    
    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }
    
    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
        float: left;
    }
    
    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }
    
    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }
    
    .ui-datepicker .ui-icon {
        display: block;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
        left: 0.5em;
        top: 0.3em;
    }
    
    .ui-dialog {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0.2em;
        outline: 0;
    }
    
    .ui-dialog .ui-dialog-titlebar {
        padding: 0.4em 1em;
        position: relative;
    }
    
    .ui-dialog .ui-dialog-title {
        float: left;
        margin: 0.1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: 0.3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }
    
    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: 0.5em 1em;
        background: none;
        overflow: auto;
    }
    
    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: 0.5em;
        padding: 0.3em 1em 0.5em 0.4em;
    }
    
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: right;
    }
    
    .ui-dialog .ui-dialog-buttonpane button {
        margin: 0.5em 0.4em 0.5em 0;
        cursor: pointer;
    }
    
    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0;
    }
    
    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0;
    }
    
    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0;
    }
    
    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0;
    }
    
    .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-sw,
    .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-nw {
        width: 7px;
        height: 7px;
    }
    
    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0;
    }
    
    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0;
    }
    
    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0;
    }
    
    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0;
    }
    
    .ui-draggable .ui-dialog-titlebar {
        cursor: move;
    }
    
    .ui-progressbar {
        height: 2em;
        text-align: left;
        overflow: hidden;
    }
    
    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }
    
    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        -ms-filter: "alpha(opacity=25)";
        opacity: 0.25;
    }
    
    .ui-progressbar-indeterminate .ui-progressbar-value {
        background-image: none;
    }
    
    .ui-selectmenu-menu {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }
    
    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }
    
    .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
        font-size: 1em;
        font-weight: bold;
        line-height: 1.5;
        padding: 2px 0.4em;
        margin: 0.5em 0 0 0;
        height: auto;
        border: 0;
    }
    
    .ui-selectmenu-open {
        display: block;
    }
    
    .ui-selectmenu-text {
        display: block;
        margin-right: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .ui-selectmenu-button.ui-button {
        text-align: left;
        white-space: nowrap;
        width: 14em;
    }
    
    .ui-selectmenu-icon.ui-icon {
        float: right;
        margin-top: 0;
    }
    
    .ui-slider {
        position: relative;
        text-align: left;
    }
    
    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: pointer;
        -ms-touch-action: none;
        touch-action: none;
    }
    
    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: 0.7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }
    
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        -webkit-filter: inherit;
        filter: inherit;
    }
    
    .ui-slider-horizontal {
        height: 0.8em;
    }
    
    .ui-slider-horizontal .ui-slider-handle {
        top: -0.3em;
        margin-left: -0.6em;
    }
    
    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }
    
    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }
    
    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }
    
    .ui-slider-vertical {
        width: 0.8em;
        height: 100px;
    }
    
    .ui-slider-vertical .ui-slider-handle {
        left: -0.3em;
        margin-left: 0;
        margin-bottom: -0.6em;
    }
    
    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }
    
    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }
    
    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }
    
    .ui-spinner {
        position: relative;
        display: inline-block;
        overflow: hidden;
        padding: 0;
        vertical-align: middle;
    }
    
    .ui-spinner-input {
        border: none;
        background: none;
        color: inherit;
        padding: 0.222em 0;
        margin: 0.2em 0;
        vertical-align: middle;
        margin-left: 0.4em;
        margin-right: 2em;
    }
    
    .ui-spinner-button {
        width: 1.6em;
        height: 50%;
        font-size: 0.5em;
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        cursor: default;
        display: block;
        overflow: hidden;
        right: 0;
    }
    
    .ui-spinner a.ui-spinner-button {
        border-top-style: none;
        border-bottom-style: none;
        border-right-style: none;
    }
    
    .ui-spinner-up {
        top: 0;
    }
    
    .ui-spinner-down {
        bottom: 0;
    }
    
    .ui-tabs {
        position: relative;
        padding: 0.2em;
    }
    
    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: 0.2em 0.2em 0;
    }
    
    .ui-tabs .ui-tabs-nav li {
        list-style: none;
        float: left;
        position: relative;
        top: 0;
        margin: 1px 0.2em 0 0;
        border-bottom-width: 0;
        padding: 0;
        white-space: nowrap;
    }
    
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        float: left;
        padding: 0.5em 1em;
        text-decoration: none;
    }
    
    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin-bottom: -1px;
        padding-bottom: 1px;
    }
    
    .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
        cursor: text;
    }
    
    .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
        cursor: pointer;
    }
    
    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1em 1.4em;
        background: none;
    }
    
    .ui-tooltip {
        padding: 8px;
        position: absolute;
        z-index: 9999;
        max-width: 300px;
    }
    
    body .ui-tooltip {
        border-width: 2px;
    }
    
    .ui-widget {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
    }
    
    .ui-widget .ui-widget {
        font-size: 1em;
    }
    
    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
    }
    
    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5;
    }
    
    .ui-widget-content {
        border: 1px solid #ddd;
        background: #fff;
        color: #333;
    }
    
    .ui-widget-content a {
        color: #333;
    }
    
    .ui-widget-header {
        border: 1px solid #ddd;
        background: #e9e9e9;
        color: #333;
        font-weight: bold;
    }
    
    .ui-widget-header a {
        color: #333;
    }
    
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545;
    }
    
    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited,
    a.ui-button,
    a:link.ui-button,
    a:visited.ui-button,
    .ui-button {
        color: #454545;
        text-decoration: none;
    }
    
    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus,
    .ui-button:hover,
    .ui-button:focus {
        border: 1px solid #ccc;
        background: #ededed;
        font-weight: normal;
        color: #2b2b2b;
    }
    
    .ui-state-hover a,
    .ui-state-hover a:hover,
    .ui-state-hover a:link,
    .ui-state-hover a:visited,
    .ui-state-focus a,
    .ui-state-focus a:hover,
    .ui-state-focus a:link,
    .ui-state-focus a:visited,
    a.ui-button:hover,
    a.ui-button:focus {
        color: #2b2b2b;
        text-decoration: none;
    }
    
    .ui-visual-focus {
        -webkit-box-shadow: 0 0 3px 1px rgb(94, 158, 214);
        box-shadow: 0 0 3px 1px rgb(94, 158, 214);
    }
    
    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
        border: 1px solid #003eff;
        background: #007fff;
        font-weight: normal;
        color: #fff;
    }
    
    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #fff;
    }
    
    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #fff;
        text-decoration: none;
    }
    
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid #dad55e;
        background: #fffa90;
        color: #777620;
    }
    
    .ui-state-checked {
        border: 1px solid #dad55e;
        background: #fffa90;
    }
    
    .ui-state-highlight a,
    .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a {
        color: #777620;
    }
    
    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #f1a899;
        background: #fddfdf;
        color: #5f3f3f;
    }
    
    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
        color: #5f3f3f;
    }
    
    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
        color: #5f3f3f;
    }
    
    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }
    
    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: 0.7;
        -ms-filter: "alpha(opacity=70)";
        font-weight: normal;
    }
    
    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: 0.35;
        -ms-filter: "alpha(opacity=35)";
        background-image: none;
    }
    
    .ui-state-disabled .ui-icon {
        -ms-filter: "alpha(opacity=35)";
    }
    
    .ui-icon {
        width: 16px;
        height: 16px;
    }
    
    .ui-icon,
    .ui-widget-content .ui-icon {
        background-image: url("images/ui-icons_444444_256x240.html");
    }
    
    .ui-widget-header .ui-icon {
        background-image: url("images/ui-icons_444444_256x240.html");
    }
    
    .ui-state-hover .ui-icon,
    .ui-state-focus .ui-icon,
    .ui-button:hover .ui-icon,
    .ui-button:focus .ui-icon {
        background-image: url("images/ui-icons_555555_256x240.html");
    }
    
    .ui-state-active .ui-icon,
    .ui-button:active .ui-icon {
        background-image: url("images/ui-icons_ffffff_256x240.html");
    }
    
    .ui-state-highlight .ui-icon,
    .ui-button .ui-state-highlight.ui-icon {
        background-image: url("images/ui-icons_777620_256x240.html");
    }
    
    .ui-state-error .ui-icon,
    .ui-state-error-text .ui-icon {
        background-image: url("images/ui-icons_cc0000_256x240.html");
    }
    
    .ui-button .ui-icon {
        background-image: url("images/ui-icons_777777_256x240.html");
    }
    
    .ui-icon-blank.ui-icon-blank.ui-icon-blank {
        background-image: none;
    }
    
    .ui-icon-caret-1-n {
        background-position: 0 0;
    }
    
    .ui-icon-caret-1-ne {
        background-position: -16px 0;
    }
    
    .ui-icon-caret-1-e {
        background-position: -32px 0;
    }
    
    .ui-icon-caret-1-se {
        background-position: -48px 0;
    }
    
    .ui-icon-caret-1-s {
        background-position: -65px 0;
    }
    
    .ui-icon-caret-1-sw {
        background-position: -80px 0;
    }
    
    .ui-icon-caret-1-w {
        background-position: -96px 0;
    }
    
    .ui-icon-caret-1-nw {
        background-position: -112px 0;
    }
    
    .ui-icon-caret-2-n-s {
        background-position: -128px 0;
    }
    
    .ui-icon-caret-2-e-w {
        background-position: -144px 0;
    }
    
    .ui-icon-triangle-1-n {
        background-position: 0 -16px;
    }
    
    .ui-icon-triangle-1-ne {
        background-position: -16px -16px;
    }
    
    .ui-icon-triangle-1-e {
        background-position: -32px -16px;
    }
    
    .ui-icon-triangle-1-se {
        background-position: -48px -16px;
    }
    
    .ui-icon-triangle-1-s {
        background-position: -65px -16px;
    }
    
    .ui-icon-triangle-1-sw {
        background-position: -80px -16px;
    }
    
    .ui-icon-triangle-1-w {
        background-position: -96px -16px;
    }
    
    .ui-icon-triangle-1-nw {
        background-position: -112px -16px;
    }
    
    .ui-icon-triangle-2-n-s {
        background-position: -128px -16px;
    }
    
    .ui-icon-triangle-2-e-w {
        background-position: -144px -16px;
    }
    
    .ui-icon-arrow-1-n {
        background-position: 0 -32px;
    }
    
    .ui-icon-arrow-1-ne {
        background-position: -16px -32px;
    }
    
    .ui-icon-arrow-1-e {
        background-position: -32px -32px;
    }
    
    .ui-icon-arrow-1-se {
        background-position: -48px -32px;
    }
    
    .ui-icon-arrow-1-s {
        background-position: -65px -32px;
    }
    
    .ui-icon-arrow-1-sw {
        background-position: -80px -32px;
    }
    
    .ui-icon-arrow-1-w {
        background-position: -96px -32px;
    }
    
    .ui-icon-arrow-1-nw {
        background-position: -112px -32px;
    }
    
    .ui-icon-arrow-2-n-s {
        background-position: -128px -32px;
    }
    
    .ui-icon-arrow-2-ne-sw {
        background-position: -144px -32px;
    }
    
    .ui-icon-arrow-2-e-w {
        background-position: -160px -32px;
    }
    
    .ui-icon-arrow-2-se-nw {
        background-position: -176px -32px;
    }
    
    .ui-icon-arrowstop-1-n {
        background-position: -192px -32px;
    }
    
    .ui-icon-arrowstop-1-e {
        background-position: -208px -32px;
    }
    
    .ui-icon-arrowstop-1-s {
        background-position: -224px -32px;
    }
    
    .ui-icon-arrowstop-1-w {
        background-position: -240px -32px;
    }
    
    .ui-icon-arrowthick-1-n {
        background-position: 1px -48px;
    }
    
    .ui-icon-arrowthick-1-ne {
        background-position: -16px -48px;
    }
    
    .ui-icon-arrowthick-1-e {
        background-position: -32px -48px;
    }
    
    .ui-icon-arrowthick-1-se {
        background-position: -48px -48px;
    }
    
    .ui-icon-arrowthick-1-s {
        background-position: -64px -48px;
    }
    
    .ui-icon-arrowthick-1-sw {
        background-position: -80px -48px;
    }
    
    .ui-icon-arrowthick-1-w {
        background-position: -96px -48px;
    }
    
    .ui-icon-arrowthick-1-nw {
        background-position: -112px -48px;
    }
    
    .ui-icon-arrowthick-2-n-s {
        background-position: -128px -48px;
    }
    
    .ui-icon-arrowthick-2-ne-sw {
        background-position: -144px -48px;
    }
    
    .ui-icon-arrowthick-2-e-w {
        background-position: -160px -48px;
    }
    
    .ui-icon-arrowthick-2-se-nw {
        background-position: -176px -48px;
    }
    
    .ui-icon-arrowthickstop-1-n {
        background-position: -192px -48px;
    }
    
    .ui-icon-arrowthickstop-1-e {
        background-position: -208px -48px;
    }
    
    .ui-icon-arrowthickstop-1-s {
        background-position: -224px -48px;
    }
    
    .ui-icon-arrowthickstop-1-w {
        background-position: -240px -48px;
    }
    
    .ui-icon-arrowreturnthick-1-w {
        background-position: 0 -64px;
    }
    
    .ui-icon-arrowreturnthick-1-n {
        background-position: -16px -64px;
    }
    
    .ui-icon-arrowreturnthick-1-e {
        background-position: -32px -64px;
    }
    
    .ui-icon-arrowreturnthick-1-s {
        background-position: -48px -64px;
    }
    
    .ui-icon-arrowreturn-1-w {
        background-position: -64px -64px;
    }
    
    .ui-icon-arrowreturn-1-n {
        background-position: -80px -64px;
    }
    
    .ui-icon-arrowreturn-1-e {
        background-position: -96px -64px;
    }
    
    .ui-icon-arrowreturn-1-s {
        background-position: -112px -64px;
    }
    
    .ui-icon-arrowrefresh-1-w {
        background-position: -128px -64px;
    }
    
    .ui-icon-arrowrefresh-1-n {
        background-position: -144px -64px;
    }
    
    .ui-icon-arrowrefresh-1-e {
        background-position: -160px -64px;
    }
    
    .ui-icon-arrowrefresh-1-s {
        background-position: -176px -64px;
    }
    
    .ui-icon-arrow-4 {
        background-position: 0 -80px;
    }
    
    .ui-icon-arrow-4-diag {
        background-position: -16px -80px;
    }
    
    .ui-icon-extlink {
        background-position: -32px -80px;
    }
    
    .ui-icon-newwin {
        background-position: -48px -80px;
    }
    
    .ui-icon-refresh {
        background-position: -64px -80px;
    }
    
    .ui-icon-shuffle {
        background-position: -80px -80px;
    }
    
    .ui-icon-transfer-e-w {
        background-position: -96px -80px;
    }
    
    .ui-icon-transferthick-e-w {
        background-position: -112px -80px;
    }
    
    .ui-icon-folder-collapsed {
        background-position: 0 -96px;
    }
    
    .ui-icon-folder-open {
        background-position: -16px -96px;
    }
    
    .ui-icon-document {
        background-position: -32px -96px;
    }
    
    .ui-icon-document-b {
        background-position: -48px -96px;
    }
    
    .ui-icon-note {
        background-position: -64px -96px;
    }
    
    .ui-icon-mail-closed {
        background-position: -80px -96px;
    }
    
    .ui-icon-mail-open {
        background-position: -96px -96px;
    }
    
    .ui-icon-suitcase {
        background-position: -112px -96px;
    }
    
    .ui-icon-comment {
        background-position: -128px -96px;
    }
    
    .ui-icon-person {
        background-position: -144px -96px;
    }
    
    .ui-icon-print {
        background-position: -160px -96px;
    }
    
    .ui-icon-trash {
        background-position: -176px -96px;
    }
    
    .ui-icon-locked {
        background-position: -192px -96px;
    }
    
    .ui-icon-unlocked {
        background-position: -208px -96px;
    }
    
    .ui-icon-bookmark {
        background-position: -224px -96px;
    }
    
    .ui-icon-tag {
        background-position: -240px -96px;
    }
    
    .ui-icon-home {
        background-position: 0 -112px;
    }
    
    .ui-icon-flag {
        background-position: -16px -112px;
    }
    
    .ui-icon-calendar {
        background-position: -32px -112px;
    }
    
    .ui-icon-cart {
        background-position: -48px -112px;
    }
    
    .ui-icon-pencil {
        background-position: -64px -112px;
    }
    
    .ui-icon-clock {
        background-position: -80px -112px;
    }
    
    .ui-icon-disk {
        background-position: -96px -112px;
    }
    
    .ui-icon-calculator {
        background-position: -112px -112px;
    }
    
    .ui-icon-zoomin {
        background-position: -128px -112px;
    }
    
    .ui-icon-zoomout {
        background-position: -144px -112px;
    }
    
    .ui-icon-search {
        background-position: -160px -112px;
    }
    
    .ui-icon-wrench {
        background-position: -176px -112px;
    }
    
    .ui-icon-gear {
        background-position: -192px -112px;
    }
    
    .ui-icon-heart {
        background-position: -208px -112px;
    }
    
    .ui-icon-star {
        background-position: -224px -112px;
    }
    
    .ui-icon-link {
        background-position: -240px -112px;
    }
    
    .ui-icon-cancel {
        background-position: 0 -128px;
    }
    
    .ui-icon-plus {
        background-position: -16px -128px;
    }
    
    .ui-icon-plusthick {
        background-position: -32px -128px;
    }
    
    .ui-icon-minus {
        background-position: -48px -128px;
    }
    
    .ui-icon-minusthick {
        background-position: -64px -128px;
    }
    
    .ui-icon-close {
        background-position: -80px -128px;
    }
    
    .ui-icon-closethick {
        background-position: -96px -128px;
    }
    
    .ui-icon-key {
        background-position: -112px -128px;
    }
    
    .ui-icon-lightbulb {
        background-position: -128px -128px;
    }
    
    .ui-icon-scissors {
        background-position: -144px -128px;
    }
    
    .ui-icon-clipboard {
        background-position: -160px -128px;
    }
    
    .ui-icon-copy {
        background-position: -176px -128px;
    }
    
    .ui-icon-contact {
        background-position: -192px -128px;
    }
    
    .ui-icon-image {
        background-position: -208px -128px;
    }
    
    .ui-icon-video {
        background-position: -224px -128px;
    }
    
    .ui-icon-script {
        background-position: -240px -128px;
    }
    
    .ui-icon-alert {
        background-position: 0 -144px;
    }
    
    .ui-icon-info {
        background-position: -16px -144px;
    }
    
    .ui-icon-notice {
        background-position: -32px -144px;
    }
    
    .ui-icon-help {
        background-position: -48px -144px;
    }
    
    .ui-icon-check {
        background-position: -64px -144px;
    }
    
    .ui-icon-bullet {
        background-position: -80px -144px;
    }
    
    .ui-icon-radio-on {
        background-position: -96px -144px;
    }
    
    .ui-icon-radio-off {
        background-position: -112px -144px;
    }
    
    .ui-icon-pin-w {
        background-position: -128px -144px;
    }
    
    .ui-icon-pin-s {
        background-position: -144px -144px;
    }
    
    .ui-icon-play {
        background-position: 0 -160px;
    }
    
    .ui-icon-pause {
        background-position: -16px -160px;
    }
    
    .ui-icon-seek-next {
        background-position: -32px -160px;
    }
    
    .ui-icon-seek-prev {
        background-position: -48px -160px;
    }
    
    .ui-icon-seek-end {
        background-position: -64px -160px;
    }
    
    .ui-icon-seek-start {
        background-position: -80px -160px;
    }
    
    .ui-icon-seek-first {
        background-position: -80px -160px;
    }
    
    .ui-icon-stop {
        background-position: -96px -160px;
    }
    
    .ui-icon-eject {
        background-position: -112px -160px;
    }
    
    .ui-icon-volume-off {
        background-position: -128px -160px;
    }
    
    .ui-icon-volume-on {
        background-position: -144px -160px;
    }
    
    .ui-icon-power {
        background-position: 0 -176px;
    }
    
    .ui-icon-signal-diag {
        background-position: -16px -176px;
    }
    
    .ui-icon-signal {
        background-position: -32px -176px;
    }
    
    .ui-icon-battery-0 {
        background-position: -48px -176px;
    }
    
    .ui-icon-battery-1 {
        background-position: -64px -176px;
    }
    
    .ui-icon-battery-2 {
        background-position: -80px -176px;
    }
    
    .ui-icon-battery-3 {
        background-position: -96px -176px;
    }
    
    .ui-icon-circle-plus {
        background-position: 0 -192px;
    }
    
    .ui-icon-circle-minus {
        background-position: -16px -192px;
    }
    
    .ui-icon-circle-close {
        background-position: -32px -192px;
    }
    
    .ui-icon-circle-triangle-e {
        background-position: -48px -192px;
    }
    
    .ui-icon-circle-triangle-s {
        background-position: -64px -192px;
    }
    
    .ui-icon-circle-triangle-w {
        background-position: -80px -192px;
    }
    
    .ui-icon-circle-triangle-n {
        background-position: -96px -192px;
    }
    
    .ui-icon-circle-arrow-e {
        background-position: -112px -192px;
    }
    
    .ui-icon-circle-arrow-s {
        background-position: -128px -192px;
    }
    
    .ui-icon-circle-arrow-w {
        background-position: -144px -192px;
    }
    
    .ui-icon-circle-arrow-n {
        background-position: -160px -192px;
    }
    
    .ui-icon-circle-zoomin {
        background-position: -176px -192px;
    }
    
    .ui-icon-circle-zoomout {
        background-position: -192px -192px;
    }
    
    .ui-icon-circle-check {
        background-position: -208px -192px;
    }
    
    .ui-icon-circlesmall-plus {
        background-position: 0 -208px;
    }
    
    .ui-icon-circlesmall-minus {
        background-position: -16px -208px;
    }
    
    .ui-icon-circlesmall-close {
        background-position: -32px -208px;
    }
    
    .ui-icon-squaresmall-plus {
        background-position: -48px -208px;
    }
    
    .ui-icon-squaresmall-minus {
        background-position: -64px -208px;
    }
    
    .ui-icon-squaresmall-close {
        background-position: -80px -208px;
    }
    
    .ui-icon-grip-dotted-vertical {
        background-position: 0 -224px;
    }
    
    .ui-icon-grip-dotted-horizontal {
        background-position: -16px -224px;
    }
    
    .ui-icon-grip-solid-vertical {
        background-position: -32px -224px;
    }
    
    .ui-icon-grip-solid-horizontal {
        background-position: -48px -224px;
    }
    
    .ui-icon-gripsmall-diagonal-se {
        background-position: -64px -224px;
    }
    
    .ui-icon-grip-diagonal-se {
        background-position: -80px -224px;
    }
    
    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-left,
    .ui-corner-tl {
        border-top-left-radius: 3px;
    }
    
    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-right,
    .ui-corner-tr {
        border-top-right-radius: 3px;
    }
    
    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-left,
    .ui-corner-bl {
        border-bottom-left-radius: 3px;
    }
    
    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-right,
    .ui-corner-br {
        border-bottom-right-radius: 3px;
    }
    
    .ui-widget-overlay {
        background: #aaa;
        opacity: 0.3;
        -ms-filter: Alpha(Opacity=30);
    }
    
    .ui-widget-shadow {
        -webkit-box-shadow: 0 0 5px #666;
        box-shadow: 0 0 5px #666;
    }
    /*!
 * Bootstrap  v5.2.0 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
    
     :root {
        --bs-blue: #0084FE;
        --bs-indigo: #6610f2;
        --bs-purple: #6f42c1;
        --bs-pink: #d63384;
        --bs-red: #dc3545;
        --bs-orange: #fd7e14;
        --bs-yellow: #ffc107;
        --bs-green: #2ABB52;
        --bs-teal: #20c997;
        --bs-cyan: #0dcaf0;
        --bs-black: #0c0800;
        --bs-white: #fff;
        --bs-gray: #575757;
        --bs-gray-dark: #0b163f;
        --bs-gray-100: #f8fafc;
        --bs-gray-200: #f8f9fa;
        --bs-gray-300: #e2e8f0;
        --bs-gray-400: #c0c0c5;
        --bs-gray-500: #94a3b8;
        --bs-gray-600: #575757;
        --bs-gray-700: #071c4d;
        --bs-gray-800: #0b163f;
        --bs-gray-900: #010e2b;
        --bs-primary: #20a8d9;
        --bs-accent: #077765;
        --bs-secondary: #111010;
        --bs-success: #5cc9a7;
        --bs-info: #50b5ff;
        --bs-warning: #ffb116;
        --bs-danger: #f25767;
        --bs-light: #fff;
        --bs-dark: #0b163f;
        --bs-primary-rgb: 252, 0, 18;
        --bs-accent-rgb: 7, 119, 101;
        --bs-secondary-rgb: 17, 16, 16;
        --bs-success-rgb: 92, 201, 167;
        --bs-info-rgb: 80, 181, 255;
        --bs-warning-rgb: 255, 177, 22;
        --bs-danger-rgb: 242, 87, 103;
        --bs-light-rgb: 255, 255, 255;
        --bs-dark-rgb: 11, 22, 63;
        --bs-white-rgb: 255, 255, 255;
        --bs-black-rgb: 12, 8, 0;
        --bs-body-color-rgb: 87, 87, 87;
        --bs-body-bg-rgb: 255, 255, 255;
        --bs-font-sans-serif: "Plus Jakarta Sans", sans-serif;
        --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
        --bs-body-font-family: var(--bs-font-sans-serif);
        --bs-body-font-size: 1rem;
        --bs-body-font-weight: 400;
        --bs-body-line-height: 1.75;
        --bs-body-color: #575757;
        --bs-body-bg: #fff;
        --bs-border-width: 1px;
        --bs-border-style: solid;
        --bs-border-color: rgba(11, 22, 63, 0.07);
        --bs-border-color-translucent: rgba(12, 8, 0, 0.175);
        --bs-border-radius: 0.3125rem;
        --bs-border-radius-sm: 0.25rem;
        --bs-border-radius-lg: 0.4375rem;
        --bs-border-radius-xl: 1rem;
        --bs-border-radius-2xl: 2rem;
        --bs-border-radius-pill: 50rem;
        --bs-link-color: #20a8d9;
        --bs-link-hover-color: #c9000e;
        --bs-code-color: #d63384;
        --bs-highlight-bg: #fff3cd;
    }
    
    *,
    *::before,
    *::after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    body {
        margin: 0;
        font-family: var(--bs-body-font-family);
        font-size: var(--bs-body-font-size);
        font-weight: var(--bs-body-font-weight);
        line-height: var(--bs-body-line-height);
        color: var(--bs-body-color);
        text-align: var(--bs-body-text-align);
        background-color: var(--bs-body-bg);
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(12, 8, 0, 0);
    }
    
    hr {
        margin: 0 0;
        color: rgba(11, 22, 63, 0.07);
        border: 0;
        border-top: 1px solid;
        opacity: 1;
    }
    
    h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-top: 0;
        margin-bottom: 0.625rem;
        font-family: "Plus Jakarta Sans", sans-serif;
        font-weight: 700;
        line-height: 1.2;
        color: #0b163f;
    }
    
    h1,
    .h1 {
        font-size: calc(1.375rem + 1.5vw);
    }
    
    @media (min-width: 1200px) {
        h1,
        .h1 {
            font-size: 2.5rem;
        }
    }
    
    h2,
    .h2 {
        font-size: calc(1.325rem + 0.9vw);
    }
    
    @media (min-width: 1200px) {
        h2,
        .h2 {
            font-size: 2rem;
        }
    }
    
    h3,
    .h3 {
        font-size: calc(1.3rem + 0.6vw);
    }
    
    @media (min-width: 1200px) {
        h3,
        .h3 {
            font-size: 1.75rem;
        }
    }
    
    h4,
    .h4 {
        font-size: calc(1.275rem + 0.3vw);
    }
    
    @media (min-width: 1200px) {
        h4,
        .h4 {
            font-size: 1.5rem;
        }
    }
    
    h5,
    .h5 {
        font-size: 1.25rem;
    }
    
    h6,
    .h6 {
        font-size: 1.0625rem;
    }
    
    p {
        margin-top: 0;
        margin-bottom: 1rem;
    }
    
    abbr[title] {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
        cursor: help;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
    }
    
    address {
        margin-bottom: 1rem;
        font-style: normal;
        line-height: inherit;
    }
    
    ol,
    ul {
        padding-left: 2rem;
    }
    
    ol,
    ul,
    dl {
        margin-top: 0;
        margin-bottom: 1rem;
    }
    
    ol ol,
    ul ul,
    ol ul,
    ul ol {
        margin-bottom: 0;
    }
    
    dt {
        font-weight: 700;
    }
    
    dd {
        margin-bottom: 0.5rem;
        margin-left: 0;
    }
    
    blockquote {
        margin: 0 0 1rem;
    }
    
    b,
    strong {
        font-weight: bolder;
    }
    
    small,
    .small {
        font-size: 0.8em;
    }
    
    mark,
    .mark {
        padding: 0.1875em;
        background-color: var(--bs-highlight-bg);
    }
    
    sub,
    sup {
        position: relative;
        font-size: 0.75em;
        line-height: 0;
        vertical-align: baseline;
    }
    
    sub {
        bottom: -0.25em;
    }
    
    sup {
        top: -0.5em;
    }
    
    a {
        color: var(--bs-link-color);
        text-decoration: none;
    }
    
    a:hover {
        color: var(--bs-link-hover-color);
        text-decoration: none;
    }
    
    a:not([href]):not([class]),
    a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none;
    }
    
    pre,
    code,
    kbd,
    samp {
        font-family: var(--bs-font-monospace);
        font-size: 1em;
    }
    
    pre {
        display: block;
        margin-top: 0;
        margin-bottom: 1rem;
        overflow: auto;
        font-size: 0.8em;
    }
    
    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal;
    }
    
    code {
        font-size: 0.8em;
        color: var(--bs-code-color);
        word-wrap: break-word;
    }
    
    a>code {
        color: inherit;
    }
    
    kbd {
        padding: 0.1875rem 0.375rem;
        font-size: 0.8em;
        color: var(--bs-body-bg);
        background-color: var(--bs-body-color);
        border-radius: 0.25rem;
    }
    
    kbd kbd {
        padding: 0;
        font-size: 1em;
    }
    
    figure {
        margin: 0 0 1rem;
    }
    
    img,
    svg {
        vertical-align: middle;
    }
    
    table {
        caption-side: bottom;
        border-collapse: collapse;
    }
    
    caption {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        color: #94a3b8;
        text-align: left;
    }
    
    th {
        text-align: inherit;
        text-align: -webkit-match-parent;
    }
    
    thead,
    tbody,
    tfoot,
    tr,
    td,
    th {
        border-color: inherit;
        border-style: solid;
        border-width: 0;
    }
    
    label {
        display: inline-block;
    }
    
    button {
        border-radius: 0;
    }
    
    button:focus:not(:focus-visible) {
        outline: 0;
    }
    
    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
    }
    
    button,
    select {
        text-transform: none;
    }
    
    [role=button] {
        cursor: pointer;
    }
    
    select {
        word-wrap: normal;
    }
    
    select:disabled {
        opacity: 1;
    }
    
    [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
        display: none !important;
    }
    
    button,
    [type=button],
    [type=reset],
    [type=submit] {
        -webkit-appearance: button;
    }
    
    button:not(:disabled),
    [type=button]:not(:disabled),
    [type=reset]:not(:disabled),
    [type=submit]:not(:disabled) {
        cursor: pointer;
    }
    
     ::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }
    
    textarea {
        resize: vertical;
    }
    
    fieldset {
        min-width: 0;
        padding: 0;
        margin: 0;
        border: 0;
    }
    
    legend {
        float: left;
        width: 100%;
        padding: 0;
        margin-bottom: 0.5rem;
        font-size: calc(1.275rem + 0.3vw);
        line-height: inherit;
    }
    
    @media (min-width: 1200px) {
        legend {
            font-size: 1.5rem;
        }
    }
    
    legend+* {
        clear: left;
    }
    
     ::-webkit-datetime-edit-fields-wrapper,
     ::-webkit-datetime-edit-text,
     ::-webkit-datetime-edit-minute,
     ::-webkit-datetime-edit-hour-field,
     ::-webkit-datetime-edit-day-field,
     ::-webkit-datetime-edit-month-field,
     ::-webkit-datetime-edit-year-field {
        padding: 0;
    }
    
     ::-webkit-inner-spin-button {
        height: auto;
    }
    
    [type=search] {
        outline-offset: -2px;
        -webkit-appearance: textfield;
    }
    /* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
    
     ::-webkit-search-decoration {
        -webkit-appearance: none;
    }
    
     ::-webkit-color-swatch-wrapper {
        padding: 0;
    }
    
     ::file-selector-button {
        font: inherit;
        -webkit-appearance: button;
    }
    
    output {
        display: inline-block;
    }
    
    iframe {
        border: 0;
    }
    
    summary {
        display: list-item;
        cursor: pointer;
    }
    
    progress {
        vertical-align: baseline;
    }
    
    [hidden] {
        display: none !important;
    }
    
    .lead {
        font-size: 1.25rem;
        font-weight: 600;
    }
    
    .display-1 {
        font-size: calc(1.625rem + 4.5vw);
        font-weight: 700;
        line-height: 1.2;
    }
    
    @media (min-width: 1200px) {
        .display-1 {
            font-size: 5rem;
        }
    }
    
    .display-2 {
        font-size: calc(1.575rem + 3.9vw);
        font-weight: 700;
        line-height: 1.2;
    }
    
    @media (min-width: 1200px) {
        .display-2 {
            font-size: 4.5rem;
        }
    }
    
    .display-3 {
        font-size: calc(1.525rem + 3.3vw);
        font-weight: 700;
        line-height: 1.2;
    }
    
    @media (min-width: 1200px) {
        .display-3 {
            font-size: 4rem;
        }
    }
    
    .display-4 {
        font-size: calc(1.475rem + 2.7vw);
        font-weight: 700;
        line-height: 1.2;
    }
    
    @media (min-width: 1200px) {
        .display-4 {
            font-size: 3.5rem;
        }
    }
    
    .display-5 {
        font-size: calc(1.425rem + 2.1vw);
        font-weight: 700;
        line-height: 1.2;
    }
    
    @media (min-width: 1200px) {
        .display-5 {
            font-size: 3rem;
        }
    }
    
    .display-6 {
        font-size: calc(1.375rem + 1.5vw);
        font-weight: 700;
        line-height: 1.2;
    }
    
    @media (min-width: 1200px) {
        .display-6 {
            font-size: 2.5rem;
        }
    }
    
    .display-404 {
        font-size: calc(2.125rem + 10.5vw);
        font-weight: 700;
        line-height: 1.2;
    }
    
    @media (min-width: 1200px) {
        .display-404 {
            font-size: 10rem;
        }
    }
    
    .list-unstyled {
        padding-left: 0;
        list-style: none;
    }
    
    .list-inline {
        padding-left: 0;
        list-style: none;
    }
    
    .list-inline-item {
        display: inline-block;
    }
    
    .list-inline-item:not(:last-child) {
        margin-right: 0.5rem;
    }
    
    .initialism {
        font-size: 0.8em;
        text-transform: uppercase;
    }
    
    .blockquote {
        margin-bottom: 1rem;
        font-size: 1rem;
    }
    
    .blockquote> :last-child {
        margin-bottom: 0;
    }
    
    .blockquote-footer {
        margin-top: -1rem;
        margin-bottom: 1rem;
        font-size: 0.875rem;
        color: #575757;
    }
    
    .blockquote-footer::before {
        content: "— ";
    }
    
    .img-fluid {
        max-width: 100%;
        height: auto;
    }
    
    .img-thumbnail {
        padding: 0.25rem;
        background-color: #fff;
        border: 1px solid var(--bs-border-color);
        border-radius: 0.3125rem;
        max-width: 100%;
        height: auto;
    }
    
    .figure {
        display: inline-block;
    }
    
    .figure-img {
        margin-bottom: 0.5rem;
        line-height: 1;
    }
    
    .figure-caption {
        font-size: 0.8em;
        color: #575757;
    }
    
    .container,
    .container-fluid,
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-right: auto;
        margin-left: auto;
    }
    
    @media (min-width: 576px) {
        .container-sm,
        .container {
            max-width: 540px;
        }
    }
    
    @media (min-width: 768px) {
        .container-md,
        .container-sm,
        .container {
            max-width: 720px;
        }
    }
    
    @media (min-width: 992px) {
        .container-lg,
        .container-md,
        .container-sm,
        .container {
            max-width: 960px;
        }
    }
    
    @media (min-width: 1200px) {
        .container-xl,
        .container-lg,
        .container-md,
        .container-sm,
        .container {
            max-width: 1140px;
        }
    }
    
    @media (min-width: 1400px) {
        .container-xxl,
        .container-xl,
        .container-lg,
        .container-md,
        .container-sm,
        .container {
            max-width: 1320px;
        }
    }
    
    .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: calc(-0.5 * var(--bs-gutter-x));
        margin-left: calc(-0.5 * var(--bs-gutter-x));
    }
    
    .row>* {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-top: var(--bs-gutter-y);
    }
    
    .col {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }
    
    .row-cols-auto>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }
    
    .row-cols-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
    
    .row-cols-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    
    .row-cols-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    
    .row-cols-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    
    .row-cols-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }
    
    .row-cols-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    
    .col-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }
    
    .col-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    
    .col-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    
    .col-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    
    .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    
    .col-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    
    .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    
    .col-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    
    .col-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    
    .col-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }
    
    .col-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    
    .col-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    
    .col-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
    
    .offset-1 {
        margin-left: 8.33333333%;
    }
    
    .offset-2 {
        margin-left: 16.66666667%;
    }
    
    .offset-3 {
        margin-left: 25%;
    }
    
    .offset-4 {
        margin-left: 33.33333333%;
    }
    
    .offset-5 {
        margin-left: 41.66666667%;
    }
    
    .offset-6 {
        margin-left: 50%;
    }
    
    .offset-7 {
        margin-left: 58.33333333%;
    }
    
    .offset-8 {
        margin-left: 66.66666667%;
    }
    
    .offset-9 {
        margin-left: 75%;
    }
    
    .offset-10 {
        margin-left: 83.33333333%;
    }
    
    .offset-11 {
        margin-left: 91.66666667%;
    }
    
    .g-0,
    .gx-0 {
        --bs-gutter-x: 0;
    }
    
    .g-0,
    .gy-0 {
        --bs-gutter-y: 0;
    }
    
    .g-1,
    .gx-1 {
        --bs-gutter-x: 0.25rem;
    }
    
    .g-1,
    .gy-1 {
        --bs-gutter-y: 0.25rem;
    }
    
    .g-2,
    .gx-2 {
        --bs-gutter-x: 0.5rem;
    }
    
    .g-2,
    .gy-2 {
        --bs-gutter-y: 0.5rem;
    }
    
    .g-3,
    .gx-3 {
        --bs-gutter-x: 1rem;
    }
    
    .g-3,
    .gy-3 {
        --bs-gutter-y: 1rem;
    }
    
    .g-4,
    .gx-4 {
        --bs-gutter-x: 1.5rem;
    }
    
    .g-4,
    .gy-4 {
        --bs-gutter-y: 1.5rem;
    }
    
    .g-5,
    .gx-5 {
        --bs-gutter-x: 3rem;
    }
    
    .g-5,
    .gy-5 {
        --bs-gutter-y: 3rem;
    }
    
    .g-10,
    .gx-10 {
        --bs-gutter-x: 10rem;
    }
    
    .g-10,
    .gy-10 {
        --bs-gutter-y: 10rem;
    }
    
    .g-grid-gutter,
    .gx-grid-gutter {
        --bs-gutter-x: 1.5rem;
    }
    
    .g-grid-gutter,
    .gy-grid-gutter {
        --bs-gutter-y: 1.5rem;
    }
    
    @media (min-width: 576px) {
        .col-sm {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
        }
        .row-cols-sm-auto>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
        }
        .row-cols-sm-1>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 100%;
        }
        .row-cols-sm-2>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 50%;
        }
        .row-cols-sm-3>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 33.3333333333%;
        }
        .row-cols-sm-4>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 25%;
        }
        .row-cols-sm-5>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 20%;
        }
        .row-cols-sm-6>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 16.6666666667%;
        }
        .col-sm-auto {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
        }
        .col-sm-1 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 8.33333333%;
        }
        .col-sm-2 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 16.66666667%;
        }
        .col-sm-3 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 25%;
        }
        .col-sm-4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 33.33333333%;
        }
        .col-sm-5 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 41.66666667%;
        }
        .col-sm-6 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 50%;
        }
        .col-sm-7 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 58.33333333%;
        }
        .col-sm-8 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 66.66666667%;
        }
        .col-sm-9 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 75%;
        }
        .col-sm-10 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 83.33333333%;
        }
        .col-sm-11 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 91.66666667%;
        }
        .col-sm-12 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 100%;
        }
        .offset-sm-0 {
            margin-left: 0;
        }
        .offset-sm-1 {
            margin-left: 8.33333333%;
        }
        .offset-sm-2 {
            margin-left: 16.66666667%;
        }
        .offset-sm-3 {
            margin-left: 25%;
        }
        .offset-sm-4 {
            margin-left: 33.33333333%;
        }
        .offset-sm-5 {
            margin-left: 41.66666667%;
        }
        .offset-sm-6 {
            margin-left: 50%;
        }
        .offset-sm-7 {
            margin-left: 58.33333333%;
        }
        .offset-sm-8 {
            margin-left: 66.66666667%;
        }
        .offset-sm-9 {
            margin-left: 75%;
        }
        .offset-sm-10 {
            margin-left: 83.33333333%;
        }
        .offset-sm-11 {
            margin-left: 91.66666667%;
        }
        .g-sm-0,
        .gx-sm-0 {
            --bs-gutter-x: 0;
        }
        .g-sm-0,
        .gy-sm-0 {
            --bs-gutter-y: 0;
        }
        .g-sm-1,
        .gx-sm-1 {
            --bs-gutter-x: 0.25rem;
        }
        .g-sm-1,
        .gy-sm-1 {
            --bs-gutter-y: 0.25rem;
        }
        .g-sm-2,
        .gx-sm-2 {
            --bs-gutter-x: 0.5rem;
        }
        .g-sm-2,
        .gy-sm-2 {
            --bs-gutter-y: 0.5rem;
        }
        .g-sm-3,
        .gx-sm-3 {
            --bs-gutter-x: 1rem;
        }
        .g-sm-3,
        .gy-sm-3 {
            --bs-gutter-y: 1rem;
        }
        .g-sm-4,
        .gx-sm-4 {
            --bs-gutter-x: 1.5rem;
        }
        .g-sm-4,
        .gy-sm-4 {
            --bs-gutter-y: 1.5rem;
        }
        .g-sm-5,
        .gx-sm-5 {
            --bs-gutter-x: 3rem;
        }
        .g-sm-5,
        .gy-sm-5 {
            --bs-gutter-y: 3rem;
        }
        .g-sm-10,
        .gx-sm-10 {
            --bs-gutter-x: 10rem;
        }
        .g-sm-10,
        .gy-sm-10 {
            --bs-gutter-y: 10rem;
        }
        .g-sm-grid-gutter,
        .gx-sm-grid-gutter {
            --bs-gutter-x: 1.5rem;
        }
        .g-sm-grid-gutter,
        .gy-sm-grid-gutter {
            --bs-gutter-y: 1.5rem;
        }
    }
    
    @media (min-width: 768px) {
        .col-md {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
        }
        .row-cols-md-auto>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
        }
        .row-cols-md-1>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 100%;
        }
        .row-cols-md-2>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 50%;
        }
        .row-cols-md-3>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 33.3333333333%;
        }
        .row-cols-md-4>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 25%;
        }
        .row-cols-md-5>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 20%;
        }
        .row-cols-md-6>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 16.6666666667%;
        }
        .col-md-auto {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
        }
        .col-md-1 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 8.33333333%;
        }
        .col-md-2 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 16.66666667%;
        }
        .col-md-3 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 25%;
        }
        .col-md-4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 33.33333333%;
        }
        .col-md-5 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 41.66666667%;
        }
        .col-md-6 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 50%;
        }
        .col-md-7 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 58.33333333%;
        }
        .col-md-8 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 66.66666667%;
        }
        .col-md-9 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 75%;
        }
        .col-md-10 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 83.33333333%;
        }
        .col-md-11 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 91.66666667%;
        }
        .col-md-12 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 100%;
        }
        .offset-md-0 {
            margin-left: 0;
        }
        .offset-md-1 {
            margin-left: 8.33333333%;
        }
        .offset-md-2 {
            margin-left: 16.66666667%;
        }
        .offset-md-3 {
            margin-left: 25%;
        }
        .offset-md-4 {
            margin-left: 33.33333333%;
        }
        .offset-md-5 {
            margin-left: 41.66666667%;
        }
        .offset-md-6 {
            margin-left: 50%;
        }
        .offset-md-7 {
            margin-left: 58.33333333%;
        }
        .offset-md-8 {
            margin-left: 66.66666667%;
        }
        .offset-md-9 {
            margin-left: 75%;
        }
        .offset-md-10 {
            margin-left: 83.33333333%;
        }
        .offset-md-11 {
            margin-left: 91.66666667%;
        }
        .g-md-0,
        .gx-md-0 {
            --bs-gutter-x: 0;
        }
        .g-md-0,
        .gy-md-0 {
            --bs-gutter-y: 0;
        }
        .g-md-1,
        .gx-md-1 {
            --bs-gutter-x: 0.25rem;
        }
        .g-md-1,
        .gy-md-1 {
            --bs-gutter-y: 0.25rem;
        }
        .g-md-2,
        .gx-md-2 {
            --bs-gutter-x: 0.5rem;
        }
        .g-md-2,
        .gy-md-2 {
            --bs-gutter-y: 0.5rem;
        }
        .g-md-3,
        .gx-md-3 {
            --bs-gutter-x: 1rem;
        }
        .g-md-3,
        .gy-md-3 {
            --bs-gutter-y: 1rem;
        }
        .g-md-4,
        .gx-md-4 {
            --bs-gutter-x: 1.5rem;
        }
        .g-md-4,
        .gy-md-4 {
            --bs-gutter-y: 1.5rem;
        }
        .g-md-5,
        .gx-md-5 {
            --bs-gutter-x: 3rem;
        }
        .g-md-5,
        .gy-md-5 {
            --bs-gutter-y: 3rem;
        }
        .g-md-10,
        .gx-md-10 {
            --bs-gutter-x: 10rem;
        }
        .g-md-10,
        .gy-md-10 {
            --bs-gutter-y: 10rem;
        }
        .g-md-grid-gutter,
        .gx-md-grid-gutter {
            --bs-gutter-x: 1.5rem;
        }
        .g-md-grid-gutter,
        .gy-md-grid-gutter {
            --bs-gutter-y: 1.5rem;
        }
    }
    
    @media (min-width: 992px) {
        .col-lg {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
        }
        .row-cols-lg-auto>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
        }
        .row-cols-lg-1>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 100%;
        }
        .row-cols-lg-2>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 50%;
        }
        .row-cols-lg-3>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 33.3333333333%;
        }
        .row-cols-lg-4>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 25%;
        }
        .row-cols-lg-5>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 20%;
        }
        .row-cols-lg-6>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 16.6666666667%;
        }
        .col-lg-auto {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
        }
        .col-lg-1 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 8.33333333%;
        }
        .col-lg-2 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 16.66666667%;
        }
        .col-lg-3 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 25%;
        }
        .col-lg-4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 33.33333333%;
        }
        .col-lg-5 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 41.66666667%;
        }
        .col-lg-6 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 50%;
        }
        .col-lg-7 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 58.33333333%;
        }
        .col-lg-8 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 66.66666667%;
        }
        .col-lg-9 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 75%;
        }
        .col-lg-10 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 83.33333333%;
        }
        .col-lg-11 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 91.66666667%;
        }
        .col-lg-12 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 100%;
        }
        .offset-lg-0 {
            margin-left: 0;
        }
        .offset-lg-1 {
            margin-left: 8.33333333%;
        }
        .offset-lg-2 {
            margin-left: 16.66666667%;
        }
        .offset-lg-3 {
            margin-left: 25%;
        }
        .offset-lg-4 {
            margin-left: 33.33333333%;
        }
        .offset-lg-5 {
            margin-left: 41.66666667%;
        }
        .offset-lg-6 {
            margin-left: 50%;
        }
        .offset-lg-7 {
            margin-left: 58.33333333%;
        }
        .offset-lg-8 {
            margin-left: 66.66666667%;
        }
        .offset-lg-9 {
            margin-left: 75%;
        }
        .offset-lg-10 {
            margin-left: 83.33333333%;
        }
        .offset-lg-11 {
            margin-left: 91.66666667%;
        }
        .g-lg-0,
        .gx-lg-0 {
            --bs-gutter-x: 0;
        }
        .g-lg-0,
        .gy-lg-0 {
            --bs-gutter-y: 0;
        }
        .g-lg-1,
        .gx-lg-1 {
            --bs-gutter-x: 0.25rem;
        }
        .g-lg-1,
        .gy-lg-1 {
            --bs-gutter-y: 0.25rem;
        }
        .g-lg-2,
        .gx-lg-2 {
            --bs-gutter-x: 0.5rem;
        }
        .g-lg-2,
        .gy-lg-2 {
            --bs-gutter-y: 0.5rem;
        }
        .g-lg-3,
        .gx-lg-3 {
            --bs-gutter-x: 1rem;
        }
        .g-lg-3,
        .gy-lg-3 {
            --bs-gutter-y: 1rem;
        }
        .g-lg-4,
        .gx-lg-4 {
            --bs-gutter-x: 1.5rem;
        }
        .g-lg-4,
        .gy-lg-4 {
            --bs-gutter-y: 1.5rem;
        }
        .g-lg-5,
        .gx-lg-5 {
            --bs-gutter-x: 3rem;
        }
        .g-lg-5,
        .gy-lg-5 {
            --bs-gutter-y: 3rem;
        }
        .g-lg-10,
        .gx-lg-10 {
            --bs-gutter-x: 10rem;
        }
        .g-lg-10,
        .gy-lg-10 {
            --bs-gutter-y: 10rem;
        }
        .g-lg-grid-gutter,
        .gx-lg-grid-gutter {
            --bs-gutter-x: 1.5rem;
        }
        .g-lg-grid-gutter,
        .gy-lg-grid-gutter {
            --bs-gutter-y: 1.5rem;
        }
    }
    
    @media (min-width: 1200px) {
        .col-xl {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
        }
        .row-cols-xl-auto>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
        }
        .row-cols-xl-1>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 100%;
        }
        .row-cols-xl-2>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 50%;
        }
        .row-cols-xl-3>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 33.3333333333%;
        }
        .row-cols-xl-4>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 25%;
        }
        .row-cols-xl-5>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 20%;
        }
        .row-cols-xl-6>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 16.6666666667%;
        }
        .col-xl-auto {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
        }
        .col-xl-1 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 8.33333333%;
        }
        .col-xl-2 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 16.66666667%;
        }
        .col-xl-3 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 25%;
        }
        .col-xl-4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 33.33333333%;
        }
        .col-xl-5 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 41.66666667%;
        }
        .col-xl-6 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 50%;
        }
        .col-xl-7 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 58.33333333%;
        }
        .col-xl-8 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 66.66666667%;
        }
        .col-xl-9 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 75%;
        }
        .col-xl-10 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 83.33333333%;
        }
        .col-xl-11 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 91.66666667%;
        }
        .col-xl-12 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 100%;
        }
        .offset-xl-0 {
            margin-left: 0;
        }
        .offset-xl-1 {
            margin-left: 8.33333333%;
        }
        .offset-xl-2 {
            margin-left: 16.66666667%;
        }
        .offset-xl-3 {
            margin-left: 25%;
        }
        .offset-xl-4 {
            margin-left: 33.33333333%;
        }
        .offset-xl-5 {
            margin-left: 41.66666667%;
        }
        .offset-xl-6 {
            margin-left: 50%;
        }
        .offset-xl-7 {
            margin-left: 58.33333333%;
        }
        .offset-xl-8 {
            margin-left: 66.66666667%;
        }
        .offset-xl-9 {
            margin-left: 75%;
        }
        .offset-xl-10 {
            margin-left: 83.33333333%;
        }
        .offset-xl-11 {
            margin-left: 91.66666667%;
        }
        .g-xl-0,
        .gx-xl-0 {
            --bs-gutter-x: 0;
        }
        .g-xl-0,
        .gy-xl-0 {
            --bs-gutter-y: 0;
        }
        .g-xl-1,
        .gx-xl-1 {
            --bs-gutter-x: 0.25rem;
        }
        .g-xl-1,
        .gy-xl-1 {
            --bs-gutter-y: 0.25rem;
        }
        .g-xl-2,
        .gx-xl-2 {
            --bs-gutter-x: 0.5rem;
        }
        .g-xl-2,
        .gy-xl-2 {
            --bs-gutter-y: 0.5rem;
        }
        .g-xl-3,
        .gx-xl-3 {
            --bs-gutter-x: 1rem;
        }
        .g-xl-3,
        .gy-xl-3 {
            --bs-gutter-y: 1rem;
        }
        .g-xl-4,
        .gx-xl-4 {
            --bs-gutter-x: 1.5rem;
        }
        .g-xl-4,
        .gy-xl-4 {
            --bs-gutter-y: 1.5rem;
        }
        .g-xl-5,
        .gx-xl-5 {
            --bs-gutter-x: 3rem;
        }
        .g-xl-5,
        .gy-xl-5 {
            --bs-gutter-y: 3rem;
        }
        .g-xl-10,
        .gx-xl-10 {
            --bs-gutter-x: 10rem;
        }
        .g-xl-10,
        .gy-xl-10 {
            --bs-gutter-y: 10rem;
        }
        .g-xl-grid-gutter,
        .gx-xl-grid-gutter {
            --bs-gutter-x: 1.5rem;
        }
        .g-xl-grid-gutter,
        .gy-xl-grid-gutter {
            --bs-gutter-y: 1.5rem;
        }
    }
    
    @media (min-width: 1400px) {
        .col-xxl {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
        }
        .row-cols-xxl-auto>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
        }
        .row-cols-xxl-1>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 100%;
        }
        .row-cols-xxl-2>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 50%;
        }
        .row-cols-xxl-3>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 33.3333333333%;
        }
        .row-cols-xxl-4>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 25%;
        }
        .row-cols-xxl-5>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 20%;
        }
        .row-cols-xxl-6>* {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 16.6666666667%;
        }
        .col-xxl-auto {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
        }
        .col-xxl-1 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 8.33333333%;
        }
        .col-xxl-2 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 16.66666667%;
        }
        .col-xxl-3 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 25%;
        }
        .col-xxl-4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 33.33333333%;
        }
        .col-xxl-5 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 41.66666667%;
        }
        .col-xxl-6 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 50%;
        }
        .col-xxl-7 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 58.33333333%;
        }
        .col-xxl-8 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 66.66666667%;
        }
        .col-xxl-9 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 75%;
        }
        .col-xxl-10 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 83.33333333%;
        }
        .col-xxl-11 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 91.66666667%;
        }
        .col-xxl-12 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 100%;
        }
        .offset-xxl-0 {
            margin-left: 0;
        }
        .offset-xxl-1 {
            margin-left: 8.33333333%;
        }
        .offset-xxl-2 {
            margin-left: 16.66666667%;
        }
        .offset-xxl-3 {
            margin-left: 25%;
        }
        .offset-xxl-4 {
            margin-left: 33.33333333%;
        }
        .offset-xxl-5 {
            margin-left: 41.66666667%;
        }
        .offset-xxl-6 {
            margin-left: 50%;
        }
        .offset-xxl-7 {
            margin-left: 58.33333333%;
        }
        .offset-xxl-8 {
            margin-left: 66.66666667%;
        }
        .offset-xxl-9 {
            margin-left: 75%;
        }
        .offset-xxl-10 {
            margin-left: 83.33333333%;
        }
        .offset-xxl-11 {
            margin-left: 91.66666667%;
        }
        .g-xxl-0,
        .gx-xxl-0 {
            --bs-gutter-x: 0;
        }
        .g-xxl-0,
        .gy-xxl-0 {
            --bs-gutter-y: 0;
        }
        .g-xxl-1,
        .gx-xxl-1 {
            --bs-gutter-x: 0.25rem;
        }
        .g-xxl-1,
        .gy-xxl-1 {
            --bs-gutter-y: 0.25rem;
        }
        .g-xxl-2,
        .gx-xxl-2 {
            --bs-gutter-x: 0.5rem;
        }
        .g-xxl-2,
        .gy-xxl-2 {
            --bs-gutter-y: 0.5rem;
        }
        .g-xxl-3,
        .gx-xxl-3 {
            --bs-gutter-x: 1rem;
        }
        .g-xxl-3,
        .gy-xxl-3 {
            --bs-gutter-y: 1rem;
        }
        .g-xxl-4,
        .gx-xxl-4 {
            --bs-gutter-x: 1.5rem;
        }
        .g-xxl-4,
        .gy-xxl-4 {
            --bs-gutter-y: 1.5rem;
        }
        .g-xxl-5,
        .gx-xxl-5 {
            --bs-gutter-x: 3rem;
        }
        .g-xxl-5,
        .gy-xxl-5 {
            --bs-gutter-y: 3rem;
        }
        .g-xxl-10,
        .gx-xxl-10 {
            --bs-gutter-x: 10rem;
        }
        .g-xxl-10,
        .gy-xxl-10 {
            --bs-gutter-y: 10rem;
        }
        .g-xxl-grid-gutter,
        .gx-xxl-grid-gutter {
            --bs-gutter-x: 1.5rem;
        }
        .g-xxl-grid-gutter,
        .gy-xxl-grid-gutter {
            --bs-gutter-y: 1.5rem;
        }
    }
    
    .table {
        --bs-table-color: var(--bs-body-color);
        --bs-table-bg: transparent;
        --bs-table-border-color: var(--bs-border-color);
        --bs-table-accent-bg: transparent;
        --bs-table-striped-color: var(--bs-body-color);
        --bs-table-striped-bg: rgba(12, 8, 0, 0.05);
        --bs-table-active-color: var(--bs-body-color);
        --bs-table-active-bg: rgba(12, 8, 0, 0.1);
        --bs-table-hover-color: var(--bs-body-color);
        --bs-table-hover-bg: rgba(12, 8, 0, 0.075);
        width: 100%;
        margin-bottom: 1rem;
        color: var(--bs-table-color);
        vertical-align: top;
        border-color: var(--bs-table-border-color);
    }
    
    .table> :not(caption)>*>* {
        padding: 0.5rem 0.5rem;
        background-color: var(--bs-table-bg);
        border-bottom-width: 1px;
        -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    }
    
    .table>tbody {
        vertical-align: inherit;
    }
    
    .table>thead {
        vertical-align: bottom;
    }
    
    .table-group-divider {
        border-top: 2px solid currentcolor;
    }
    
    .caption-top {
        caption-side: top;
    }
    
    .table-sm> :not(caption)>*>* {
        padding: 0.25rem 0.25rem;
    }
    
    .table-bordered> :not(caption)>* {
        border-width: 1px 0;
    }
    
    .table-bordered> :not(caption)>*>* {
        border-width: 0 1px;
    }
    
    .table-borderless> :not(caption)>*>* {
        border-bottom-width: 0;
    }
    
    .table-borderless> :not(:first-child) {
        border-top-width: 0;
    }
    
    .table-striped>tbody>tr:nth-of-type(odd)>* {
        --bs-table-accent-bg: var(--bs-table-striped-bg);
        color: var(--bs-table-striped-color);
    }
    
    .table-striped-columns> :not(caption)>tr> :nth-child(even) {
        --bs-table-accent-bg: var(--bs-table-striped-bg);
        color: var(--bs-table-striped-color);
    }
    
    .table-active {
        --bs-table-accent-bg: var(--bs-table-active-bg);
        color: var(--bs-table-active-color);
    }
    
    .table-hover>tbody>tr:hover>* {
        --bs-table-accent-bg: var(--bs-table-hover-bg);
        color: var(--bs-table-hover-color);
    }
    
    .table-primary {
        --bs-table-color: #0c0800;
        --bs-table-bg: #feccd0;
        --bs-table-border-color: #e6b8bb;
        --bs-table-striped-bg: #f2c2c6;
        --bs-table-striped-color: #0c0800;
        --bs-table-active-bg: #e6b8bb;
        --bs-table-active-color: #0c0800;
        --bs-table-hover-bg: #ecbdc0;
        --bs-table-hover-color: #0c0800;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
    }
    
    .table-secondary {
        --bs-table-color: #0c0800;
        --bs-table-bg: #cfcfcf;
        --bs-table-border-color: #bcbbba;
        --bs-table-striped-bg: #c5c5c5;
        --bs-table-striped-color: #0c0800;
        --bs-table-active-bg: #bcbbba;
        --bs-table-active-color: #0c0800;
        --bs-table-hover-bg: #c0c0bf;
        --bs-table-hover-color: #0c0800;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
    }
    
    .table-success {
        --bs-table-color: #0c0800;
        --bs-table-bg: #def4ed;
        --bs-table-border-color: #c9dcd5;
        --bs-table-striped-bg: #d4e8e1;
        --bs-table-striped-color: #0c0800;
        --bs-table-active-bg: #c9dcd5;
        --bs-table-active-color: #0c0800;
        --bs-table-hover-bg: #cee2db;
        --bs-table-hover-color: #0c0800;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
    }
    
    .table-info {
        --bs-table-color: #0c0800;
        --bs-table-bg: #dcf0ff;
        --bs-table-border-color: #c7d9e6;
        --bs-table-striped-bg: #d2e4f2;
        --bs-table-striped-color: #0c0800;
        --bs-table-active-bg: #c7d9e6;
        --bs-table-active-color: #0c0800;
        --bs-table-hover-bg: #ccdfec;
        --bs-table-hover-color: #0c0800;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
    }
    
    .table-warning {
        --bs-table-color: #0c0800;
        --bs-table-bg: #ffefd0;
        --bs-table-border-color: #e7d8bb;
        --bs-table-striped-bg: #f3e3c6;
        --bs-table-striped-color: #0c0800;
        --bs-table-active-bg: #e7d8bb;
        --bs-table-active-color: #0c0800;
        --bs-table-hover-bg: #eddec0;
        --bs-table-hover-color: #0c0800;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
    }
    
    .table-danger {
        --bs-table-color: #0c0800;
        --bs-table-bg: #fcdde1;
        --bs-table-border-color: #e4c8cb;
        --bs-table-striped-bg: #f0d2d6;
        --bs-table-striped-color: #0c0800;
        --bs-table-active-bg: #e4c8cb;
        --bs-table-active-color: #0c0800;
        --bs-table-hover-bg: #eacdd0;
        --bs-table-hover-color: #0c0800;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
    }
    
    .table-light {
        --bs-table-color: #0c0800;
        --bs-table-bg: #fff;
        --bs-table-border-color: #e7e6e6;
        --bs-table-striped-bg: #f3f3f2;
        --bs-table-striped-color: #0c0800;
        --bs-table-active-bg: #e7e6e6;
        --bs-table-active-color: #0c0800;
        --bs-table-hover-bg: #edecec;
        --bs-table-hover-color: #0c0800;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
    }
    
    .table-dark {
        --bs-table-color: #fff;
        --bs-table-bg: #0b163f;
        --bs-table-border-color: #232d52;
        --bs-table-striped-bg: #172249;
        --bs-table-striped-color: #fff;
        --bs-table-active-bg: #232d52;
        --bs-table-active-color: #fff;
        --bs-table-hover-bg: #1d274d;
        --bs-table-hover-color: #fff;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
    }
    
    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    @media (max-width: 575.98px) {
        .table-responsive-sm {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
    }
    
    @media (max-width: 767.98px) {
        .table-responsive-md {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
    }
    
    @media (max-width: 991.98px) {
        .table-responsive-lg {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
    }
    
    @media (max-width: 1199.98px) {
        .table-responsive-xl {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
    }
    
    @media (max-width: 1399.98px) {
        .table-responsive-xxl {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
    }
    
    .form-label {
        margin-bottom: 0.5rem;
    }
    
    .col-form-label {
        padding-top: calc(0.65rem + 1px);
        padding-bottom: calc(0.65rem + 1px);
        margin-bottom: 0;
        font-size: inherit;
        line-height: 1.75;
    }
    
    .col-form-label-lg {
        padding-top: calc(0.75rem + 1px);
        padding-bottom: calc(0.75rem + 1px);
        font-size: 1.0625rem;
    }
    
    .col-form-label-sm {
        padding-top: calc(0.425rem + 1px);
        padding-bottom: calc(0.425rem + 1px);
        font-size: 0.8125rem;
    }
    
    .form-text {
        margin-top: 0.25rem;
        font-size: 0.8em;
        color: #94a3b8;
    }
    
    .form-control {
        display: block;
        width: 100%;
        padding: 0.65rem 1rem;
        font-size: 0.9375rem;
        font-weight: 400;
        line-height: 1.75;
        color: #575757;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(11, 22, 63, 0.07);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0.375rem;
        -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .form-control {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .form-control[type=file] {
        overflow: hidden;
    }
    
    .form-control[type=file]:not(:disabled):not([readonly]) {
        cursor: pointer;
    }
    
    .form-control:focus {
        color: #575757;
        background-color: #fff;
        border-color: #20a8d9;
        outline: 0;
        -webkit-box-shadow: 0 0 0 0 rgba(252, 0, 18, 0.25);
        box-shadow: 0 0 0 0 rgba(252, 0, 18, 0.25);
    }
    
    .form-control::-webkit-date-and-time-value {
        height: 1.75em;
    }
    
    .form-control::-webkit-input-placeholder {
        color: #575757;
        opacity: 1;
    }
    
    .form-control::-moz-placeholder {
        color: #575757;
        opacity: 1;
    }
    
    .form-control:-ms-input-placeholder {
        color: #575757;
        opacity: 1;
    }
    
    .form-control::-ms-input-placeholder {
        color: #575757;
        opacity: 1;
    }
    
    .form-control::placeholder {
        color: #575757;
        opacity: 1;
    }
    
    .form-control:disabled {
        background-color: #f8f9fa;
        opacity: 1;
    }
    
    .form-control::file-selector-button {
        padding: 0.65rem 1rem;
        margin: -0.65rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem;
        color: #575757;
        background-color: #f8f9fa;
        pointer-events: none;
        border-color: inherit;
        border-style: solid;
        border-width: 0;
        border-inline-end-width: 1px;
        border-radius: 0;
        -webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
        transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
        transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.2s ease-in-out;
        transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .form-control::file-selector-button {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
        background-color: #ecedee;
    }
    
    .form-control-plaintext {
        display: block;
        width: 100%;
        padding: 0.65rem 0;
        margin-bottom: 0;
        line-height: 1.75;
        color: #575757;
        background-color: transparent;
        border: solid transparent;
        border-width: 1px 0;
    }
    
    .form-control-plaintext:focus {
        outline: 0;
    }
    
    .form-control-plaintext.form-control-sm,
    .form-control-plaintext.form-control-lg {
        padding-right: 0;
        padding-left: 0;
    }
    
    .form-control-sm {
        min-height: calc(1.75em + 0.85rem + 2px);
        padding: 0.425rem 0.75rem;
        font-size: 0.8125rem;
        border-radius: 0.25rem;
    }
    
    .form-control-sm::file-selector-button {
        padding: 0.425rem 0.75rem;
        margin: -0.425rem -0.75rem;
        -webkit-margin-end: 0.75rem;
        margin-inline-end: 0.75rem;
    }
    
    .form-control-lg {
        min-height: calc(1.75em + 1.5rem + 2px);
        padding: 0.75rem 1.25rem;
        font-size: 1.0625rem;
        border-radius: 0.4375rem;
    }
    
    .form-control-lg::file-selector-button {
        padding: 0.75rem 1.25rem;
        margin: -0.75rem -1.25rem;
        -webkit-margin-end: 1.25rem;
        margin-inline-end: 1.25rem;
    }
    
    textarea.form-control {
        min-height: calc(1.75em + 1.3rem + 2px);
    }
    
    textarea.form-control-sm {
        min-height: calc(1.75em + 0.85rem + 2px);
    }
    
    textarea.form-control-lg {
        min-height: calc(1.75em + 1.5rem + 2px);
    }
    
    .form-control-color {
        width: 3rem;
        height: calc(1.75em + 1.3rem + 2px);
        padding: 0.65rem;
    }
    
    .form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer;
    }
    
    .form-control-color::-moz-color-swatch {
        border: 0 !important;
        border-radius: 0.375rem;
    }
    
    .form-control-color::-webkit-color-swatch {
        border-radius: 0.375rem;
    }
    
    .form-control-color.form-control-sm {
        height: calc(1.75em + 0.85rem + 2px);
    }
    
    .form-control-color.form-control-lg {
        height: calc(1.75em + 1.5rem + 2px);
    }
    
    .form-select {
        display: block;
        width: 100%;
        padding: 0.65rem 3rem 0.65rem 1rem;
        -moz-padding-start: calc(1rem - 3px);
        font-size: 0.9375rem;
        font-weight: 400;
        line-height: 1.75;
        color: #575757;
        background-color: #fff;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23c0c0c5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 1rem center;
        background-size: 16px 12px;
        border: 1px solid rgba(11, 22, 63, 0.07);
        border-radius: 0.375rem;
        -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .form-select {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .form-select:focus {
        border-color: #20a8d9;
        outline: 0;
        -webkit-box-shadow: 0 0 0 0 rgba(252, 0, 18, 0.25);
        box-shadow: 0 0 0 0 rgba(252, 0, 18, 0.25);
    }
    
    .form-select[multiple],
    .form-select[size]:not([size="1"]) {
        padding-right: 1rem;
        background-image: none;
    }
    
    .form-select:disabled {
        background-color: #f8f9fa;
    }
    
    .form-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #575757;
    }
    
    .form-select-sm {
        padding-top: 0.425rem;
        padding-bottom: 0.425rem;
        padding-left: 0.75rem;
        font-size: 0.8125rem;
        border-radius: 0.25rem;
    }
    
    .form-select-lg {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        padding-left: 1.25rem;
        font-size: 1.0625rem;
        border-radius: 0.4375rem;
    }
    
    .form-check {
        display: block;
        min-height: 1.75rem;
        padding-left: 1.5em;
        margin-bottom: 0.125rem;
    }
    
    .form-check .form-check-input {
        float: left;
        margin-left: -1.5em;
    }
    
    .form-check-reverse {
        padding-right: 1.5em;
        padding-left: 0;
        text-align: right;
    }
    
    .form-check-reverse .form-check-input {
        float: right;
        margin-right: -1.5em;
        margin-left: 0;
    }
    
    .form-check-input {
        width: 1em;
        height: 1em;
        margin-top: 0.375em;
        vertical-align: top;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        border: 1px solid rgba(12, 8, 0, 0.25);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        print-color-adjust: exact;
    }
    
    .form-check-input[type=checkbox] {
        border-radius: 0.25em;
    }
    
    .form-check-input[type=radio] {
        border-radius: 50%;
    }
    
    .form-check-input:active {
        -webkit-filter: brightness(90%);
        filter: brightness(90%);
    }
    
    .form-check-input:focus {
        border-color: #20a8d9;
        outline: 0;
        -webkit-box-shadow: 0 0 0 0 rgba(252, 0, 18, 0.25);
        box-shadow: 0 0 0 0 rgba(252, 0, 18, 0.25);
    }
    
    .form-check-input:checked {
        background-color: #20a8d9;
        border-color: #20a8d9;
    }
    
    .form-check-input:checked[type=checkbox] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    }
    
    .form-check-input:checked[type=radio] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
    }
    
    .form-check-input[type=checkbox]:indeterminate {
        background-color: #20a8d9;
        border-color: #20a8d9;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
    }
    
    .form-check-input:disabled {
        pointer-events: none;
        -webkit-filter: none;
        filter: none;
        opacity: 0.5;
    }
    
    .form-check-input[disabled]~.form-check-label,
    .form-check-input:disabled~.form-check-label {
        cursor: default;
        opacity: 0.5;
    }
    
    .form-switch {
        padding-left: 2.5em;
    }
    
    .form-switch .form-check-input {
        width: 2em;
        margin-left: -2.5em;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2812, 8, 0, 0.25%29'/%3e%3c/svg%3e");
        background-position: left center;
        border-radius: 2em;
        -webkit-transition: background-position 0.15s ease-in-out;
        transition: background-position 0.15s ease-in-out;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .form-switch .form-check-input {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .form-switch .form-check-input:focus {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FC0012'/%3e%3c/svg%3e");
    }
    
    .form-switch .form-check-input:checked {
        background-position: right center;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    }
    
    .form-switch.form-check-reverse {
        padding-right: 2.5em;
        padding-left: 0;
    }
    
    .form-switch.form-check-reverse .form-check-input {
        margin-right: -2.5em;
        margin-left: 0;
    }
    
    .form-check-inline {
        display: inline-block;
        margin-right: 1rem;
    }
    
    .btn-check {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
    }
    
    .btn-check[disabled]+.btn,
    .btn-check:disabled+.btn {
        pointer-events: none;
        -webkit-filter: none;
        filter: none;
        opacity: 0.65;
    }
    
    .form-range {
        width: 100%;
        height: 1rem;
        padding: 0;
        background-color: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    
    .form-range:focus {
        outline: 0;
    }
    
    .form-range:focus::-webkit-slider-thumb {
        -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(252, 0, 18, 0.25);
        box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(252, 0, 18, 0.25);
    }
    
    .form-range:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(252, 0, 18, 0.25);
    }
    
    .form-range::-moz-focus-outer {
        border: 0;
    }
    
    .form-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        background-color: #20a8d9;
        border: 0;
        border-radius: 1rem;
        -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        -webkit-appearance: none;
        appearance: none;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .form-range::-webkit-slider-thumb {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .form-range::-webkit-slider-thumb:active {
        background-color: #feb3b8;
    }
    
    .form-range::-webkit-slider-runnable-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: #e2e8f0;
        border-color: transparent;
        border-radius: 1rem;
    }
    
    .form-range::-moz-range-thumb {
        width: 1rem;
        height: 1rem;
        background-color: #20a8d9;
        border: 0;
        border-radius: 1rem;
        -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -moz-appearance: none;
        appearance: none;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .form-range::-moz-range-thumb {
            -moz-transition: none;
            transition: none;
        }
    }
    
    .form-range::-moz-range-thumb:active {
        background-color: #feb3b8;
    }
    
    .form-range::-moz-range-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: #e2e8f0;
        border-color: transparent;
        border-radius: 1rem;
    }
    
    .form-range:disabled {
        pointer-events: none;
    }
    
    .form-range:disabled::-webkit-slider-thumb {
        background-color: #94a3b8;
    }
    
    .form-range:disabled::-moz-range-thumb {
        background-color: #94a3b8;
    }
    
    .form-floating {
        position: relative;
    }
    
    .form-floating>.form-control,
    .form-floating>.form-control-plaintext,
    .form-floating>.form-select {
        height: calc(3.5rem + 2px);
        line-height: 1.25;
    }
    
    .form-floating>label {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 1rem 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
        border: 1px solid transparent;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
        transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
        transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
        transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .form-floating>label {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .form-floating>.form-control,
    .form-floating>.form-control-plaintext {
        padding: 1rem 1rem;
    }
    
    .form-floating>.form-control::-webkit-input-placeholder,
    .form-floating>.form-control-plaintext::-webkit-input-placeholder {
        color: transparent;
    }
    
    .form-floating>.form-control::-moz-placeholder,
    .form-floating>.form-control-plaintext::-moz-placeholder {
        color: transparent;
    }
    
    .form-floating>.form-control:-ms-input-placeholder,
    .form-floating>.form-control-plaintext:-ms-input-placeholder {
        color: transparent;
    }
    
    .form-floating>.form-control::-ms-input-placeholder,
    .form-floating>.form-control-plaintext::-ms-input-placeholder {
        color: transparent;
    }
    
    .form-floating>.form-control::placeholder,
    .form-floating>.form-control-plaintext::placeholder {
        color: transparent;
    }
    
    .form-floating>.form-control:not(:-moz-placeholder-shown),
    .form-floating>.form-control-plaintext:not(:-moz-placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }
    
    .form-floating>.form-control:not(:-ms-input-placeholder),
    .form-floating>.form-control-plaintext:not(:-ms-input-placeholder) {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }
    
    .form-floating>.form-control:focus,
    .form-floating>.form-control:not(:placeholder-shown),
    .form-floating>.form-control-plaintext:focus,
    .form-floating>.form-control-plaintext:not(:placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }
    
    .form-floating>.form-control:-webkit-autofill,
    .form-floating>.form-control-plaintext:-webkit-autofill {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }
    
    .form-floating>.form-select {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }
    
    .form-floating>.form-control:not(:-moz-placeholder-shown)~label {
        opacity: 0.65;
        transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    }
    
    .form-floating>.form-control:not(:-ms-input-placeholder)~label {
        opacity: 0.65;
        transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    }
    
    .form-floating>.form-control:focus~label,
    .form-floating>.form-control:not(:placeholder-shown)~label,
    .form-floating>.form-control-plaintext~label,
    .form-floating>.form-select~label {
        opacity: 0.65;
        -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
        transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    }
    
    .form-floating>.form-control:-webkit-autofill~label {
        opacity: 0.65;
        -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
        transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    }
    
    .form-floating>.form-control-plaintext~label {
        border-width: 1px 0;
    }
    
    .input-group {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100%;
    }
    
    .input-group>.form-control,
    .input-group>.form-select,
    .input-group>.form-floating {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
    }
    
    .input-group>.form-control:focus,
    .input-group>.form-select:focus,
    .input-group>.form-floating:focus-within {
        z-index: 3;
    }
    
    .input-group .btn {
        position: relative;
        z-index: 2;
    }
    
    .input-group .btn:focus {
        z-index: 3;
    }
    
    .input-group-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0.65rem 1rem;
        font-size: 0.9375rem;
        font-weight: 400;
        line-height: 1.75;
        color: #575757;
        text-align: center;
        white-space: nowrap;
        background-color: #f8f9fa;
        border: 1px solid rgba(11, 22, 63, 0.07);
        border-radius: 0.375rem;
    }
    
    .input-group-lg>.form-control,
    .input-group-lg>.form-select,
    .input-group-lg>.input-group-text,
    .input-group-lg>.btn {
        padding: 0.75rem 1.25rem;
        font-size: 1.0625rem;
        border-radius: 0.4375rem;
    }
    
    .input-group-sm>.form-control,
    .input-group-sm>.form-select,
    .input-group-sm>.input-group-text,
    .input-group-sm>.btn {
        padding: 0.425rem 0.75rem;
        font-size: 0.8125rem;
        border-radius: 0.25rem;
    }
    
    .input-group-lg>.form-select,
    .input-group-sm>.form-select {
        padding-right: 4rem;
    }
    
    .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
    .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
    .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
    .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    
    .input-group.has-validation> :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
    .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
    .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
    .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    
    .input-group> :not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),
    .input-group>.form-floating:not(:first-child)>.form-control,
    .input-group>.form-floating:not(:first-child)>.form-select {
        margin-left: -1px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    
    .valid-feedback {
        display: none;
        width: 100%;
        margin-top: 0.25rem;
        font-size: 0.8em;
        color: #5cc9a7;
    }
    
    .valid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: 0.25rem 0.5rem;
        margin-top: 0.1rem;
        font-size: 0.875rem;
        color: #0c0800;
        background-color: rgba(92, 201, 167, 0.9);
        border-radius: 0.3125rem;
    }
    
    .was-validated :valid~.valid-feedback,
    .was-validated :valid~.valid-tooltip,
    .is-valid~.valid-feedback,
    .is-valid~.valid-tooltip {
        display: block;
    }
    
    .was-validated .form-control:valid,
    .form-control.is-valid {
        border-color: #5cc9a7;
        padding-right: calc(1.75em + 1.3rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235cc9a7' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right calc(0.4375em + 0.325rem) center;
        background-size: calc(0.875em + 0.65rem) calc(0.875em + 0.65rem);
    }
    
    .was-validated .form-control:valid:focus,
    .form-control.is-valid:focus {
        border-color: #5cc9a7;
        -webkit-box-shadow: 0 0 0 0 rgba(92, 201, 167, 0.25);
        box-shadow: 0 0 0 0 rgba(92, 201, 167, 0.25);
    }
    
    .was-validated textarea.form-control:valid,
    textarea.form-control.is-valid {
        padding-right: calc(1.75em + 1.3rem);
        background-position: top calc(0.4375em + 0.325rem) right calc(0.4375em + 0.325rem);
    }
    
    .was-validated .form-select:valid,
    .form-select.is-valid {
        border-color: #5cc9a7;
    }
    
    .was-validated .form-select:valid:not([multiple]):not([size]),
    .was-validated .form-select:valid:not([multiple])[size="1"],
    .form-select.is-valid:not([multiple]):not([size]),
    .form-select.is-valid:not([multiple])[size="1"] {
        padding-right: 5.5rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23c0c0c5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235cc9a7' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
        background-position: right 1rem center, center right 3rem;
        background-size: 16px 12px, calc(0.875em + 0.65rem) calc(0.875em + 0.65rem);
    }
    
    .was-validated .form-select:valid:focus,
    .form-select.is-valid:focus {
        border-color: #5cc9a7;
        -webkit-box-shadow: 0 0 0 0 rgba(92, 201, 167, 0.25);
        box-shadow: 0 0 0 0 rgba(92, 201, 167, 0.25);
    }
    
    .was-validated .form-control-color:valid,
    .form-control-color.is-valid {
        width: calc(3rem + calc(1.75em + 1.3rem));
    }
    
    .was-validated .form-check-input:valid,
    .form-check-input.is-valid {
        border-color: #5cc9a7;
    }
    
    .was-validated .form-check-input:valid:checked,
    .form-check-input.is-valid:checked {
        background-color: #5cc9a7;
    }
    
    .was-validated .form-check-input:valid:focus,
    .form-check-input.is-valid:focus {
        -webkit-box-shadow: 0 0 0 0 rgba(92, 201, 167, 0.25);
        box-shadow: 0 0 0 0 rgba(92, 201, 167, 0.25);
    }
    
    .was-validated .form-check-input:valid~.form-check-label,
    .form-check-input.is-valid~.form-check-label {
        color: #5cc9a7;
    }
    
    .form-check-inline .form-check-input~.valid-feedback {
        margin-left: 0.5em;
    }
    
    .was-validated .input-group .form-control:valid,
    .input-group .form-control.is-valid,
    .was-validated .input-group .form-select:valid,
    .input-group .form-select.is-valid {
        z-index: 1;
    }
    
    .was-validated .input-group .form-control:valid:focus,
    .input-group .form-control.is-valid:focus,
    .was-validated .input-group .form-select:valid:focus,
    .input-group .form-select.is-valid:focus {
        z-index: 3;
    }
    
    .invalid-feedback {
        display: none;
        width: 100%;
        margin-top: 0.25rem;
        font-size: 0.8em;
        color: #f25767;
    }
    
    .invalid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: 0.25rem 0.5rem;
        margin-top: 0.1rem;
        font-size: 0.875rem;
        color: #0c0800;
        background-color: rgba(242, 87, 103, 0.9);
        border-radius: 0.3125rem;
    }
    
    .was-validated :invalid~.invalid-feedback,
    .was-validated :invalid~.invalid-tooltip,
    .is-invalid~.invalid-feedback,
    .is-invalid~.invalid-tooltip {
        display: block;
    }
    
    .was-validated .form-control:invalid,
    .form-control.is-invalid {
        border-color: #f25767;
        padding-right: calc(1.75em + 1.3rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f25767'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f25767' stroke='none'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right calc(0.4375em + 0.325rem) center;
        background-size: calc(0.875em + 0.65rem) calc(0.875em + 0.65rem);
    }
    
    .was-validated .form-control:invalid:focus,
    .form-control.is-invalid:focus {
        border-color: #f25767;
        -webkit-box-shadow: 0 0 0 0 rgba(242, 87, 103, 0.25);
        box-shadow: 0 0 0 0 rgba(242, 87, 103, 0.25);
    }
    
    .was-validated textarea.form-control:invalid,
    textarea.form-control.is-invalid {
        padding-right: calc(1.75em + 1.3rem);
        background-position: top calc(0.4375em + 0.325rem) right calc(0.4375em + 0.325rem);
    }
    
    .was-validated .form-select:invalid,
    .form-select.is-invalid {
        border-color: #f25767;
    }
    
    .was-validated .form-select:invalid:not([multiple]):not([size]),
    .was-validated .form-select:invalid:not([multiple])[size="1"],
    .form-select.is-invalid:not([multiple]):not([size]),
    .form-select.is-invalid:not([multiple])[size="1"] {
        padding-right: 5.5rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23c0c0c5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f25767'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f25767' stroke='none'/%3e%3c/svg%3e");
        background-position: right 1rem center, center right 3rem;
        background-size: 16px 12px, calc(0.875em + 0.65rem) calc(0.875em + 0.65rem);
    }
    
    .was-validated .form-select:invalid:focus,
    .form-select.is-invalid:focus {
        border-color: #f25767;
        -webkit-box-shadow: 0 0 0 0 rgba(242, 87, 103, 0.25);
        box-shadow: 0 0 0 0 rgba(242, 87, 103, 0.25);
    }
    
    .was-validated .form-control-color:invalid,
    .form-control-color.is-invalid {
        width: calc(3rem + calc(1.75em + 1.3rem));
    }
    
    .was-validated .form-check-input:invalid,
    .form-check-input.is-invalid {
        border-color: #f25767;
    }
    
    .was-validated .form-check-input:invalid:checked,
    .form-check-input.is-invalid:checked {
        background-color: #f25767;
    }
    
    .was-validated .form-check-input:invalid:focus,
    .form-check-input.is-invalid:focus {
        -webkit-box-shadow: 0 0 0 0 rgba(242, 87, 103, 0.25);
        box-shadow: 0 0 0 0 rgba(242, 87, 103, 0.25);
    }
    
    .was-validated .form-check-input:invalid~.form-check-label,
    .form-check-input.is-invalid~.form-check-label {
        color: #f25767;
    }
    
    .form-check-inline .form-check-input~.invalid-feedback {
        margin-left: 0.5em;
    }
    
    .was-validated .input-group .form-control:invalid,
    .input-group .form-control.is-invalid,
    .was-validated .input-group .form-select:invalid,
    .input-group .form-select.is-invalid {
        z-index: 2;
    }
    
    .was-validated .input-group .form-control:invalid:focus,
    .input-group .form-control.is-invalid:focus,
    .was-validated .input-group .form-select:invalid:focus,
    .input-group .form-select.is-invalid:focus {
        z-index: 3;
    }
    
    .btn {
        --bs-btn-padding-x: 2rem;
        --bs-btn-padding-y: 0.85rem;
        --bs-btn-font-family: Plus Jakarta Sans, sans-serif;
        --bs-btn-font-size: 0.9375rem;
        --bs-btn-font-weight: 500;
        --bs-btn-line-height: 1.75;
        --bs-btn-color: #575757;
        --bs-btn-bg: transparent;
        --bs-btn-border-width: 1px;
        --bs-btn-border-color: transparent;
        --bs-btn-border-radius: 0.275rem;
        --bs-btn-box-shadow: unset;
        --bs-btn-disabled-opacity: 0.65;
        --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);
        display: inline-block;
        padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
        font-family: var(--bs-btn-font-family);
        font-size: var(--bs-btn-font-size);
        font-weight: var(--bs-btn-font-weight);
        line-height: var(--bs-btn-line-height);
        color: var(--bs-btn-color);
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
        border-radius: var(--bs-btn-border-radius);
        background-color: var(--bs-btn-bg);
        -webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
        transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
        transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.2s ease-in-out;
        transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .btn {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .btn:hover {
        color: var(--bs-btn-hover-color);
        background-color: var(--bs-btn-hover-bg);
        border-color: var(--bs-btn-hover-border-color);
    }
    
    .btn-check:focus+.btn,
    .btn:focus {
        color: var(--bs-btn-hover-color);
        background-color: var(--bs-btn-hover-bg);
        border-color: var(--bs-btn-hover-border-color);
        outline: 0;
        -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
        box-shadow: var(--bs-btn-focus-box-shadow);
    }
    
    .btn-check:checked+.btn,
    .btn-check:active+.btn,
    .btn:active,
    .btn.active,
    .btn.show {
        color: var(--bs-btn-active-color);
        background-color: var(--bs-btn-active-bg);
        border-color: var(--bs-btn-active-border-color);
    }
    
    .btn-check:checked+.btn:focus,
    .btn-check:active+.btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.show:focus {
        -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
        box-shadow: var(--bs-btn-focus-box-shadow);
    }
    
    .btn:disabled,
    .btn.disabled,
    fieldset:disabled .btn {
        color: var(--bs-btn-disabled-color);
        pointer-events: none;
        background-color: var(--bs-btn-disabled-bg);
        border-color: var(--bs-btn-disabled-border-color);
        opacity: var(--bs-btn-disabled-opacity);
    }
    
    .btn-primary {
        --bs-btn-color: #0c0800;
        --bs-btn-bg: #20a8d9;
        --bs-btn-border-color: #20a8d9;
        --bs-btn-hover-color: #0c0800;
        --bs-btn-hover-bg: #fc2636;
        --bs-btn-hover-border-color: #fc1a2a;
        --bs-btn-focus-shadow-rgb: 216, 1, 15;
        --bs-btn-active-color: #0c0800;
        --bs-btn-active-bg: #fd3341;
        --bs-btn-active-border-color: #fc1a2a;
        --bs-btn-active-shadow: unset;
        --bs-btn-disabled-color: #0c0800;
        --bs-btn-disabled-bg: #20a8d9;
        --bs-btn-disabled-border-color: #20a8d9;
    }
    
    .btn-accent {
        --bs-btn-color: #fff;
        --bs-btn-bg: #077765;
        --bs-btn-border-color: #077765;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #066556;
        --bs-btn-hover-border-color: #065f51;
        --bs-btn-focus-shadow-rgb: 44, 139, 124;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #065f51;
        --bs-btn-active-border-color: #05594c;
        --bs-btn-active-shadow: unset;
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #077765;
        --bs-btn-disabled-border-color: #077765;
    }
    
    .btn-secondary {
        --bs-btn-color: #fff;
        --bs-btn-bg: #111010;
        --bs-btn-border-color: #111010;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #0e0e0e;
        --bs-btn-hover-border-color: #0e0d0d;
        --bs-btn-focus-shadow-rgb: 53, 52, 52;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #0e0d0d;
        --bs-btn-active-border-color: #0d0c0c;
        --bs-btn-active-shadow: unset;
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #111010;
        --bs-btn-disabled-border-color: #111010;
    }
    
    .btn-success {
        --bs-btn-color: #0c0800;
        --bs-btn-bg: #5cc9a7;
        --bs-btn-border-color: #5cc9a7;
        --bs-btn-hover-color: #0c0800;
        --bs-btn-hover-bg: #74d1b4;
        --bs-btn-hover-border-color: #6cceb0;
        --bs-btn-focus-shadow-rgb: 80, 172, 142;
        --bs-btn-active-color: #0c0800;
        --bs-btn-active-bg: #7dd4b9;
        --bs-btn-active-border-color: #6cceb0;
        --bs-btn-active-shadow: unset;
        --bs-btn-disabled-color: #0c0800;
        --bs-btn-disabled-bg: #5cc9a7;
        --bs-btn-disabled-border-color: #5cc9a7;
    }
    
    .btn-info {
        --bs-btn-color: #0c0800;
        --bs-btn-bg: #50b5ff;
        --bs-btn-border-color: #50b5ff;
        --bs-btn-hover-color: #0c0800;
        --bs-btn-hover-bg: #6ac0ff;
        --bs-btn-hover-border-color: #62bcff;
        --bs-btn-focus-shadow-rgb: 70, 155, 217;
        --bs-btn-active-color: #0c0800;
        --bs-btn-active-bg: #73c4ff;
        --bs-btn-active-border-color: #62bcff;
        --bs-btn-active-shadow: unset;
        --bs-btn-disabled-color: #0c0800;
        --bs-btn-disabled-bg: #50b5ff;
        --bs-btn-disabled-border-color: #50b5ff;
    }
    
    .btn-warning {
        --bs-btn-color: #0c0800;
        --bs-btn-bg: #ffb116;
        --bs-btn-border-color: #ffb116;
        --bs-btn-hover-color: #0c0800;
        --bs-btn-hover-bg: #ffbd39;
        --bs-btn-hover-border-color: #ffb92d;
        --bs-btn-focus-shadow-rgb: 219, 152, 19;
        --bs-btn-active-color: #0c0800;
        --bs-btn-active-bg: #ffc145;
        --bs-btn-active-border-color: #ffb92d;
        --bs-btn-active-shadow: unset;
        --bs-btn-disabled-color: #0c0800;
        --bs-btn-disabled-bg: #ffb116;
        --bs-btn-disabled-border-color: #ffb116;
    }
    
    .btn-danger {
        --bs-btn-color: #0c0800;
        --bs-btn-bg: #f25767;
        --bs-btn-border-color: #f25767;
        --bs-btn-hover-color: #0c0800;
        --bs-btn-hover-bg: #f4707e;
        --bs-btn-hover-border-color: #f36876;
        --bs-btn-focus-shadow-rgb: 208, 75, 88;
        --bs-btn-active-color: #0c0800;
        --bs-btn-active-bg: #f57985;
        --bs-btn-active-border-color: #f36876;
        --bs-btn-active-shadow: unset;
        --bs-btn-disabled-color: #0c0800;
        --bs-btn-disabled-bg: #f25767;
        --bs-btn-disabled-border-color: #f25767;
    }
    
    .btn-light {
        --bs-btn-color: #0c0800;
        --bs-btn-bg: #fff;
        --bs-btn-border-color: #fff;
        --bs-btn-hover-color: #0c0800;
        --bs-btn-hover-bg: #d9d9d9;
        --bs-btn-hover-border-color: #cccccc;
        --bs-btn-focus-shadow-rgb: 219, 218, 217;
        --bs-btn-active-color: #0c0800;
        --bs-btn-active-bg: #cccccc;
        --bs-btn-active-border-color: #bfbfbf;
        --bs-btn-active-shadow: unset;
        --bs-btn-disabled-color: #0c0800;
        --bs-btn-disabled-bg: #fff;
        --bs-btn-disabled-border-color: #fff;
    }
    
    .btn-dark {
        --bs-btn-color: #fff;
        --bs-btn-bg: #0b163f;
        --bs-btn-border-color: #0b163f;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #30395c;
        --bs-btn-hover-border-color: #232d52;
        --bs-btn-focus-shadow-rgb: 48, 57, 92;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #3c4565;
        --bs-btn-active-border-color: #232d52;
        --bs-btn-active-shadow: unset;
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #0b163f;
        --bs-btn-disabled-border-color: #0b163f;
    }
    
    .btn-outline-primary {
        --bs-btn-color: #20a8d9;
        --bs-btn-border-color: #20a8d9;
        --bs-btn-hover-color: #0c0800;
        --bs-btn-hover-bg: #20a8d9;
        --bs-btn-hover-border-color: #20a8d9;
        --bs-btn-focus-shadow-rgb: 252, 0, 18;
        --bs-btn-active-color: #0c0800;
        --bs-btn-active-bg: #20a8d9;
        --bs-btn-active-border-color: #20a8d9;
        --bs-btn-active-shadow: unset;
        --bs-btn-disabled-color: #20a8d9;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #20a8d9;
        --bs-gradient: none;
    }
    
    .btn-outline-accent {
        --bs-btn-color: #077765;
        --bs-btn-border-color: #077765;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #077765;
        --bs-btn-hover-border-color: #077765;
        --bs-btn-focus-shadow-rgb: 7, 119, 101;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #077765;
        --bs-btn-active-border-color: #077765;
        --bs-btn-active-shadow: unset;
        --bs-btn-disabled-color: #077765;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #077765;
        --bs-gradient: none;
    }
    
    .btn-outline-secondary {
        --bs-btn-color: #111010;
        --bs-btn-border-color: #111010;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #111010;
        --bs-btn-hover-border-color: #111010;
        --bs-btn-focus-shadow-rgb: 17, 16, 16;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #111010;
        --bs-btn-active-border-color: #111010;
        --bs-btn-active-shadow: unset;
        --bs-btn-disabled-color: #111010;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #111010;
        --bs-gradient: none;
    }
    
    .btn-outline-success {
        --bs-btn-color: #5cc9a7;
        --bs-btn-border-color: #5cc9a7;
        --bs-btn-hover-color: #0c0800;
        --bs-btn-hover-bg: #5cc9a7;
        --bs-btn-hover-border-color: #5cc9a7;
        --bs-btn-focus-shadow-rgb: 92, 201, 167;
        --bs-btn-active-color: #0c0800;
        --bs-btn-active-bg: #5cc9a7;
        --bs-btn-active-border-color: #5cc9a7;
        --bs-btn-active-shadow: unset;
        --bs-btn-disabled-color: #5cc9a7;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #5cc9a7;
        --bs-gradient: none;
    }
    
    .btn-outline-info {
        --bs-btn-color: #50b5ff;
        --bs-btn-border-color: #50b5ff;
        --bs-btn-hover-color: #0c0800;
        --bs-btn-hover-bg: #50b5ff;
        --bs-btn-hover-border-color: #50b5ff;
        --bs-btn-focus-shadow-rgb: 80, 181, 255;
        --bs-btn-active-color: #0c0800;
        --bs-btn-active-bg: #50b5ff;
        --bs-btn-active-border-color: #50b5ff;
        --bs-btn-active-shadow: unset;
        --bs-btn-disabled-color: #50b5ff;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #50b5ff;
        --bs-gradient: none;
    }
    
    .btn-outline-warning {
        --bs-btn-color: #ffb116;
        --bs-btn-border-color: #ffb116;
        --bs-btn-hover-color: #0c0800;
        --bs-btn-hover-bg: #ffb116;
        --bs-btn-hover-border-color: #ffb116;
        --bs-btn-focus-shadow-rgb: 255, 177, 22;
        --bs-btn-active-color: #0c0800;
        --bs-btn-active-bg: #ffb116;
        --bs-btn-active-border-color: #ffb116;
        --bs-btn-active-shadow: unset;
        --bs-btn-disabled-color: #ffb116;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #ffb116;
        --bs-gradient: none;
    }
    
    .btn-outline-danger {
        --bs-btn-color: #f25767;
        --bs-btn-border-color: #f25767;
        --bs-btn-hover-color: #0c0800;
        --bs-btn-hover-bg: #f25767;
        --bs-btn-hover-border-color: #f25767;
        --bs-btn-focus-shadow-rgb: 242, 87, 103;
        --bs-btn-active-color: #0c0800;
        --bs-btn-active-bg: #f25767;
        --bs-btn-active-border-color: #f25767;
        --bs-btn-active-shadow: unset;
        --bs-btn-disabled-color: #f25767;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #f25767;
        --bs-gradient: none;
    }
    
    .btn-outline-light {
        --bs-btn-color: #fff;
        --bs-btn-border-color: #fff;
        --bs-btn-hover-color: #0c0800;
        --bs-btn-hover-bg: #fff;
        --bs-btn-hover-border-color: #fff;
        --bs-btn-focus-shadow-rgb: 255, 255, 255;
        --bs-btn-active-color: #0c0800;
        --bs-btn-active-bg: #fff;
        --bs-btn-active-border-color: #fff;
        --bs-btn-active-shadow: unset;
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #fff;
        --bs-gradient: none;
    }
    
    .btn-outline-dark {
        --bs-btn-color: #0b163f;
        --bs-btn-border-color: #0b163f;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #0b163f;
        --bs-btn-hover-border-color: #0b163f;
        --bs-btn-focus-shadow-rgb: 11, 22, 63;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #0b163f;
        --bs-btn-active-border-color: #0b163f;
        --bs-btn-active-shadow: unset;
        --bs-btn-disabled-color: #0b163f;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #0b163f;
        --bs-gradient: none;
    }
    
    .btn-link {
        --bs-btn-font-weight: 400;
        --bs-btn-color: var(--bs-link-color);
        --bs-btn-bg: transparent;
        --bs-btn-border-color: transparent;
        --bs-btn-hover-color: var(--bs-link-hover-color);
        --bs-btn-hover-border-color: transparent;
        --bs-btn-active-color: var(--bs-link-hover-color);
        --bs-btn-active-border-color: transparent;
        --bs-btn-disabled-color: #575757;
        --bs-btn-disabled-border-color: transparent;
        --bs-btn-box-shadow: none;
        --bs-btn-focus-shadow-rgb: 216, 1, 15;
        text-decoration: none;
    }
    
    .btn-link:hover,
    .btn-link:focus {
        text-decoration: none;
    }
    
    .btn-link:focus {
        color: var(--bs-btn-color);
    }
    
    .btn-link:hover {
        color: var(--bs-btn-hover-color);
    }
    
    .btn-lg,
    .btn-group-lg>.btn {
        --bs-btn-padding-y: 0.75rem;
        --bs-btn-padding-x: 1.5rem;
        --bs-btn-font-size: 1.0625rem;
        --bs-btn-border-radius: 0.4375rem;
    }
    
    .btn-sm,
    .btn-group-sm>.btn {
        --bs-btn-padding-y: 0.425rem;
        --bs-btn-padding-x: 1rem;
        --bs-btn-font-size: 0.8125rem;
        --bs-btn-border-radius: 0.25rem;
    }
    
    .fade {
        -webkit-transition: opacity 0.15s linear;
        transition: opacity 0.15s linear;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .fade {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .fade:not(.show) {
        opacity: 0;
    }
    
    .collapse:not(.show) {
        display: none;
    }
    
    .collapsing {
        height: 0;
        overflow: hidden;
        -webkit-transition: height 0.35s ease;
        transition: height 0.35s ease;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .collapsing {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .collapsing.collapse-horizontal {
        width: 0;
        height: auto;
        -webkit-transition: width 0.35s ease;
        transition: width 0.35s ease;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .collapsing.collapse-horizontal {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .dropup,
    .dropend,
    .dropdown,
    .dropstart,
    .dropup-center,
    .dropdown-center {
        position: relative;
    }
    
    .dropdown-toggle {
        white-space: nowrap;
    }
    
    .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.23375rem;
        vertical-align: 0.23375rem;
        content: "";
        border-top: 0.275rem solid;
        border-right: 0.275rem solid transparent;
        border-bottom: 0;
        border-left: 0.275rem solid transparent;
    }
    
    .dropdown-toggle:empty::after {
        margin-left: 0;
    }
    
    .dropdown-menu {
        --bs-dropdown-min-width: 10rem;
        --bs-dropdown-padding-x: 0;
        --bs-dropdown-padding-y: 0.5rem;
        --bs-dropdown-spacer: 0.125rem;
        --bs-dropdown-font-size: 1rem;
        --bs-dropdown-color: #575757;
        --bs-dropdown-bg: #fff;
        --bs-dropdown-border-color: var(--bs-border-color-translucent);
        --bs-dropdown-border-radius: 0.3125rem;
        --bs-dropdown-border-width: 1px;
        --bs-dropdown-inner-border-radius: calc(0.3125rem - 1px);
        --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
        --bs-dropdown-divider-margin-y: 0.5rem;
        --bs-dropdown-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        --bs-dropdown-link-color: #010e2b;
        --bs-dropdown-link-hover-color: #010d27;
        --bs-dropdown-link-hover-bg: #f8f9fa;
        --bs-dropdown-link-active-color: #fff;
        --bs-dropdown-link-active-bg: #20a8d9;
        --bs-dropdown-link-disabled-color: #94a3b8;
        --bs-dropdown-item-padding-x: 1rem;
        --bs-dropdown-item-padding-y: 0.25rem;
        --bs-dropdown-header-color: #575757;
        --bs-dropdown-header-padding-x: 1rem;
        --bs-dropdown-header-padding-y: 0.5rem;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: var(--bs-dropdown-min-width);
        padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
        margin: 0;
        font-size: var(--bs-dropdown-font-size);
        color: var(--bs-dropdown-color);
        text-align: left;
        list-style: none;
        background-color: var(--bs-dropdown-bg);
        background-clip: padding-box;
        border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
        border-radius: var(--bs-dropdown-border-radius);
    }
    
    .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0;
        margin-top: var(--bs-dropdown-spacer);
    }
    
    .dropdown-menu-start {
        --bs-position: start;
    }
    
    .dropdown-menu-start[data-bs-popper] {
        right: auto;
        left: 0;
    }
    
    .dropdown-menu-end {
        --bs-position: end;
    }
    
    .dropdown-menu-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
    
    @media (min-width: 576px) {
        .dropdown-menu-sm-start {
            --bs-position: start;
        }
        .dropdown-menu-sm-start[data-bs-popper] {
            right: auto;
            left: 0;
        }
        .dropdown-menu-sm-end {
            --bs-position: end;
        }
        .dropdown-menu-sm-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
    }
    
    @media (min-width: 768px) {
        .dropdown-menu-md-start {
            --bs-position: start;
        }
        .dropdown-menu-md-start[data-bs-popper] {
            right: auto;
            left: 0;
        }
        .dropdown-menu-md-end {
            --bs-position: end;
        }
        .dropdown-menu-md-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
    }
    
    @media (min-width: 992px) {
        .dropdown-menu-lg-start {
            --bs-position: start;
        }
        .dropdown-menu-lg-start[data-bs-popper] {
            right: auto;
            left: 0;
        }
        .dropdown-menu-lg-end {
            --bs-position: end;
        }
        .dropdown-menu-lg-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
    }
    
    @media (min-width: 1200px) {
        .dropdown-menu-xl-start {
            --bs-position: start;
        }
        .dropdown-menu-xl-start[data-bs-popper] {
            right: auto;
            left: 0;
        }
        .dropdown-menu-xl-end {
            --bs-position: end;
        }
        .dropdown-menu-xl-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
    }
    
    @media (min-width: 1400px) {
        .dropdown-menu-xxl-start {
            --bs-position: start;
        }
        .dropdown-menu-xxl-start[data-bs-popper] {
            right: auto;
            left: 0;
        }
        .dropdown-menu-xxl-end {
            --bs-position: end;
        }
        .dropdown-menu-xxl-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
    }
    
    .dropup .dropdown-menu[data-bs-popper] {
        top: auto;
        bottom: 100%;
        margin-top: 0;
        margin-bottom: var(--bs-dropdown-spacer);
    }
    
    .dropup .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.23375rem;
        vertical-align: 0.23375rem;
        content: "";
        border-top: 0;
        border-right: 0.275rem solid transparent;
        border-bottom: 0.275rem solid;
        border-left: 0.275rem solid transparent;
    }
    
    .dropup .dropdown-toggle:empty::after {
        margin-left: 0;
    }
    
    .dropend .dropdown-menu[data-bs-popper] {
        top: 0;
        right: auto;
        left: 100%;
        margin-top: 0;
        margin-left: var(--bs-dropdown-spacer);
    }
    
    .dropend .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.23375rem;
        vertical-align: 0.23375rem;
        content: "";
        border-top: 0.275rem solid transparent;
        border-right: 0;
        border-bottom: 0.275rem solid transparent;
        border-left: 0.275rem solid;
    }
    
    .dropend .dropdown-toggle:empty::after {
        margin-left: 0;
    }
    
    .dropend .dropdown-toggle::after {
        vertical-align: 0;
    }
    
    .dropstart .dropdown-menu[data-bs-popper] {
        top: 0;
        right: 100%;
        left: auto;
        margin-top: 0;
        margin-right: var(--bs-dropdown-spacer);
    }
    
    .dropstart .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.23375rem;
        vertical-align: 0.23375rem;
        content: "";
    }
    
    .dropstart .dropdown-toggle::after {
        display: none;
    }
    
    .dropstart .dropdown-toggle::before {
        display: inline-block;
        margin-right: 0.23375rem;
        vertical-align: 0.23375rem;
        content: "";
        border-top: 0.275rem solid transparent;
        border-right: 0.275rem solid;
        border-bottom: 0.275rem solid transparent;
    }
    
    .dropstart .dropdown-toggle:empty::after {
        margin-left: 0;
    }
    
    .dropstart .dropdown-toggle::before {
        vertical-align: 0;
    }
    
    .dropdown-divider {
        height: 0;
        margin: var(--bs-dropdown-divider-margin-y) 0;
        overflow: hidden;
        border-top: 1px solid var(--bs-dropdown-divider-bg);
        opacity: 1;
    }
    
    .dropdown-item {
        display: block;
        width: 100%;
        padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
        clear: both;
        font-weight: 400;
        color: var(--bs-dropdown-link-color);
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
    }
    
    .dropdown-item:hover,
    .dropdown-item:focus {
        color: var(--bs-dropdown-link-hover-color);
        background-color: var(--bs-dropdown-link-hover-bg);
    }
    
    .dropdown-item.active,
    .dropdown-item:active {
        color: var(--bs-dropdown-link-active-color);
        text-decoration: none;
        background-color: var(--bs-dropdown-link-active-bg);
    }
    
    .dropdown-item.disabled,
    .dropdown-item:disabled {
        color: var(--bs-dropdown-link-disabled-color);
        pointer-events: none;
        background-color: transparent;
    }
    
    .dropdown-menu.show {
        display: block;
    }
    
    .dropdown-header {
        display: block;
        padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
        margin-bottom: 0;
        font-size: 0.875rem;
        color: var(--bs-dropdown-header-color);
        white-space: nowrap;
    }
    
    .dropdown-item-text {
        display: block;
        padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
        color: var(--bs-dropdown-link-color);
    }
    
    .dropdown-menu-dark {
        --bs-dropdown-color: #e2e8f0;
        --bs-dropdown-bg: #0b163f;
        --bs-dropdown-border-color: var(--bs-border-color-translucent);
        --bs-dropdown-box-shadow: ;
        --bs-dropdown-link-color: #e2e8f0;
        --bs-dropdown-link-hover-color: #fff;
        --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
        --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
        --bs-dropdown-link-active-color: #fff;
        --bs-dropdown-link-active-bg: #20a8d9;
        --bs-dropdown-link-disabled-color: #94a3b8;
        --bs-dropdown-header-color: #94a3b8;
    }
    
    .btn-group,
    .btn-group-vertical {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: middle;
    }
    
    .btn-group>.btn,
    .btn-group-vertical>.btn {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    
    .btn-group>.btn-check:checked+.btn,
    .btn-group>.btn-check:focus+.btn,
    .btn-group>.btn:hover,
    .btn-group>.btn:focus,
    .btn-group>.btn:active,
    .btn-group>.btn.active,
    .btn-group-vertical>.btn-check:checked+.btn,
    .btn-group-vertical>.btn-check:focus+.btn,
    .btn-group-vertical>.btn:hover,
    .btn-group-vertical>.btn:focus,
    .btn-group-vertical>.btn:active,
    .btn-group-vertical>.btn.active {
        z-index: 1;
    }
    
    .btn-toolbar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    
    .btn-toolbar .input-group {
        width: auto;
    }
    
    .btn-group {
        border-radius: 0.275rem;
    }
    
    .btn-group>.btn:not(:first-child),
    .btn-group>.btn-group:not(:first-child) {
        margin-left: -1px;
    }
    
    .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
    .btn-group>.btn.dropdown-toggle-split:first-child,
    .btn-group>.btn-group:not(:last-child)>.btn {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    
    .btn-group>.btn:nth-child(n+3),
    .btn-group> :not(.btn-check)+.btn,
    .btn-group>.btn-group:not(:first-child)>.btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    
    .dropdown-toggle-split {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
    
    .dropdown-toggle-split::after,
    .dropup .dropdown-toggle-split::after,
    .dropend .dropdown-toggle-split::after {
        margin-left: 0;
    }
    
    .dropstart .dropdown-toggle-split::before {
        margin-right: 0;
    }
    
    .btn-sm+.dropdown-toggle-split,
    .btn-group-sm>.btn+.dropdown-toggle-split {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }
    
    .btn-lg+.dropdown-toggle-split,
    .btn-group-lg>.btn+.dropdown-toggle-split {
        padding-right: 1.125rem;
        padding-left: 1.125rem;
    }
    
    .btn-group-vertical {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .btn-group-vertical>.btn,
    .btn-group-vertical>.btn-group {
        width: 100%;
    }
    
    .btn-group-vertical>.btn:not(:first-child),
    .btn-group-vertical>.btn-group:not(:first-child) {
        margin-top: -1px;
    }
    
    .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
    .btn-group-vertical>.btn-group:not(:last-child)>.btn {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    
    .btn-group-vertical>.btn~.btn,
    .btn-group-vertical>.btn-group:not(:first-child)>.btn {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    
    .nav {
        --bs-nav-link-padding-x: 1rem;
        --bs-nav-link-padding-y: 0.5rem;
        --bs-nav-link-font-weight: ;
        --bs-nav-link-color: var(--bs-link-color);
        --bs-nav-link-hover-color: var(--bs-link-hover-color);
        --bs-nav-link-disabled-color: #575757;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }
    
    .nav-link {
        display: block;
        padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
        font-size: var(--bs-nav-link-font-size);
        font-weight: var(--bs-nav-link-font-weight);
        color: var(--bs-nav-link-color);
        -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .nav-link {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .nav-link:hover,
    .nav-link:focus {
        color: var(--bs-nav-link-hover-color);
    }
    
    .nav-link.disabled {
        color: var(--bs-nav-link-disabled-color);
        pointer-events: none;
        cursor: default;
    }
    
    .nav-tabs {
        --bs-nav-tabs-border-width: 1px;
        --bs-nav-tabs-border-color: #e2e8f0;
        --bs-nav-tabs-border-radius: 0.3125rem;
        --bs-nav-tabs-link-hover-border-color: #f8f9fa #f8f9fa #e2e8f0;
        --bs-nav-tabs-link-active-color: #071c4d;
        --bs-nav-tabs-link-active-bg: #fff;
        --bs-nav-tabs-link-active-border-color: #e2e8f0 #e2e8f0 #fff;
        border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
    }
    
    .nav-tabs .nav-link {
        margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
        background: none;
        border: var(--bs-nav-tabs-border-width) solid transparent;
        border-top-left-radius: var(--bs-nav-tabs-border-radius);
        border-top-right-radius: var(--bs-nav-tabs-border-radius);
    }
    
    .nav-tabs .nav-link:hover,
    .nav-tabs .nav-link:focus {
        isolation: isolate;
        border-color: var(--bs-nav-tabs-link-hover-border-color);
    }
    
    .nav-tabs .nav-link.disabled,
    .nav-tabs .nav-link:disabled {
        color: var(--bs-nav-link-disabled-color);
        background-color: transparent;
        border-color: transparent;
    }
    
    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.show .nav-link {
        color: var(--bs-nav-tabs-link-active-color);
        background-color: var(--bs-nav-tabs-link-active-bg);
        border-color: var(--bs-nav-tabs-link-active-border-color);
    }
    
    .nav-tabs .dropdown-menu {
        margin-top: calc(var(--bs-nav-tabs-border-width) * -1);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    
    .nav-pills {
        --bs-nav-pills-border-radius: 0.3125rem;
        --bs-nav-pills-link-active-color: #fff;
        --bs-nav-pills-link-active-bg: #20a8d9;
    }
    
    .nav-pills .nav-link {
        background: none;
        border: 0;
        border-radius: var(--bs-nav-pills-border-radius);
    }
    
    .nav-pills .nav-link:disabled {
        color: var(--bs-nav-link-disabled-color);
        background-color: transparent;
        border-color: transparent;
    }
    
    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        color: var(--bs-nav-pills-link-active-color);
        background-color: var(--bs-nav-pills-link-active-bg);
    }
    
    .nav-fill>.nav-link,
    .nav-fill .nav-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        text-align: center;
    }
    
    .nav-justified>.nav-link,
    .nav-justified .nav-item {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center;
    }
    
    .nav-fill .nav-item .nav-link,
    .nav-justified .nav-item .nav-link {
        width: 100%;
    }
    
    .tab-content>.tab-pane {
        display: none;
    }
    
    .tab-content>.active {
        display: block;
    }
    
    .navbar {
        --bs-navbar-padding-x: 0;
        --bs-navbar-padding-y: 0.5rem;
        --bs-navbar-color: rgba(12, 8, 0, 0.55);
        --bs-navbar-hover-color: rgba(12, 8, 0, 0.7);
        --bs-navbar-disabled-color: rgba(12, 8, 0, 0.3);
        --bs-navbar-active-color: rgba(12, 8, 0, 0.9);
        --bs-navbar-brand-padding-y: 0.390625rem;
        --bs-navbar-brand-margin-end: 1rem;
        --bs-navbar-brand-font-size: 1.125rem;
        --bs-navbar-brand-color: rgba(12, 8, 0, 0.9);
        --bs-navbar-brand-hover-color: rgba(12, 8, 0, 0.9);
        --bs-navbar-nav-link-padding-x: 0.5rem;
        --bs-navbar-toggler-padding-y: 0.25rem;
        --bs-navbar-toggler-padding-x: 0.75rem;
        --bs-navbar-toggler-font-size: 1.125rem;
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2812, 8, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        --bs-navbar-toggler-border-color: rgba(12, 8, 0, 0.1);
        --bs-navbar-toggler-border-radius: 0.275rem;
        --bs-navbar-toggler-focus-width: 0;
        --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
    }
    
    .navbar>.container,
    .navbar>.container-fluid,
    .navbar>.container-sm,
    .navbar>.container-md,
    .navbar>.container-lg,
    .navbar>.container-xl,
    .navbar>.container-xxl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    
    .navbar-brand {
        padding-top: var(--bs-navbar-brand-padding-y);
        padding-bottom: var(--bs-navbar-brand-padding-y);
        margin-right: var(--bs-navbar-brand-margin-end);
        font-size: var(--bs-navbar-brand-font-size);
        color: var(--bs-navbar-brand-color);
        white-space: nowrap;
    }
    
    .navbar-brand:hover,
    .navbar-brand:focus {
        color: var(--bs-navbar-brand-hover-color);
    }
    
    .navbar-nav {
        --bs-nav-link-padding-x: 0;
        --bs-nav-link-padding-y: 0.5rem;
        --bs-nav-link-font-weight: ;
        --bs-nav-link-color: var(--bs-navbar-color);
        --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
        --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }
    
    .navbar-nav .show>.nav-link,
    .navbar-nav .nav-link.active {
        color: var(--bs-navbar-active-color);
    }
    
    .navbar-nav .dropdown-menu {
        position: static;
    }
    
    .navbar-text {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        color: var(--bs-navbar-color);
    }
    
    .navbar-text a,
    .navbar-text a:hover,
    .navbar-text a:focus {
        color: var(--bs-navbar-active-color);
    }
    
    .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .navbar-toggler {
        padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
        font-size: var(--bs-navbar-toggler-font-size);
        line-height: 1;
        color: var(--bs-navbar-color);
        background-color: transparent;
        border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
        border-radius: var(--bs-navbar-toggler-border-radius);
        -webkit-transition: var(--bs-navbar-toggler-transition);
        transition: var(--bs-navbar-toggler-transition);
    }
    
    @media (prefers-reduced-motion: reduce) {
        .navbar-toggler {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .navbar-toggler:hover {
        text-decoration: none;
    }
    
    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        -webkit-box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
        box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
    }
    
    .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        background-image: var(--bs-navbar-toggler-icon-bg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    
    .navbar-nav-scroll {
        max-height: var(--bs-scroll-height, 75vh);
        overflow-y: auto;
    }
    
    @media (min-width: 576px) {
        .navbar-expand-sm {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }
        .navbar-expand-sm .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }
        .navbar-expand-sm .navbar-nav .dropdown-menu {
            position: absolute;
        }
        .navbar-expand-sm .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x);
        }
        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible;
        }
        .navbar-expand-sm .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }
        .navbar-expand-sm .navbar-toggler {
            display: none;
        }
        .navbar-expand-sm .offcanvas {
            position: static;
            z-index: auto;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            -webkit-transform: none !important;
            transform: none !important;
            -webkit-transition: none;
            transition: none;
        }
        .navbar-expand-sm .offcanvas .offcanvas-header {
            display: none;
        }
        .navbar-expand-sm .offcanvas .offcanvas-body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
    }
    
    @media (min-width: 768px) {
        .navbar-expand-md {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }
        .navbar-expand-md .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }
        .navbar-expand-md .navbar-nav .dropdown-menu {
            position: absolute;
        }
        .navbar-expand-md .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x);
        }
        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible;
        }
        .navbar-expand-md .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }
        .navbar-expand-md .navbar-toggler {
            display: none;
        }
        .navbar-expand-md .offcanvas {
            position: static;
            z-index: auto;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            -webkit-transform: none !important;
            transform: none !important;
            -webkit-transition: none;
            transition: none;
        }
        .navbar-expand-md .offcanvas .offcanvas-header {
            display: none;
        }
        .navbar-expand-md .offcanvas .offcanvas-body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
    }
    
    @media (min-width: 992px) {
        .navbar-expand-lg {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }
        .navbar-expand-lg .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }
        .navbar-expand-lg .navbar-nav .dropdown-menu {
            position: absolute;
        }
        .navbar-expand-lg .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x);
        }
        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible;
        }
        .navbar-expand-lg .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }
        .navbar-expand-lg .navbar-toggler {
            display: none;
        }
        .navbar-expand-lg .offcanvas {
            position: static;
            z-index: auto;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            -webkit-transform: none !important;
            transform: none !important;
            -webkit-transition: none;
            transition: none;
        }
        .navbar-expand-lg .offcanvas .offcanvas-header {
            display: none;
        }
        .navbar-expand-lg .offcanvas .offcanvas-body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
    }
    
    @media (min-width: 1200px) {
        .navbar-expand-xl {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }
        .navbar-expand-xl .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }
        .navbar-expand-xl .navbar-nav .dropdown-menu {
            position: absolute;
        }
        .navbar-expand-xl .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x);
        }
        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible;
        }
        .navbar-expand-xl .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }
        .navbar-expand-xl .navbar-toggler {
            display: none;
        }
        .navbar-expand-xl .offcanvas {
            position: static;
            z-index: auto;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            -webkit-transform: none !important;
            transform: none !important;
            -webkit-transition: none;
            transition: none;
        }
        .navbar-expand-xl .offcanvas .offcanvas-header {
            display: none;
        }
        .navbar-expand-xl .offcanvas .offcanvas-body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
    }
    
    @media (min-width: 1400px) {
        .navbar-expand-xxl {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }
        .navbar-expand-xxl .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }
        .navbar-expand-xxl .navbar-nav .dropdown-menu {
            position: absolute;
        }
        .navbar-expand-xxl .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x);
        }
        .navbar-expand-xxl .navbar-nav-scroll {
            overflow: visible;
        }
        .navbar-expand-xxl .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }
        .navbar-expand-xxl .navbar-toggler {
            display: none;
        }
        .navbar-expand-xxl .offcanvas {
            position: static;
            z-index: auto;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            -webkit-transform: none !important;
            transform: none !important;
            -webkit-transition: none;
            transition: none;
        }
        .navbar-expand-xxl .offcanvas .offcanvas-header {
            display: none;
        }
        .navbar-expand-xxl .offcanvas .offcanvas-body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
    }
    
    .navbar-expand {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    
    .navbar-expand .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    
    .navbar-expand .navbar-nav .dropdown-menu {
        position: absolute;
    }
    
    .navbar-expand .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }
    
    .navbar-expand .navbar-nav-scroll {
        overflow: visible;
    }
    
    .navbar-expand .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    
    .navbar-expand .navbar-toggler {
        display: none;
    }
    
    .navbar-expand .offcanvas {
        position: static;
        z-index: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-transition: none;
        transition: none;
    }
    
    .navbar-expand .offcanvas .offcanvas-header {
        display: none;
    }
    
    .navbar-expand .offcanvas .offcanvas-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
    
    .navbar-dark {
        --bs-navbar-color: rgba(255, 255, 255, 0.55);
        --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
        --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
        --bs-navbar-active-color: #fff;
        --bs-navbar-brand-color: #fff;
        --bs-navbar-brand-hover-color: #fff;
        --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    
    .card {
        --bs-card-spacer-y: 1rem;
        --bs-card-spacer-x: 1rem;
        --bs-card-title-spacer-y: 0.5rem;
        --bs-card-border-width: 1px;
        --bs-card-border-color: var(--bs-border-color-translucent);
        --bs-card-border-radius: 0.3125rem;
        --bs-card-box-shadow: ;
        --bs-card-inner-border-radius: calc(0.3125rem - 1px);
        --bs-card-cap-padding-y: 0.5rem;
        --bs-card-cap-padding-x: 1rem;
        --bs-card-cap-bg: rgba(12, 8, 0, 0.03);
        --bs-card-cap-color: ;
        --bs-card-height: ;
        --bs-card-color: ;
        --bs-card-bg: #fff;
        --bs-card-img-overlay-padding: 1rem;
        --bs-card-group-margin: 0.75rem;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        height: var(--bs-card-height);
        word-wrap: break-word;
        background-color: var(--bs-card-bg);
        background-clip: border-box;
        border: var(--bs-card-border-width) solid var(--bs-card-border-color);
        border-radius: var(--bs-card-border-radius);
    }
    
    .card>hr {
        margin-right: 0;
        margin-left: 0;
    }
    
    .card>.list-group {
        border-top: inherit;
        border-bottom: inherit;
    }
    
    .card>.list-group:first-child {
        border-top-width: 0;
        border-top-left-radius: var(--bs-card-inner-border-radius);
        border-top-right-radius: var(--bs-card-inner-border-radius);
    }
    
    .card>.list-group:last-child {
        border-bottom-width: 0;
        border-bottom-right-radius: var(--bs-card-inner-border-radius);
        border-bottom-left-radius: var(--bs-card-inner-border-radius);
    }
    
    .card>.card-header+.list-group,
    .card>.list-group+.card-footer {
        border-top: 0;
    }
    
    .card-body {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
        color: var(--bs-card-color);
    }
    
    .card-title {
        margin-bottom: var(--bs-card-title-spacer-y);
    }
    
    .card-subtitle {
        margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
        margin-bottom: 0;
    }
    
    .card-text:last-child {
        margin-bottom: 0;
    }
    
    .card-link+.card-link {
        margin-left: var(--bs-card-spacer-x);
    }
    
    .card-header {
        padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
        margin-bottom: 0;
        color: var(--bs-card-cap-color);
        background-color: var(--bs-card-cap-bg);
        border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
    }
    
    .card-header:first-child {
        border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
    }
    
    .card-footer {
        padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
        color: var(--bs-card-cap-color);
        background-color: var(--bs-card-cap-bg);
        border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
    }
    
    .card-footer:last-child {
        border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
    }
    
    .card-header-tabs {
        margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
        margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
        margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
        border-bottom: 0;
    }
    
    .card-header-tabs .nav-link.active {
        background-color: var(--bs-card-bg);
        border-bottom-color: var(--bs-card-bg);
    }
    
    .card-header-pills {
        margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
        margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
    }
    
    .card-img-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: var(--bs-card-img-overlay-padding);
        border-radius: var(--bs-card-inner-border-radius);
    }
    
    .card-img,
    .card-img-top,
    .card-img-bottom {
        width: 100%;
    }
    
    .card-img,
    .card-img-top {
        border-top-left-radius: var(--bs-card-inner-border-radius);
        border-top-right-radius: var(--bs-card-inner-border-radius);
    }
    
    .card-img,
    .card-img-bottom {
        border-bottom-right-radius: var(--bs-card-inner-border-radius);
        border-bottom-left-radius: var(--bs-card-inner-border-radius);
    }
    
    .card-group>.card {
        margin-bottom: var(--bs-card-group-margin);
    }
    
    @media (min-width: 576px) {
        .card-group {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        }
        .card-group>.card {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-bottom: 0;
        }
        .card-group>.card+.card {
            margin-left: 0;
            border-left: 0;
        }
        .card-group>.card:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
        .card-group>.card:not(:last-child) .card-img-top,
        .card-group>.card:not(:last-child) .card-header {
            border-top-right-radius: 0;
        }
        .card-group>.card:not(:last-child) .card-img-bottom,
        .card-group>.card:not(:last-child) .card-footer {
            border-bottom-right-radius: 0;
        }
        .card-group>.card:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
        .card-group>.card:not(:first-child) .card-img-top,
        .card-group>.card:not(:first-child) .card-header {
            border-top-left-radius: 0;
        }
        .card-group>.card:not(:first-child) .card-img-bottom,
        .card-group>.card:not(:first-child) .card-footer {
            border-bottom-left-radius: 0;
        }
    }
    
    .accordion {
        --bs-accordion-color: #0c0800;
        --bs-accordion-bg: #fff;
        --bs-accordion-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.2s ease-in-out, border-radius 0.15s ease;
        --bs-accordion-border-color: var(--bs-border-color);
        --bs-accordion-border-width: 1px;
        --bs-accordion-border-radius: 0.3125rem;
        --bs-accordion-inner-border-radius: calc(0.3125rem - 1px);
        --bs-accordion-btn-padding-x: 1.25rem;
        --bs-accordion-btn-padding-y: 1rem;
        --bs-accordion-btn-color: var(--bs-body-color);
        --bs-accordion-btn-bg: var(--bs-accordion-bg);
        --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        --bs-accordion-btn-icon-width: 1.25rem;
        --bs-accordion-btn-icon-transform: rotate(-180deg);
        --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
        --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e30010'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        --bs-accordion-btn-focus-border-color: #20a8d9;
        --bs-accordion-btn-focus-box-shadow: unset;
        --bs-accordion-body-padding-x: 1.25rem;
        --bs-accordion-body-padding-y: 1rem;
        --bs-accordion-active-color: #e30010;
        --bs-accordion-active-bg: #ffe6e7;
    }
    
    .accordion-button {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
        font-size: 1rem;
        color: var(--bs-accordion-btn-color);
        text-align: left;
        background-color: var(--bs-accordion-btn-bg);
        border: 0;
        border-radius: 0;
        overflow-anchor: none;
        -webkit-transition: var(--bs-accordion-transition);
        transition: var(--bs-accordion-transition);
    }
    
    @media (prefers-reduced-motion: reduce) {
        .accordion-button {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .accordion-button:not(.collapsed) {
        color: var(--bs-accordion-active-color);
        background-color: var(--bs-accordion-active-bg);
        -webkit-box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
        box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
    }
    
    .accordion-button:not(.collapsed)::after {
        background-image: var(--bs-accordion-btn-active-icon);
        -webkit-transform: var(--bs-accordion-btn-icon-transform);
        transform: var(--bs-accordion-btn-icon-transform);
    }
    
    .accordion-button::after {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: var(--bs-accordion-btn-icon-width);
        height: var(--bs-accordion-btn-icon-width);
        margin-left: auto;
        content: "";
        background-image: var(--bs-accordion-btn-icon);
        background-repeat: no-repeat;
        background-size: var(--bs-accordion-btn-icon-width);
        -webkit-transition: var(--bs-accordion-btn-icon-transition);
        transition: var(--bs-accordion-btn-icon-transition);
    }
    
    @media (prefers-reduced-motion: reduce) {
        .accordion-button::after {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .accordion-button:hover {
        z-index: 2;
    }
    
    .accordion-button:focus {
        z-index: 3;
        border-color: var(--bs-accordion-btn-focus-border-color);
        outline: 0;
        -webkit-box-shadow: var(--bs-accordion-btn-focus-box-shadow);
        box-shadow: var(--bs-accordion-btn-focus-box-shadow);
    }
    
    .accordion-header {
        margin-bottom: 0;
    }
    
    .accordion-item {
        color: var(--bs-accordion-color);
        background-color: var(--bs-accordion-bg);
        border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    }
    
    .accordion-item:first-of-type {
        border-top-left-radius: var(--bs-accordion-border-radius);
        border-top-right-radius: var(--bs-accordion-border-radius);
    }
    
    .accordion-item:first-of-type .accordion-button {
        border-top-left-radius: var(--bs-accordion-inner-border-radius);
        border-top-right-radius: var(--bs-accordion-inner-border-radius);
    }
    
    .accordion-item:not(:first-of-type) {
        border-top: 0;
    }
    
    .accordion-item:last-of-type {
        border-bottom-right-radius: var(--bs-accordion-border-radius);
        border-bottom-left-radius: var(--bs-accordion-border-radius);
    }
    
    .accordion-item:last-of-type .accordion-button.collapsed {
        border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
        border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
    }
    
    .accordion-item:last-of-type .accordion-collapse {
        border-bottom-right-radius: var(--bs-accordion-border-radius);
        border-bottom-left-radius: var(--bs-accordion-border-radius);
    }
    
    .accordion-body {
        padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
    }
    
    .accordion-flush .accordion-collapse {
        border-width: 0;
    }
    
    .accordion-flush .accordion-item {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }
    
    .accordion-flush .accordion-item:first-child {
        border-top: 0;
    }
    
    .accordion-flush .accordion-item:last-child {
        border-bottom: 0;
    }
    
    .accordion-flush .accordion-item .accordion-button {
        border-radius: 0;
    }
    
    .breadcrumb {
        --bs-breadcrumb-padding-x: 0;
        --bs-breadcrumb-padding-y: 0;
        --bs-breadcrumb-margin-bottom: 1rem;
        --bs-breadcrumb-bg: ;
        --bs-breadcrumb-border-radius: ;
        --bs-breadcrumb-divider-color: #575757;
        --bs-breadcrumb-item-padding-x: 0.5rem;
        --bs-breadcrumb-item-active-color: #575757;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
        margin-bottom: var(--bs-breadcrumb-margin-bottom);
        font-size: var(--bs-breadcrumb-font-size);
        list-style: none;
        background-color: var(--bs-breadcrumb-bg);
        border-radius: var(--bs-breadcrumb-border-radius);
    }
    
    .breadcrumb-item+.breadcrumb-item {
        padding-left: var(--bs-breadcrumb-item-padding-x);
    }
    
    .breadcrumb-item+.breadcrumb-item::before {
        float: left;
        padding-right: var(--bs-breadcrumb-item-padding-x);
        color: var(--bs-breadcrumb-divider-color);
        /* content: var(--bs-breadcrumb-divider, "../../index-9.html") rtl: var(--bs-breadcrumb-divider, "/"); */
    }
    
    .breadcrumb-item.active {
        color: var(--bs-breadcrumb-item-active-color);
    }
    
    .pagination {
        --bs-pagination-padding-x: 0.75rem;
        --bs-pagination-padding-y: 0.375rem;
        --bs-pagination-font-size: 1rem;
        --bs-pagination-color: var(--bs-link-color);
        --bs-pagination-bg: #fff;
        --bs-pagination-border-width: 1px;
        --bs-pagination-border-color: #e2e8f0;
        --bs-pagination-border-radius: 0.3125rem;
        --bs-pagination-hover-color: var(--bs-link-hover-color);
        --bs-pagination-hover-bg: #f8f9fa;
        --bs-pagination-hover-border-color: #e2e8f0;
        --bs-pagination-focus-color: var(--bs-link-hover-color);
        --bs-pagination-focus-bg: #f8f9fa;
        --bs-pagination-focus-box-shadow: 0 0 0 0 rgba(252, 0, 18, 0.25);
        --bs-pagination-active-color: #fff;
        --bs-pagination-active-bg: #20a8d9;
        --bs-pagination-active-border-color: #20a8d9;
        --bs-pagination-disabled-color: #575757;
        --bs-pagination-disabled-bg: #fff;
        --bs-pagination-disabled-border-color: #e2e8f0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        list-style: none;
    }
    
    .page-link {
        position: relative;
        display: block;
        padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
        font-size: var(--bs-pagination-font-size);
        color: var(--bs-pagination-color);
        background-color: var(--bs-pagination-bg);
        border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
        -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .page-link {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .page-link:hover {
        z-index: 2;
        color: var(--bs-pagination-hover-color);
        background-color: var(--bs-pagination-hover-bg);
        border-color: var(--bs-pagination-hover-border-color);
    }
    
    .page-link:focus {
        z-index: 3;
        color: var(--bs-pagination-focus-color);
        background-color: var(--bs-pagination-focus-bg);
        outline: 0;
        -webkit-box-shadow: var(--bs-pagination-focus-box-shadow);
        box-shadow: var(--bs-pagination-focus-box-shadow);
    }
    
    .page-link.active,
    .active>.page-link {
        z-index: 3;
        color: var(--bs-pagination-active-color);
        background-color: var(--bs-pagination-active-bg);
        border-color: var(--bs-pagination-active-border-color);
    }
    
    .page-link.disabled,
    .disabled>.page-link {
        color: var(--bs-pagination-disabled-color);
        pointer-events: none;
        background-color: var(--bs-pagination-disabled-bg);
        border-color: var(--bs-pagination-disabled-border-color);
    }
    
    .page-item:not(:first-child) .page-link {
        margin-left: -1px;
    }
    
    .page-item:first-child .page-link {
        border-top-left-radius: var(--bs-pagination-border-radius);
        border-bottom-left-radius: var(--bs-pagination-border-radius);
    }
    
    .page-item:last-child .page-link {
        border-top-right-radius: var(--bs-pagination-border-radius);
        border-bottom-right-radius: var(--bs-pagination-border-radius);
    }
    
    .pagination-lg {
        --bs-pagination-padding-x: 1.5rem;
        --bs-pagination-padding-y: 0.75rem;
        --bs-pagination-font-size: 1.125rem;
        --bs-pagination-border-radius: 0.4375rem;
    }
    
    .pagination-sm {
        --bs-pagination-padding-x: 0.5rem;
        --bs-pagination-padding-y: 0.25rem;
        --bs-pagination-font-size: 0.875rem;
        --bs-pagination-border-radius: 0.25rem;
    }
    
    .badge {
        --bs-badge-padding-x: 0.65em;
        --bs-badge-padding-y: 0.35em;
        --bs-badge-font-size: 0.75em;
        --bs-badge-font-weight: 700;
        --bs-badge-color: #fff;
        --bs-badge-border-radius: 0.3125rem;
        display: inline-block;
        padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
        font-size: var(--bs-badge-font-size);
        font-weight: var(--bs-badge-font-weight);
        line-height: 1;
        color: var(--bs-badge-color);
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: var(--bs-badge-border-radius);
    }
    
    .badge:empty {
        display: none;
    }
    
    .btn .badge {
        position: relative;
        top: -1px;
    }
    
    .alert {
        --bs-alert-bg: transparent;
        --bs-alert-padding-x: 1rem;
        --bs-alert-padding-y: 1rem;
        --bs-alert-margin-bottom: 1rem;
        --bs-alert-color: inherit;
        --bs-alert-border-color: transparent;
        --bs-alert-border: 1px solid var(--bs-alert-border-color);
        --bs-alert-border-radius: 0.3125rem;
        position: relative;
        padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
        margin-bottom: var(--bs-alert-margin-bottom);
        color: var(--bs-alert-color);
        background-color: var(--bs-alert-bg);
        border: var(--bs-alert-border);
        border-radius: var(--bs-alert-border-radius);
    }
    
    .alert-heading {
        color: inherit;
    }
    
    .alert-link {
        font-weight: 700;
    }
    
    .alert-dismissible {
        padding-right: 3rem;
    }
    
    .alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 1.25rem 1rem;
    }
    
    .alert-primary {
        --bs-alert-color: #97000b;
        --bs-alert-bg: #feccd0;
        --bs-alert-border-color: #feb3b8;
    }
    
    .alert-primary .alert-link {
        color: #790009;
    }
    
    .alert-accent {
        --bs-alert-color: #04473d;
        --bs-alert-bg: #cde4e0;
        --bs-alert-border-color: #b5d6d1;
    }
    
    .alert-accent .alert-link {
        color: #033931;
    }
    
    .alert-secondary {
        --bs-alert-color: #0a0a0a;
        --bs-alert-bg: #cfcfcf;
        --bs-alert-border-color: #b8b7b7;
    }
    
    .alert-secondary .alert-link {
        color: #080808;
    }
    
    .alert-success {
        --bs-alert-color: #2c5543;
        --bs-alert-bg: #def4ed;
        --bs-alert-border-color: #ceefe5;
    }
    
    .alert-success .alert-link {
        color: #234436;
    }
    
    .alert-info {
        --bs-alert-color: #306d99;
        --bs-alert-bg: #dcf0ff;
        --bs-alert-border-color: #cbe9ff;
    }
    
    .alert-info .alert-link {
        color: #26577a;
    }
    
    .alert-warning {
        --bs-alert-color: #6d4c09;
        --bs-alert-bg: #ffefd0;
        --bs-alert-border-color: #ffe8b9;
    }
    
    .alert-warning .alert-link {
        color: #573d07;
    }
    
    .alert-danger {
        --bs-alert-color: #91343e;
        --bs-alert-bg: #fcdde1;
        --bs-alert-border-color: #fbcdd1;
    }
    
    .alert-danger .alert-link {
        color: #742a32;
    }
    
    .alert-light {
        --bs-alert-color: #6d6b66;
        --bs-alert-bg: white;
        --bs-alert-border-color: white;
    }
    
    .alert-light .alert-link {
        color: #575652;
    }
    
    .alert-dark {
        --bs-alert-color: #070d26;
        --bs-alert-bg: #ced0d9;
        --bs-alert-border-color: #b6b9c5;
    }
    
    .alert-dark .alert-link {
        color: #060a1e;
    }
    
    @-webkit-keyframes progress-bar-stripes {
        0% {
            background-position-x: 1rem;
        }
    }
    
    @keyframes progress-bar-stripes {
        0% {
            background-position-x: 1rem;
        }
    }
    
    .progress {
        --bs-progress-height: 1rem;
        --bs-progress-font-size: 0.75rem;
        --bs-progress-bg: #D9D9D9;
        --bs-progress-border-radius: 0.3125rem;
        --bs-progress-box-shadow: inset 0 1px 2px transparent;
        --bs-progress-bar-color: #fff;
        --bs-progress-bar-bg: #20a8d9;
        --bs-progress-bar-transition: width 0.6s ease;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: var(--bs-progress-height);
        overflow: hidden;
        font-size: var(--bs-progress-font-size);
        background-color: var(--bs-progress-bg);
        border-radius: var(--bs-progress-border-radius);
    }
    
    .progress-bar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
        color: var(--bs-progress-bar-color);
        text-align: center;
        white-space: nowrap;
        background-color: var(--bs-progress-bar-bg);
        -webkit-transition: var(--bs-progress-bar-transition);
        transition: var(--bs-progress-bar-transition);
    }
    
    @media (prefers-reduced-motion: reduce) {
        .progress-bar {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .progress-bar-striped {
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-size: var(--bs-progress-height) var(--bs-progress-height);
    }
    
    .progress-bar-animated {
        -webkit-animation: 1s linear infinite progress-bar-stripes;
        animation: 1s linear infinite progress-bar-stripes;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .progress-bar-animated {
            -webkit-animation: none;
            animation: none;
        }
    }
    
    .list-group {
        --bs-list-group-color: #010e2b;
        --bs-list-group-bg: #fff;
        --bs-list-group-border-color: rgba(12, 8, 0, 0.125);
        --bs-list-group-border-width: 1px;
        --bs-list-group-border-radius: 0.3125rem;
        --bs-list-group-item-padding-x: 1rem;
        --bs-list-group-item-padding-y: 0.5rem;
        --bs-list-group-action-color: #071c4d;
        --bs-list-group-action-hover-color: #071c4d;
        --bs-list-group-action-hover-bg: #f8fafc;
        --bs-list-group-action-active-color: #575757;
        --bs-list-group-action-active-bg: #f8f9fa;
        --bs-list-group-disabled-color: #575757;
        --bs-list-group-disabled-bg: #fff;
        --bs-list-group-active-color: #fff;
        --bs-list-group-active-bg: #20a8d9;
        --bs-list-group-active-border-color: #20a8d9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        border-radius: var(--bs-list-group-border-radius);
    }
    
    .list-group-numbered {
        list-style-type: none;
        counter-reset: section;
    }
    
    .list-group-numbered>.list-group-item::before {
        content: counters(section, ".") ". ";
        counter-increment: section;
    }
    
    .list-group-item-action {
        width: 100%;
        color: var(--bs-list-group-action-color);
        text-align: inherit;
    }
    
    .list-group-item-action:hover,
    .list-group-item-action:focus {
        z-index: 1;
        color: var(--bs-list-group-action-hover-color);
        text-decoration: none;
        background-color: var(--bs-list-group-action-hover-bg);
    }
    
    .list-group-item-action:active {
        color: var(--bs-list-group-action-active-color);
        background-color: var(--bs-list-group-action-active-bg);
    }
    
    .list-group-item {
        position: relative;
        display: block;
        padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
        color: var(--bs-list-group-color);
        background-color: var(--bs-list-group-bg);
        border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
    }
    
    .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }
    
    .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit;
    }
    
    .list-group-item.disabled,
    .list-group-item:disabled {
        color: var(--bs-list-group-disabled-color);
        pointer-events: none;
        background-color: var(--bs-list-group-disabled-bg);
    }
    
    .list-group-item.active {
        z-index: 2;
        color: var(--bs-list-group-active-color);
        background-color: var(--bs-list-group-active-bg);
        border-color: var(--bs-list-group-active-border-color);
    }
    
    .list-group-item+.list-group-item {
        border-top-width: 0;
    }
    
    .list-group-item+.list-group-item.active {
        margin-top: calc(var(--bs-list-group-border-width) * -1);
        border-top-width: var(--bs-list-group-border-width);
    }
    
    .list-group-horizontal {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    
    .list-group-horizontal>.list-group-item:first-child {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0;
    }
    
    .list-group-horizontal>.list-group-item:last-child {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0;
    }
    
    .list-group-horizontal>.list-group-item.active {
        margin-top: 0;
    }
    
    .list-group-horizontal>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0;
    }
    
    .list-group-horizontal>.list-group-item+.list-group-item.active {
        margin-left: calc(var(--bs-list-group-border-width) * -1);
        border-left-width: var(--bs-list-group-border-width);
    }
    
    @media (min-width: 576px) {
        .list-group-horizontal-sm {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }
        .list-group-horizontal-sm>.list-group-item:first-child {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0;
        }
        .list-group-horizontal-sm>.list-group-item:last-child {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0;
        }
        .list-group-horizontal-sm>.list-group-item.active {
            margin-top: 0;
        }
        .list-group-horizontal-sm>.list-group-item+.list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0;
        }
        .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
            margin-left: calc(var(--bs-list-group-border-width) * -1);
            border-left-width: var(--bs-list-group-border-width);
        }
    }
    
    @media (min-width: 768px) {
        .list-group-horizontal-md {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }
        .list-group-horizontal-md>.list-group-item:first-child {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0;
        }
        .list-group-horizontal-md>.list-group-item:last-child {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0;
        }
        .list-group-horizontal-md>.list-group-item.active {
            margin-top: 0;
        }
        .list-group-horizontal-md>.list-group-item+.list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0;
        }
        .list-group-horizontal-md>.list-group-item+.list-group-item.active {
            margin-left: calc(var(--bs-list-group-border-width) * -1);
            border-left-width: var(--bs-list-group-border-width);
        }
    }
    
    @media (min-width: 992px) {
        .list-group-horizontal-lg {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }
        .list-group-horizontal-lg>.list-group-item:first-child {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0;
        }
        .list-group-horizontal-lg>.list-group-item:last-child {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0;
        }
        .list-group-horizontal-lg>.list-group-item.active {
            margin-top: 0;
        }
        .list-group-horizontal-lg>.list-group-item+.list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0;
        }
        .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
            margin-left: calc(var(--bs-list-group-border-width) * -1);
            border-left-width: var(--bs-list-group-border-width);
        }
    }
    
    @media (min-width: 1200px) {
        .list-group-horizontal-xl {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }
        .list-group-horizontal-xl>.list-group-item:first-child {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0;
        }
        .list-group-horizontal-xl>.list-group-item:last-child {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0;
        }
        .list-group-horizontal-xl>.list-group-item.active {
            margin-top: 0;
        }
        .list-group-horizontal-xl>.list-group-item+.list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0;
        }
        .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
            margin-left: calc(var(--bs-list-group-border-width) * -1);
            border-left-width: var(--bs-list-group-border-width);
        }
    }
    
    @media (min-width: 1400px) {
        .list-group-horizontal-xxl {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }
        .list-group-horizontal-xxl>.list-group-item:first-child {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0;
        }
        .list-group-horizontal-xxl>.list-group-item:last-child {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0;
        }
        .list-group-horizontal-xxl>.list-group-item.active {
            margin-top: 0;
        }
        .list-group-horizontal-xxl>.list-group-item+.list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0;
        }
        .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
            margin-left: calc(var(--bs-list-group-border-width) * -1);
            border-left-width: var(--bs-list-group-border-width);
        }
    }
    
    .list-group-flush {
        border-radius: 0;
    }
    
    .list-group-flush>.list-group-item {
        border-width: 0 0 var(--bs-list-group-border-width);
    }
    
    .list-group-flush>.list-group-item:last-child {
        border-bottom-width: 0;
    }
    
    .list-group-item-primary {
        color: #97000b;
        background-color: #feccd0;
    }
    
    .list-group-item-primary.list-group-item-action:hover,
    .list-group-item-primary.list-group-item-action:focus {
        color: #97000b;
        background-color: #e5b8bb;
    }
    
    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #97000b;
        border-color: #97000b;
    }
    
    .list-group-item-accent {
        color: #04473d;
        background-color: #cde4e0;
    }
    
    .list-group-item-accent.list-group-item-action:hover,
    .list-group-item-accent.list-group-item-action:focus {
        color: #04473d;
        background-color: #b9cdca;
    }
    
    .list-group-item-accent.list-group-item-action.active {
        color: #fff;
        background-color: #04473d;
        border-color: #04473d;
    }
    
    .list-group-item-secondary {
        color: #0a0a0a;
        background-color: #cfcfcf;
    }
    
    .list-group-item-secondary.list-group-item-action:hover,
    .list-group-item-secondary.list-group-item-action:focus {
        color: #0a0a0a;
        background-color: #bababa;
    }
    
    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #0a0a0a;
        border-color: #0a0a0a;
    }
    
    .list-group-item-success {
        color: #2c5543;
        background-color: #def4ed;
    }
    
    .list-group-item-success.list-group-item-action:hover,
    .list-group-item-success.list-group-item-action:focus {
        color: #2c5543;
        background-color: #c8dcd5;
    }
    
    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #2c5543;
        border-color: #2c5543;
    }
    
    .list-group-item-info {
        color: #306d99;
        background-color: #dcf0ff;
    }
    
    .list-group-item-info.list-group-item-action:hover,
    .list-group-item-info.list-group-item-action:focus {
        color: #306d99;
        background-color: #c6d8e6;
    }
    
    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #306d99;
        border-color: #306d99;
    }
    
    .list-group-item-warning {
        color: #6d4c09;
        background-color: #ffefd0;
    }
    
    .list-group-item-warning.list-group-item-action:hover,
    .list-group-item-warning.list-group-item-action:focus {
        color: #6d4c09;
        background-color: #e6d7bb;
    }
    
    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #6d4c09;
        border-color: #6d4c09;
    }
    
    .list-group-item-danger {
        color: #91343e;
        background-color: #fcdde1;
    }
    
    .list-group-item-danger.list-group-item-action:hover,
    .list-group-item-danger.list-group-item-action:focus {
        color: #91343e;
        background-color: #e3c7cb;
    }
    
    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #91343e;
        border-color: #91343e;
    }
    
    .list-group-item-light {
        color: #6d6b66;
        background-color: white;
    }
    
    .list-group-item-light.list-group-item-action:hover,
    .list-group-item-light.list-group-item-action:focus {
        color: #6d6b66;
        background-color: #e6e6e6;
    }
    
    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #6d6b66;
        border-color: #6d6b66;
    }
    
    .list-group-item-dark {
        color: #070d26;
        background-color: #ced0d9;
    }
    
    .list-group-item-dark.list-group-item-action:hover,
    .list-group-item-dark.list-group-item-action:focus {
        color: #070d26;
        background-color: #b9bbc3;
    }
    
    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #070d26;
        border-color: #070d26;
    }
    
    .btn-close {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        width: 1em;
        height: 1em;
        padding: 0.25em 0.25em;
        color: #0c0800;
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c0800'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
        border: 0;
        border-radius: 0.3125rem;
        opacity: 0.5;
    }
    
    .btn-close:hover {
        color: #0c0800;
        text-decoration: none;
        opacity: 0.75;
    }
    
    .btn-close:focus {
        outline: 0;
        -webkit-box-shadow: 0 0 0 0 rgba(252, 0, 18, 0.25);
        box-shadow: 0 0 0 0 rgba(252, 0, 18, 0.25);
        opacity: 1;
    }
    
    .btn-close:disabled,
    .btn-close.disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        opacity: 0.25;
    }
    
    .btn-close-white {
        -webkit-filter: invert(1) grayscale(100%) brightness(200%);
        filter: invert(1) grayscale(100%) brightness(200%);
    }
    
    .toast {
        --bs-toast-padding-x: 0.75rem;
        --bs-toast-padding-y: 0.5rem;
        --bs-toast-spacing: 1.5rem;
        --bs-toast-max-width: 350px;
        --bs-toast-font-size: 0.875rem;
        --bs-toast-color: ;
        --bs-toast-bg: rgba(255, 255, 255, 0.85);
        --bs-toast-border-width: 1px;
        --bs-toast-border-color: var(--bs-border-color-translucent);
        --bs-toast-border-radius: 0.3125rem;
        --bs-toast-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        --bs-toast-header-color: #575757;
        --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
        --bs-toast-header-border-color: rgba(12, 8, 0, 0.05);
        width: var(--bs-toast-max-width);
        max-width: 100%;
        font-size: var(--bs-toast-font-size);
        color: var(--bs-toast-color);
        pointer-events: auto;
        background-color: var(--bs-toast-bg);
        background-clip: padding-box;
        border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
        -webkit-box-shadow: var(--bs-toast-box-shadow);
        box-shadow: var(--bs-toast-box-shadow);
        border-radius: var(--bs-toast-border-radius);
    }
    
    .toast.showing {
        opacity: 0;
    }
    
    .toast:not(.show) {
        display: none;
    }
    
    .toast-container {
        position: absolute;
        z-index: 1090;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 100%;
        pointer-events: none;
    }
    
    .toast-container> :not(:last-child) {
        margin-bottom: var(--bs-toast-spacing);
    }
    
    .toast-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
        color: var(--bs-toast-header-color);
        background-color: var(--bs-toast-header-bg);
        background-clip: padding-box;
        border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
        border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
        border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    }
    
    .toast-header .btn-close {
        margin-right: calc(var(--bs-toast-padding-x) * -0.5);
        margin-left: var(--bs-toast-padding-x);
    }
    
    .toast-body {
        padding: var(--bs-toast-padding-x);
        word-wrap: break-word;
    }
    
    .modal {
        --bs-modal-zindex: 1055;
        --bs-modal-width: 500px;
        --bs-modal-padding: 1rem;
        --bs-modal-margin: 0.5rem;
        --bs-modal-color: ;
        --bs-modal-bg: #fff;
        --bs-modal-border-color: var(--bs-border-color-translucent);
        --bs-modal-border-width: 1px;
        --bs-modal-border-radius: 0.4375rem;
        --bs-modal-box-shadow: 0 0.125rem 0.3rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 0.75rem -0.0625rem rgba(12, 8, 0, 0.06);
        --bs-modal-inner-border-radius: calc(0.4375rem - 1px);
        --bs-modal-header-padding-x: 1rem;
        --bs-modal-header-padding-y: 1rem;
        --bs-modal-header-padding: 1rem 1rem;
        --bs-modal-header-border-color: var(--bs-border-color);
        --bs-modal-header-border-width: 1px;
        --bs-modal-title-line-height: 1.75;
        --bs-modal-footer-gap: 0.5rem;
        --bs-modal-footer-bg: ;
        --bs-modal-footer-border-color: var(--bs-border-color);
        --bs-modal-footer-border-width: 1px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: var(--bs-modal-zindex);
        display: none;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        outline: 0;
    }
    
    .modal-dialog {
        position: relative;
        width: auto;
        margin: var(--bs-modal-margin);
        pointer-events: none;
    }
    
    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform 0.3s ease-out;
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
        -webkit-transform: translate(0, -50px);
        transform: translate(0, -50px);
    }
    
    @media (prefers-reduced-motion: reduce) {
        .modal.fade .modal-dialog {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .modal.show .modal-dialog {
        -webkit-transform: none;
        transform: none;
    }
    
    .modal.modal-static .modal-dialog {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    
    .modal-dialog-scrollable {
        height: calc(100% - var(--bs-modal-margin) * 2);
    }
    
    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden;
    }
    
    .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }
    
    .modal-dialog-centered {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: calc(100% - var(--bs-modal-margin) * 2);
    }
    
    .modal-content {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        color: var(--bs-modal-color);
        pointer-events: auto;
        background-color: var(--bs-modal-bg);
        background-clip: padding-box;
        border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
        border-radius: var(--bs-modal-border-radius);
        outline: 0;
    }
    
    .modal-backdrop {
        --bs-backdrop-zindex: 1050;
        --bs-backdrop-bg: #0c0800;
        --bs-backdrop-opacity: 0.5;
        position: fixed;
        top: 0;
        left: 0;
        z-index: var(--bs-backdrop-zindex);
        width: 100vw;
        height: 100vh;
        background-color: var(--bs-backdrop-bg);
    }
    
    .modal-backdrop.fade {
        opacity: 0;
    }
    
    .modal-backdrop.show {
        opacity: var(--bs-backdrop-opacity);
    }
    
    .modal-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: var(--bs-modal-header-padding);
        border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
        border-top-left-radius: var(--bs-modal-inner-border-radius);
        border-top-right-radius: var(--bs-modal-inner-border-radius);
    }
    
    .modal-header .btn-close {
        padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
        margin: calc(var(--bs-modal-header-padding-y) * -0.5) calc(var(--bs-modal-header-padding-x) * -0.5) calc(var(--bs-modal-header-padding-y) * -0.5) auto;
    }
    
    .modal-title {
        margin-bottom: 0;
        line-height: var(--bs-modal-title-line-height);
    }
    
    .modal-body {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: var(--bs-modal-padding);
    }
    
    .modal-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
        background-color: var(--bs-modal-footer-bg);
        border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
        border-bottom-right-radius: var(--bs-modal-inner-border-radius);
        border-bottom-left-radius: var(--bs-modal-inner-border-radius);
    }
    
    .modal-footer>* {
        margin: calc(var(--bs-modal-footer-gap) * 0.5);
    }
    
    @media (min-width: 576px) {
        .modal {
            --bs-modal-margin: 1.75rem;
            --bs-modal-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        }
        .modal-dialog {
            max-width: var(--bs-modal-width);
            margin-right: auto;
            margin-left: auto;
        }
        .modal-sm {
            --bs-modal-width: 300px;
        }
    }
    
    @media (min-width: 992px) {
        .modal-lg,
        .modal-xl {
            --bs-modal-width: 800px;
        }
    }
    
    @media (min-width: 1200px) {
        .modal-xl {
            --bs-modal-width: 1140px;
        }
    }
    
    .modal-fullscreen {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    
    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    
    .modal-fullscreen .modal-header,
    .modal-fullscreen .modal-footer {
        border-radius: 0;
    }
    
    .modal-fullscreen .modal-body {
        overflow-y: auto;
    }
    
    @media (max-width: 575.98px) {
        .modal-fullscreen-sm-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0;
        }
        .modal-fullscreen-sm-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }
        .modal-fullscreen-sm-down .modal-header,
        .modal-fullscreen-sm-down .modal-footer {
            border-radius: 0;
        }
        .modal-fullscreen-sm-down .modal-body {
            overflow-y: auto;
        }
    }
    
    @media (max-width: 767.98px) {
        .modal-fullscreen-md-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0;
        }
        .modal-fullscreen-md-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }
        .modal-fullscreen-md-down .modal-header,
        .modal-fullscreen-md-down .modal-footer {
            border-radius: 0;
        }
        .modal-fullscreen-md-down .modal-body {
            overflow-y: auto;
        }
    }
    
    @media (max-width: 991.98px) {
        .modal-fullscreen-lg-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0;
        }
        .modal-fullscreen-lg-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }
        .modal-fullscreen-lg-down .modal-header,
        .modal-fullscreen-lg-down .modal-footer {
            border-radius: 0;
        }
        .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto;
        }
    }
    
    @media (max-width: 1199.98px) {
        .modal-fullscreen-xl-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0;
        }
        .modal-fullscreen-xl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }
        .modal-fullscreen-xl-down .modal-header,
        .modal-fullscreen-xl-down .modal-footer {
            border-radius: 0;
        }
        .modal-fullscreen-xl-down .modal-body {
            overflow-y: auto;
        }
    }
    
    @media (max-width: 1399.98px) {
        .modal-fullscreen-xxl-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0;
        }
        .modal-fullscreen-xxl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }
        .modal-fullscreen-xxl-down .modal-header,
        .modal-fullscreen-xxl-down .modal-footer {
            border-radius: 0;
        }
        .modal-fullscreen-xxl-down .modal-body {
            overflow-y: auto;
        }
    }
    
    .tooltip {
        --bs-tooltip-zindex: 1080;
        --bs-tooltip-max-width: 200px;
        --bs-tooltip-padding-x: 0.5rem;
        --bs-tooltip-padding-y: 0.25rem;
        --bs-tooltip-margin: ;
        --bs-tooltip-font-size: 0.875rem;
        --bs-tooltip-color: #fff;
        --bs-tooltip-bg: #0c0800;
        --bs-tooltip-border-radius: 0.3125rem;
        --bs-tooltip-opacity: 0.9;
        --bs-tooltip-arrow-width: 0.8rem;
        --bs-tooltip-arrow-height: 0.4rem;
        z-index: var(--bs-tooltip-zindex);
        display: block;
        padding: var(--bs-tooltip-arrow-height);
        margin: var(--bs-tooltip-margin);
        font-family: var(--bs-font-sans-serif);
        font-style: normal;
        font-weight: 400;
        line-height: 1.75;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        white-space: normal;
        word-spacing: normal;
        line-break: auto;
        font-size: var(--bs-tooltip-font-size);
        word-wrap: break-word;
        opacity: 0;
    }
    
    .tooltip.show {
        opacity: var(--bs-tooltip-opacity);
    }
    
    .tooltip .tooltip-arrow {
        display: block;
        width: var(--bs-tooltip-arrow-width);
        height: var(--bs-tooltip-arrow-height);
    }
    
    .tooltip .tooltip-arrow::before {
        position: absolute;
        content: "";
        border-color: transparent;
        border-style: solid;
    }
    
    .bs-tooltip-top .tooltip-arrow,
    .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
        bottom: 0;
    }
    
    .bs-tooltip-top .tooltip-arrow::before,
    .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
        top: -1px;
        border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
        border-top-color: var(--bs-tooltip-bg);
    }
    /* rtl:begin:ignore */
    
    .bs-tooltip-end .tooltip-arrow,
    .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
        left: 0;
        width: var(--bs-tooltip-arrow-height);
        height: var(--bs-tooltip-arrow-width);
    }
    
    .bs-tooltip-end .tooltip-arrow::before,
    .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
        right: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
        border-right-color: var(--bs-tooltip-bg);
    }
    /* rtl:end:ignore */
    
    .bs-tooltip-bottom .tooltip-arrow,
    .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
        top: 0;
    }
    
    .bs-tooltip-bottom .tooltip-arrow::before,
    .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
        bottom: -1px;
        border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
        border-bottom-color: var(--bs-tooltip-bg);
    }
    /* rtl:begin:ignore */
    
    .bs-tooltip-start .tooltip-arrow,
    .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
        right: 0;
        width: var(--bs-tooltip-arrow-height);
        height: var(--bs-tooltip-arrow-width);
    }
    
    .bs-tooltip-start .tooltip-arrow::before,
    .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
        left: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
        border-left-color: var(--bs-tooltip-bg);
    }
    /* rtl:end:ignore */
    
    .tooltip-inner {
        max-width: var(--bs-tooltip-max-width);
        padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
        color: var(--bs-tooltip-color);
        text-align: center;
        background-color: var(--bs-tooltip-bg);
        border-radius: var(--bs-tooltip-border-radius);
    }
    
    .popover {
        --bs-popover-zindex: 1070;
        --bs-popover-max-width: 276px;
        --bs-popover-font-size: 0.875rem;
        --bs-popover-bg: #fff;
        --bs-popover-border-width: 1px;
        --bs-popover-border-color: var(--bs-border-color-translucent);
        --bs-popover-border-radius: 0.4375rem;
        --bs-popover-inner-border-radius: calc(0.4375rem - 1px);
        --bs-popover-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        --bs-popover-header-padding-x: 1rem;
        --bs-popover-header-padding-y: 0.5rem;
        --bs-popover-header-font-size: 1rem;
        --bs-popover-header-color: var(--bs-heading-color);
        --bs-popover-header-bg: #f0f0f0;
        --bs-popover-body-padding-x: 1rem;
        --bs-popover-body-padding-y: 1rem;
        --bs-popover-body-color: #575757;
        --bs-popover-arrow-width: 1rem;
        --bs-popover-arrow-height: 0.5rem;
        --bs-popover-arrow-border: var(--bs-popover-border-color);
        z-index: var(--bs-popover-zindex);
        display: block;
        max-width: var(--bs-popover-max-width);
        font-family: var(--bs-font-sans-serif);
        font-style: normal;
        font-weight: 400;
        line-height: 1.75;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        white-space: normal;
        word-spacing: normal;
        line-break: auto;
        font-size: var(--bs-popover-font-size);
        word-wrap: break-word;
        background-color: var(--bs-popover-bg);
        background-clip: padding-box;
        border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
        border-radius: var(--bs-popover-border-radius);
    }
    
    .popover .popover-arrow {
        display: block;
        width: var(--bs-popover-arrow-width);
        height: var(--bs-popover-arrow-height);
    }
    
    .popover .popover-arrow::before,
    .popover .popover-arrow::after {
        position: absolute;
        display: block;
        content: "";
        border-color: transparent;
        border-style: solid;
        border-width: 0;
    }
    
    .bs-popover-top>.popover-arrow,
    .bs-popover-auto[data-popper-placement^=top]>.popover-arrow {
        bottom: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
    }
    
    .bs-popover-top>.popover-arrow::before,
    .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
    .bs-popover-top>.popover-arrow::after,
    .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
        border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
    }
    
    .bs-popover-top>.popover-arrow::before,
    .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before {
        bottom: 0;
        border-top-color: var(--bs-popover-arrow-border);
    }
    
    .bs-popover-top>.popover-arrow::after,
    .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
        bottom: var(--bs-popover-border-width);
        border-top-color: var(--bs-popover-bg);
    }
    /* rtl:begin:ignore */
    
    .bs-popover-end>.popover-arrow,
    .bs-popover-auto[data-popper-placement^=right]>.popover-arrow {
        left: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
        width: var(--bs-popover-arrow-height);
        height: var(--bs-popover-arrow-width);
    }
    
    .bs-popover-end>.popover-arrow::before,
    .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
    .bs-popover-end>.popover-arrow::after,
    .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
        border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
    }
    
    .bs-popover-end>.popover-arrow::before,
    .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before {
        left: 0;
        border-right-color: var(--bs-popover-arrow-border);
    }
    
    .bs-popover-end>.popover-arrow::after,
    .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
        left: var(--bs-popover-border-width);
        border-right-color: var(--bs-popover-bg);
    }
    /* rtl:end:ignore */
    
    .bs-popover-bottom>.popover-arrow,
    .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow {
        top: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
    }
    
    .bs-popover-bottom>.popover-arrow::before,
    .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
    .bs-popover-bottom>.popover-arrow::after,
    .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
        border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
    }
    
    .bs-popover-bottom>.popover-arrow::before,
    .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before {
        top: 0;
        border-bottom-color: var(--bs-popover-arrow-border);
    }
    
    .bs-popover-bottom>.popover-arrow::after,
    .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
        top: var(--bs-popover-border-width);
        border-bottom-color: var(--bs-popover-bg);
    }
    
    .bs-popover-bottom .popover-header::before,
    .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: var(--bs-popover-arrow-width);
        margin-left: calc(var(--bs-popover-arrow-width) * -0.5);
        content: "";
        border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
    }
    /* rtl:begin:ignore */
    
    .bs-popover-start>.popover-arrow,
    .bs-popover-auto[data-popper-placement^=left]>.popover-arrow {
        right: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
        width: var(--bs-popover-arrow-height);
        height: var(--bs-popover-arrow-width);
    }
    
    .bs-popover-start>.popover-arrow::before,
    .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
    .bs-popover-start>.popover-arrow::after,
    .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
        border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
    }
    
    .bs-popover-start>.popover-arrow::before,
    .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before {
        right: 0;
        border-left-color: var(--bs-popover-arrow-border);
    }
    
    .bs-popover-start>.popover-arrow::after,
    .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
        right: var(--bs-popover-border-width);
        border-left-color: var(--bs-popover-bg);
    }
    /* rtl:end:ignore */
    
    .popover-header {
        padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
        margin-bottom: 0;
        font-size: var(--bs-popover-header-font-size);
        color: var(--bs-popover-header-color);
        background-color: var(--bs-popover-header-bg);
        border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
        border-top-left-radius: var(--bs-popover-inner-border-radius);
        border-top-right-radius: var(--bs-popover-inner-border-radius);
    }
    
    .popover-header:empty {
        display: none;
    }
    
    .popover-body {
        padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
        color: var(--bs-popover-body-color);
    }
    
    .carousel {
        position: relative;
    }
    
    .carousel.pointer-event {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
    }
    
    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    
    .carousel-inner::after {
        display: block;
        clear: both;
        content: "";
    }
    
    .carousel-item {
        position: relative;
        display: none;
        float: left;
        width: 100%;
        margin-right: -100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        transition: -webkit-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .carousel-item {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        display: block;
    }
    /* rtl:begin:ignore */
    
    .carousel-item-next:not(.carousel-item-start),
    .active.carousel-item-end {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    
    .carousel-item-prev:not(.carousel-item-end),
    .active.carousel-item-start {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    /* rtl:end:ignore */
    
    .carousel-fade .carousel-item {
        opacity: 0;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transform: none;
        transform: none;
    }
    
    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-start,
    .carousel-fade .carousel-item-prev.carousel-item-end {
        z-index: 1;
        opacity: 1;
    }
    
    .carousel-fade .active.carousel-item-start,
    .carousel-fade .active.carousel-item-end {
        z-index: 0;
        opacity: 0;
        -webkit-transition: opacity 0s 0.6s;
        transition: opacity 0s 0.6s;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .carousel-fade .active.carousel-item-start,
        .carousel-fade .active.carousel-item-end {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .carousel-control-prev,
    .carousel-control-next {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 15%;
        padding: 0;
        color: #fff;
        text-align: center;
        background: none;
        border: 0;
        opacity: 0.5;
        -webkit-transition: opacity 0.15s ease;
        transition: opacity 0.15s ease;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .carousel-control-prev,
        .carousel-control-next {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .carousel-control-prev:hover,
    .carousel-control-prev:focus,
    .carousel-control-next:hover,
    .carousel-control-next:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: 0.9;
    }
    
    .carousel-control-prev {
        left: 0;
    }
    
    .carousel-control-next {
        right: 0;
    }
    
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100% 100%;
    }
    /* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
    
    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    }
    
    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }
    
    .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
        margin-right: 15%;
        margin-bottom: 1rem;
        margin-left: 15%;
        list-style: none;
    }
    
    .carousel-indicators [data-bs-target] {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: 0.5;
        -webkit-transition: opacity 0.6s ease;
        transition: opacity 0.6s ease;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .carousel-indicators [data-bs-target] {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .carousel-indicators .active {
        opacity: 1;
    }
    
    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 1.25rem;
        left: 15%;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        color: #fff;
        text-align: center;
    }
    
    .carousel-dark .carousel-control-prev-icon,
    .carousel-dark .carousel-control-next-icon {
        -webkit-filter: invert(1) grayscale(100);
        filter: invert(1) grayscale(100);
    }
    
    .carousel-dark .carousel-indicators [data-bs-target] {
        background-color: #0c0800;
    }
    
    .carousel-dark .carousel-caption {
        color: #0c0800;
    }
    
    .spinner-grow,
    .spinner-border {
        display: inline-block;
        width: var(--bs-spinner-width);
        height: var(--bs-spinner-height);
        vertical-align: var(--bs-spinner-vertical-align);
        border-radius: 50%;
        -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
        animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
    }
    
    @-webkit-keyframes spinner-border {
        to {
            -webkit-transform: rotate(360deg)/* rtl:ignore */
            ;
            transform: rotate(360deg)/* rtl:ignore */
            ;
        }
    }
    
    @keyframes spinner-border {
        to {
            -webkit-transform: rotate(360deg)/* rtl:ignore */
            ;
            transform: rotate(360deg)/* rtl:ignore */
            ;
        }
    }
    
    .spinner-border {
        --bs-spinner-width: 2rem;
        --bs-spinner-height: 2rem;
        --bs-spinner-vertical-align: -0.125em;
        --bs-spinner-border-width: 0.25em;
        --bs-spinner-animation-speed: 0.75s;
        --bs-spinner-animation-name: spinner-border;
        border: var(--bs-spinner-border-width) solid currentcolor;
        border-right-color: transparent;
    }
    
    .spinner-border-sm {
        --bs-spinner-width: 1rem;
        --bs-spinner-height: 1rem;
        --bs-spinner-border-width: 0.2em;
    }
    
    @-webkit-keyframes spinner-grow {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0);
        }
        50% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    
    @keyframes spinner-grow {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0);
        }
        50% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    
    .spinner-grow {
        --bs-spinner-width: 2rem;
        --bs-spinner-height: 2rem;
        --bs-spinner-vertical-align: -0.125em;
        --bs-spinner-animation-speed: 0.75s;
        --bs-spinner-animation-name: spinner-grow;
        background-color: currentcolor;
        opacity: 0;
    }
    
    .spinner-grow-sm {
        --bs-spinner-width: 1rem;
        --bs-spinner-height: 1rem;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .spinner-border,
        .spinner-grow {
            --bs-spinner-animation-speed: 1.5s;
        }
    }
    
    .offcanvas,
    .offcanvas-xxl,
    .offcanvas-xl,
    .offcanvas-lg,
    .offcanvas-md,
    .offcanvas-sm {
        --bs-offcanvas-width: 400px;
        --bs-offcanvas-height: 30vh;
        --bs-offcanvas-padding-x: 1rem;
        --bs-offcanvas-padding-y: 1rem;
        --bs-offcanvas-color: ;
        --bs-offcanvas-bg: #fff;
        --bs-offcanvas-border-width: 1px;
        --bs-offcanvas-border-color: var(--bs-border-color-translucent);
        --bs-offcanvas-box-shadow: 0 0.125rem 0.3rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 0.75rem -0.0625rem rgba(12, 8, 0, 0.06);
    }
    
    @media (max-width: 575.98px) {
        .offcanvas-sm {
            position: fixed;
            bottom: 0;
            z-index: 1045;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            -webkit-transition: -webkit-transform 0.3s ease-in-out;
            transition: -webkit-transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        }
    }
    
    @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
        .offcanvas-sm {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    @media (max-width: 575.98px) {
        .offcanvas-sm.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }
    }
    
    @media (max-width: 575.98px) {
        .offcanvas-sm.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }
    }
    
    @media (max-width: 575.98px) {
        .offcanvas-sm.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
        }
    }
    
    @media (max-width: 575.98px) {
        .offcanvas-sm.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
        }
    }
    
    @media (max-width: 575.98px) {
        .offcanvas-sm.showing,
        .offcanvas-sm.show:not(.hiding) {
            -webkit-transform: none;
            transform: none;
        }
    }
    
    @media (max-width: 575.98px) {
        .offcanvas-sm.showing,
        .offcanvas-sm.hiding,
        .offcanvas-sm.show {
            visibility: visible;
        }
    }
    
    @media (min-width: 576px) {
        .offcanvas-sm {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important;
        }
        .offcanvas-sm .offcanvas-header {
            display: none;
        }
        .offcanvas-sm .offcanvas-body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important;
        }
    }
    
    @media (max-width: 767.98px) {
        .offcanvas-md {
            position: fixed;
            bottom: 0;
            z-index: 1045;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            -webkit-transition: -webkit-transform 0.3s ease-in-out;
            transition: -webkit-transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        }
    }
    
    @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
        .offcanvas-md {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    @media (max-width: 767.98px) {
        .offcanvas-md.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }
    }
    
    @media (max-width: 767.98px) {
        .offcanvas-md.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }
    }
    
    @media (max-width: 767.98px) {
        .offcanvas-md.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
        }
    }
    
    @media (max-width: 767.98px) {
        .offcanvas-md.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
        }
    }
    
    @media (max-width: 767.98px) {
        .offcanvas-md.showing,
        .offcanvas-md.show:not(.hiding) {
            -webkit-transform: none;
            transform: none;
        }
    }
    
    @media (max-width: 767.98px) {
        .offcanvas-md.showing,
        .offcanvas-md.hiding,
        .offcanvas-md.show {
            visibility: visible;
        }
    }
    
    @media (min-width: 768px) {
        .offcanvas-md {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important;
        }
        .offcanvas-md .offcanvas-header {
            display: none;
        }
        .offcanvas-md .offcanvas-body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important;
        }
    }
    
    @media (max-width: 991.98px) {
        .offcanvas-lg {
            position: fixed;
            bottom: 0;
            z-index: 1045;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            -webkit-transition: -webkit-transform 0.3s ease-in-out;
            transition: -webkit-transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        }
    }
    
    @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
        .offcanvas-lg {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    @media (max-width: 991.98px) {
        .offcanvas-lg.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }
    }
    
    @media (max-width: 991.98px) {
        .offcanvas-lg.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }
    }
    
    @media (max-width: 991.98px) {
        .offcanvas-lg.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
        }
    }
    
    @media (max-width: 991.98px) {
        .offcanvas-lg.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
        }
    }
    
    @media (max-width: 991.98px) {
        .offcanvas-lg.showing,
        .offcanvas-lg.show:not(.hiding) {
            -webkit-transform: none;
            transform: none;
        }
    }
    
    @media (max-width: 991.98px) {
        .offcanvas-lg.showing,
        .offcanvas-lg.hiding,
        .offcanvas-lg.show {
            visibility: visible;
        }
    }
    
    @media (min-width: 992px) {
        .offcanvas-lg {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important;
        }
        .offcanvas-lg .offcanvas-header {
            display: none;
        }
        .offcanvas-lg .offcanvas-body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important;
        }
    }
    
    @media (max-width: 1199.98px) {
        .offcanvas-xl {
            position: fixed;
            bottom: 0;
            z-index: 1045;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            -webkit-transition: -webkit-transform 0.3s ease-in-out;
            transition: -webkit-transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        }
    }
    
    @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
        .offcanvas-xl {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    @media (max-width: 1199.98px) {
        .offcanvas-xl.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }
    }
    
    @media (max-width: 1199.98px) {
        .offcanvas-xl.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }
    }
    
    @media (max-width: 1199.98px) {
        .offcanvas-xl.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
        }
    }
    
    @media (max-width: 1199.98px) {
        .offcanvas-xl.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
        }
    }
    
    @media (max-width: 1199.98px) {
        .offcanvas-xl.showing,
        .offcanvas-xl.show:not(.hiding) {
            -webkit-transform: none;
            transform: none;
        }
    }
    
    @media (max-width: 1199.98px) {
        .offcanvas-xl.showing,
        .offcanvas-xl.hiding,
        .offcanvas-xl.show {
            visibility: visible;
        }
    }
    
    @media (min-width: 1200px) {
        .offcanvas-xl {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important;
        }
        .offcanvas-xl .offcanvas-header {
            display: none;
        }
        .offcanvas-xl .offcanvas-body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important;
        }
    }
    
    @media (max-width: 1399.98px) {
        .offcanvas-xxl {
            position: fixed;
            bottom: 0;
            z-index: 1045;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            -webkit-transition: -webkit-transform 0.3s ease-in-out;
            transition: -webkit-transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        }
    }
    
    @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
        .offcanvas-xxl {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    @media (max-width: 1399.98px) {
        .offcanvas-xxl.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }
    }
    
    @media (max-width: 1399.98px) {
        .offcanvas-xxl.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }
    }
    
    @media (max-width: 1399.98px) {
        .offcanvas-xxl.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
        }
    }
    
    @media (max-width: 1399.98px) {
        .offcanvas-xxl.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
        }
    }
    
    @media (max-width: 1399.98px) {
        .offcanvas-xxl.showing,
        .offcanvas-xxl.show:not(.hiding) {
            -webkit-transform: none;
            transform: none;
        }
    }
    
    @media (max-width: 1399.98px) {
        .offcanvas-xxl.showing,
        .offcanvas-xxl.hiding,
        .offcanvas-xxl.show {
            visibility: visible;
        }
    }
    
    @media (min-width: 1400px) {
        .offcanvas-xxl {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important;
        }
        .offcanvas-xxl .offcanvas-header {
            display: none;
        }
        .offcanvas-xxl .offcanvas-body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important;
        }
    }
    
    .offcanvas {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    }
    
    @media (prefers-reduced-motion: reduce) {
        .offcanvas {
            -webkit-transition: none;
            transition: none;
        }
    }
    
    .offcanvas.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    
    .offcanvas.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    
    .offcanvas.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    
    .offcanvas.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    .offcanvas.showing,
    .offcanvas.show:not(.hiding) {
        -webkit-transform: none;
        transform: none;
    }
    
    .offcanvas.showing,
    .offcanvas.hiding,
    .offcanvas.show {
        visibility: visible;
    }
    
    .offcanvas-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: #0c0800;
    }
    
    .offcanvas-backdrop.fade {
        opacity: 0;
    }
    
    .offcanvas-backdrop.show {
        opacity: 0.5;
    }
    
    .offcanvas-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    }
    
    .offcanvas-header .btn-close {
        padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
        margin-top: calc(var(--bs-offcanvas-padding-y) * -0.5);
        margin-right: calc(var(--bs-offcanvas-padding-x) * -0.5);
        margin-bottom: calc(var(--bs-offcanvas-padding-y) * -0.5);
    }
    
    .offcanvas-title {
        margin-bottom: 0;
        line-height: 1.75;
    }
    
    .offcanvas-body {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
        overflow-y: auto;
    }
    
    .placeholder {
        display: inline-block;
        min-height: 1em;
        vertical-align: middle;
        cursor: wait;
        background-color: currentcolor;
        opacity: 0.5;
    }
    
    .placeholder.btn::before {
        display: inline-block;
        content: "";
    }
    
    .placeholder-xs {
        min-height: 0.6em;
    }
    
    .placeholder-sm {
        min-height: 0.8em;
    }
    
    .placeholder-lg {
        min-height: 1.2em;
    }
    
    .placeholder-glow .placeholder {
        -webkit-animation: placeholder-glow 2s ease-in-out infinite;
        animation: placeholder-glow 2s ease-in-out infinite;
    }
    
    @-webkit-keyframes placeholder-glow {
        50% {
            opacity: 0.2;
        }
    }
    
    @keyframes placeholder-glow {
        50% {
            opacity: 0.2;
        }
    }
    
    .placeholder-wave {
        -webkit-mask-image: linear-gradient(130deg, #0c0800 55%, rgba(0, 0, 0, 0.8) 75%, #0c0800 95%);
        mask-image: linear-gradient(130deg, #0c0800 55%, rgba(0, 0, 0, 0.8) 75%, #0c0800 95%);
        -webkit-mask-size: 200% 100%;
        mask-size: 200% 100%;
        -webkit-animation: placeholder-wave 2s linear infinite;
        animation: placeholder-wave 2s linear infinite;
    }
    
    @-webkit-keyframes placeholder-wave {
        100% {
            -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
        }
    }
    
    @keyframes placeholder-wave {
        100% {
            -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
        }
    }
    
    .clearfix::after {
        display: block;
        clear: both;
        content: "";
    }
    
    .text-bg-primary {
        color: #0c0800 !important;
        background-color: RGBA(252, 0, 18, var(--bs-bg-opacity, 1)) !important;
    }
    
    .text-bg-accent {
        color: #fff !important;
        background-color: RGBA(7, 119, 101, var(--bs-bg-opacity, 1)) !important;
    }
    
    .text-bg-secondary {
        color: #fff !important;
        background-color: RGBA(17, 16, 16, var(--bs-bg-opacity, 1)) !important;
    }
    
    .text-bg-success {
        color: #0c0800 !important;
        background-color: RGBA(92, 201, 167, var(--bs-bg-opacity, 1)) !important;
    }
    
    .text-bg-info {
        color: #0c0800 !important;
        background-color: RGBA(80, 181, 255, var(--bs-bg-opacity, 1)) !important;
    }
    
    .text-bg-warning {
        color: #0c0800 !important;
        background-color: RGBA(255, 177, 22, var(--bs-bg-opacity, 1)) !important;
    }
    
    .text-bg-danger {
        color: #0c0800 !important;
        background-color: RGBA(242, 87, 103, var(--bs-bg-opacity, 1)) !important;
    }
    
    .text-bg-light {
        color: #0c0800 !important;
        background-color: RGBA(255, 255, 255, var(--bs-bg-opacity, 1)) !important;
    }
    
    .text-bg-dark {
        color: #fff !important;
        background-color: RGBA(11, 22, 63, var(--bs-bg-opacity, 1)) !important;
    }
    
    .link-primary {
        color: #20a8d9 !important;
    }
    
    .link-primary:hover,
    .link-primary:focus {
        color: #20a8d9 !important;
    }
    
    .link-accent {
        color: #077765 !important;
    }
    
    .link-accent:hover,
    .link-accent:focus {
        color: #077765 !important;
    }
    
    .link-secondary {
        color: #111010 !important;
    }
    
    .link-secondary:hover,
    .link-secondary:focus {
        color: #111010 !important;
    }
    
    .link-success {
        color: #5cc9a7 !important;
    }
    
    .link-success:hover,
    .link-success:focus {
        color: #5cc9a7 !important;
    }
    
    .link-info {
        color: #50b5ff !important;
    }
    
    .link-info:hover,
    .link-info:focus {
        color: #50b5ff !important;
    }
    
    .link-warning {
        color: #ffb116 !important;
    }
    
    .link-warning:hover,
    .link-warning:focus {
        color: #ffb116 !important;
    }
    
    .link-danger {
        color: #f25767 !important;
    }
    
    .link-danger:hover,
    .link-danger:focus {
        color: #f25767 !important;
    }
    
    .link-light {
        color: #fff !important;
    }
    
    .link-light:hover,
    .link-light:focus {
        color: white !important;
    }
    
    .link-dark {
        color: #0b163f !important;
    }
    
    .link-dark:hover,
    .link-dark:focus {
        color: #0b163f !important;
    }
    
    .ratio {
        position: relative;
        width: 100%;
    }
    
    .ratio::before {
        display: block;
        padding-top: var(--bs-aspect-ratio);
        content: "";
    }
    
    .ratio>* {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .ratio-1x1 {
        --bs-aspect-ratio: 100%;
    }
    
    .ratio-4x3 {
        --bs-aspect-ratio: 75%;
    }
    
    .ratio-16x9 {
        --bs-aspect-ratio: 56.25%;
    }
    
    .ratio-21x9 {
        --bs-aspect-ratio: 42.8571428571%;
    }
    
    .fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    
    .fixed-bottom {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1030;
    }
    
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
    
    .sticky-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020;
    }
    
    @media (min-width: 576px) {
        .sticky-sm-top {
            position: sticky;
            top: 0;
            z-index: 1020;
        }
        .sticky-sm-bottom {
            position: sticky;
            bottom: 0;
            z-index: 1020;
        }
    }
    
    @media (min-width: 768px) {
        .sticky-md-top {
            position: sticky;
            top: 0;
            z-index: 1020;
        }
        .sticky-md-bottom {
            position: sticky;
            bottom: 0;
            z-index: 1020;
        }
    }
    
    @media (min-width: 992px) {
        .sticky-lg-top {
            position: sticky;
            top: 0;
            z-index: 1020;
        }
        .sticky-lg-bottom {
            position: sticky;
            bottom: 0;
            z-index: 1020;
        }
    }
    
    @media (min-width: 1200px) {
        .sticky-xl-top {
            position: sticky;
            top: 0;
            z-index: 1020;
        }
        .sticky-xl-bottom {
            position: sticky;
            bottom: 0;
            z-index: 1020;
        }
    }
    
    @media (min-width: 1400px) {
        .sticky-xxl-top {
            position: sticky;
            top: 0;
            z-index: 1020;
        }
        .sticky-xxl-bottom {
            position: sticky;
            bottom: 0;
            z-index: 1020;
        }
    }
    
    .hstack {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }
    
    .vstack {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }
    
    .visually-hidden,
    .visually-hidden-focusable:not(:focus):not(:focus-within) {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
    
    .stretched-link::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        content: "";
    }
    
    .text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .vr {
        display: inline-block;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        width: 1px;
        min-height: 1em;
        background-color: currentcolor;
        opacity: 1;
    }
    
    .align-baseline {
        vertical-align: baseline !important;
    }
    
    .align-top {
        vertical-align: top !important;
    }
    
    .align-middle {
        vertical-align: middle !important;
    }
    
    .align-bottom {
        vertical-align: bottom !important;
    }
    
    .align-text-bottom {
        vertical-align: text-bottom !important;
    }
    
    .align-text-top {
        vertical-align: text-top !important;
    }
    
    .float-start {
        float: left !important;
    }
    
    .float-end {
        float: right !important;
    }
    
    .float-none {
        float: none !important;
    }
    
    .opacity-0 {
        opacity: 0 !important;
    }
    
    .opacity-25 {
        opacity: 0.25 !important;
    }
    
    .opacity-50 {
        opacity: 0.5 !important;
    }
    
    .opacity-75 {
        opacity: 0.75 !important;
    }
    
    .opacity-100 {
        opacity: 1 !important;
    }
    
    .overflow-auto {
        overflow: auto !important;
    }
    
    .overflow-hidden {
        overflow: hidden !important;
    }
    
    .overflow-visible {
        overflow: visible !important;
    }
    
    .overflow-scroll {
        overflow: scroll !important;
    }
    
    .d-inline {
        display: inline !important;
    }
    
    .d-inline-block {
        display: inline-block !important;
    }
    
    .d-block {
        display: block !important;
    }
    
    .d-grid {
        display: grid !important;
    }
    
    .d-table {
        display: table !important;
    }
    
    .d-table-row {
        display: table-row !important;
    }
    
    .d-table-cell {
        display: table-cell !important;
    }
    
    .d-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    
    .d-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    
    .d-none {
        display: none !important;
    }
    
    .shadow {
        -webkit-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05) !important;
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05) !important;
    }
    
    .shadow-sm {
        -webkit-box-shadow: 0 0.125rem 0.3rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 0.75rem -0.0625rem rgba(12, 8, 0, 0.06) !important;
        box-shadow: 0 0.125rem 0.3rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 0.75rem -0.0625rem rgba(12, 8, 0, 0.06) !important;
    }
    
    .shadow-lg {
        -webkit-box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(12, 8, 0, 0.1) !important;
        box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(12, 8, 0, 0.1) !important;
    }
    
    .shadow-none {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    
    .position-static {
        position: static !important;
    }
    
    .position-relative {
        position: relative !important;
    }
    
    .position-absolute {
        position: absolute !important;
    }
    
    .position-fixed {
        position: fixed !important;
    }
    
    .position-sticky {
        position: sticky !important;
    }
    
    .top-0 {
        top: 0 !important;
    }
    
    .top-50 {
        top: 50% !important;
    }
    
    .top-100 {
        top: 100% !important;
    }
    
    .bottom-0 {
        bottom: 0 !important;
    }
    
    .bottom-50 {
        bottom: 50% !important;
    }
    
    .bottom-100 {
        bottom: 100% !important;
    }
    
    .start-0 {
        left: 0 !important;
    }
    
    .start-50 {
        left: 50% !important;
    }
    
    .start-100 {
        left: 100% !important;
    }
    
    .end-0 {
        right: 0 !important;
    }
    
    .end-50 {
        right: 50% !important;
    }
    
    .end-100 {
        right: 100% !important;
    }
    
    .translate-middle {
        -webkit-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important;
    }
    
    .translate-middle-x {
        -webkit-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
    }
    
    .translate-middle-y {
        -webkit-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;
    }
    
    .border {
        border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    
    .border-0 {
        border: 0 !important;
    }
    
    .border-top {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    
    .border-top-0 {
        border-top: 0 !important;
    }
    
    .border-end {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    
    .border-end-0 {
        border-right: 0 !important;
    }
    
    .border-bottom {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    
    .border-bottom-0 {
        border-bottom: 0 !important;
    }
    
    .border-start {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    
    .border-start-0 {
        border-left: 0 !important;
    }
    
    .border-primary {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
    }
    
    .border-accent {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-accent-rgb), var(--bs-border-opacity)) !important;
    }
    
    .border-secondary {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
    }
    
    .border-success {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
    }
    
    .border-info {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
    }
    
    .border-warning {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
    }
    
    .border-danger {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
    }
    
    .border-light {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
    }
    
    .border-dark {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
    }
    
    .border-white {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
    }
    
    .border-1 {
        --bs-border-width: 1px;
    }
    
    .border-2 {
        --bs-border-width: 2px;
    }
    
    .border-3 {
        --bs-border-width: 3px;
    }
    
    .border-4 {
        --bs-border-width: 4px;
    }
    
    .border-5 {
        --bs-border-width: 5px;
    }
    
    .border-opacity-10 {
        --bs-border-opacity: 0.1;
    }
    
    .border-opacity-25 {
        --bs-border-opacity: 0.25;
    }
    
    .border-opacity-50 {
        --bs-border-opacity: 0.5;
    }
    
    .border-opacity-75 {
        --bs-border-opacity: 0.75;
    }
    
    .border-opacity-100 {
        --bs-border-opacity: 1;
    }
    
    .w-25 {
        width: 25% !important;
    }
    
    .w-50 {
        width: 50% !important;
    }
    
    .w-75 {
        width: 75% !important;
    }
    
    .w-100 {
        width: 100% !important;
    }
    
    .w-auto {
        width: auto !important;
    }
    
    .mw-100 {
        max-width: 100% !important;
    }
    
    .vw-100 {
        width: 100vw !important;
    }
    
    .min-vw-100 {
        min-width: 100vw !important;
    }
    
    .h-25 {
        height: 25% !important;
    }
    
    .h-50 {
        height: 50% !important;
    }
    
    .h-75 {
        height: 75% !important;
    }
    
    .h-100 {
        height: 100% !important;
    }
    
    .h-auto {
        height: auto !important;
    }
    
    .mh-100 {
        max-height: 100% !important;
    }
    
    .vh-100 {
        height: 100vh !important;
    }
    
    .min-vh-100 {
        min-height: 100vh !important;
    }
    
    .flex-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }
    
    .flex-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    
    .flex-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    
    .flex-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    
    .flex-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    
    .flex-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }
    
    .flex-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }
    
    .flex-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }
    
    .flex-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }
    
    .flex-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    
    .flex-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    
    .flex-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
    
    .justify-content-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    
    .justify-content-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    
    .justify-content-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    
    .justify-content-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    
    .justify-content-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    
    .justify-content-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important;
    }
    
    .align-items-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    
    .align-items-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    
    .align-items-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    
    .align-items-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    
    .align-items-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    
    .align-content-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    
    .align-content-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    
    .align-content-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    
    .align-content-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    
    .align-content-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    
    .align-content-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    
    .align-self-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    
    .align-self-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    
    .align-self-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    
    .align-self-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    
    .align-self-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    
    .align-self-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
    
    .order-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important;
    }
    
    .order-0 {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important;
    }
    
    .order-1 {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
    }
    
    .order-2 {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important;
    }
    
    .order-3 {
        -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important;
    }
    
    .order-4 {
        -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important;
    }
    
    .order-5 {
        -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important;
    }
    
    .order-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important;
    }
    
    .m-0 {
        margin: 0 !important;
    }
    
    .m-1 {
        margin: 0.25rem !important;
    }
    
    .m-2 {
        margin: 0.5rem !important;
    }
    
    .m-3 {
        margin: 1rem !important;
    }
    
    .m-4 {
        margin: 1.5rem !important;
    }
    
    .m-5 {
        margin: 3rem !important;
    }
    
    .m-10 {
        margin: 10rem !important;
    }
    
    .m-grid-gutter {
        margin: 1.5rem !important;
    }
    
    .m-auto {
        margin: auto !important;
    }
    
    .mx-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    
    .mx-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    
    .mx-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    
    .mx-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    
    .mx-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    
    .mx-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    
    .mx-10 {
        margin-right: 10rem !important;
        margin-left: 10rem !important;
    }
    
    .mx-grid-gutter {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    
    .mx-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    
    .my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .my-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    
    .my-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .my-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    
    .my-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .my-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    
    .my-10 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }
    
    .my-grid-gutter {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    
    .mt-0 {
        margin-top: 0 !important;
    }
    
    .mt-1 {
        margin-top: 0.25rem !important;
    }
    
    .mt-2 {
        margin-top: 0.5rem !important;
    }
    
    .mt-3 {
        margin-top: 1rem !important;
    }
    
    .mt-4 {
        margin-top: 1.5rem !important;
    }
    
    .mt-5 {
        margin-top: 3rem !important;
    }
    
    .mt-10 {
        margin-top: 10rem !important;
    }
    
    .mt-grid-gutter {
        margin-top: 1.5rem !important;
    }
    
    .mt-auto {
        margin-top: auto !important;
    }
    
    .me-0 {
        margin-right: 0 !important;
    }
    
    .me-1 {
        margin-right: 0.25rem !important;
    }
    
    .me-2 {
        margin-right: 0.5rem !important;
    }
    
    .me-3 {
        margin-right: 1rem !important;
    }
    
    .me-4 {
        margin-right: 1.5rem !important;
    }
    
    .me-5 {
        margin-right: 3rem !important;
    }
    
    .me-10 {
        margin-right: 10rem !important;
    }
    
    .me-grid-gutter {
        margin-right: 1.5rem !important;
    }
    
    .me-auto {
        margin-right: auto !important;
    }
    
    .mb-0 {
        margin-bottom: 0 !important;
    }
    
    .mb-1 {
        margin-bottom: 0.25rem !important;
    }
    
    .mb-2 {
        margin-bottom: 0.5rem !important;
    }
    
    .mb-3 {
        margin-bottom: 1rem !important;
    }
    
    .mb-4 {
        margin-bottom: 1.5rem !important;
    }
    
    .mb-5 {
        margin-bottom: 3rem !important;
    }
    
    .mb-10 {
        margin-bottom: 10rem !important;
    }
    
    .mb-grid-gutter {
        margin-bottom: 1.5rem !important;
    }
    
    .mb-auto {
        margin-bottom: auto !important;
    }
    
    .ms-0 {
        margin-left: 0 !important;
    }
    
    .ms-1 {
        margin-left: 0.25rem !important;
    }
    
    .ms-2 {
        margin-left: 0.5rem !important;
    }
    
    .ms-3 {
        margin-left: 1rem !important;
    }
    
    .ms-4 {
        margin-left: 1.5rem !important;
    }
    
    .ms-5 {
        margin-left: 3rem !important;
    }
    
    .ms-10 {
        margin-left: 10rem !important;
    }
    
    .ms-grid-gutter {
        margin-left: 1.5rem !important;
    }
    
    .ms-auto {
        margin-left: auto !important;
    }
    
    .m-n1 {
        margin: -0.25rem !important;
    }
    
    .m-n2 {
        margin: -0.5rem !important;
    }
    
    .m-n3 {
        margin: -1rem !important;
    }
    
    .m-n4 {
        margin: -1.5rem !important;
    }
    
    .m-n5 {
        margin: -3rem !important;
    }
    
    .m-n10 {
        margin: -10rem !important;
    }
    
    .m-ngrid-gutter {
        margin: -1.5rem !important;
    }
    
    .mx-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }
    
    .mx-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }
    
    .mx-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }
    
    .mx-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }
    
    .mx-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }
    
    .mx-n10 {
        margin-right: -10rem !important;
        margin-left: -10rem !important;
    }
    
    .mx-ngrid-gutter {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }
    
    .my-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }
    
    .my-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }
    
    .my-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }
    
    .my-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }
    
    .my-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }
    
    .my-n10 {
        margin-top: -10rem !important;
        margin-bottom: -10rem !important;
    }
    
    .my-ngrid-gutter {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }
    
    .mt-n1 {
        margin-top: -0.25rem !important;
    }
    
    .mt-n2 {
        margin-top: -0.5rem !important;
    }
    
    .mt-n3 {
        margin-top: -1rem !important;
    }
    
    .mt-n4 {
        margin-top: -1.5rem !important;
    }
    
    .mt-n5 {
        margin-top: -3rem !important;
    }
    
    .mt-n10 {
        margin-top: -10rem !important;
    }
    
    .mt-ngrid-gutter {
        margin-top: -1.5rem !important;
    }
    
    .me-n1 {
        margin-right: -0.25rem !important;
    }
    
    .me-n2 {
        margin-right: -0.5rem !important;
    }
    
    .me-n3 {
        margin-right: -1rem !important;
    }
    
    .me-n4 {
        margin-right: -1.5rem !important;
    }
    
    .me-n5 {
        margin-right: -3rem !important;
    }
    
    .me-n10 {
        margin-right: -10rem !important;
    }
    
    .me-ngrid-gutter {
        margin-right: -1.5rem !important;
    }
    
    .mb-n1 {
        margin-bottom: -0.25rem !important;
    }
    
    .mb-n2 {
        margin-bottom: -0.5rem !important;
    }
    
    .mb-n3 {
        margin-bottom: -1rem !important;
    }
    
    .mb-n4 {
        margin-bottom: -1.5rem !important;
    }
    
    .mb-n5 {
        margin-bottom: -3rem !important;
    }
    
    .mb-n10 {
        margin-bottom: -10rem !important;
    }
    
    .mb-ngrid-gutter {
        margin-bottom: -1.5rem !important;
    }
    
    .ms-n1 {
        margin-left: -0.25rem !important;
    }
    
    .ms-n2 {
        margin-left: -0.5rem !important;
    }
    
    .ms-n3 {
        margin-left: -1rem !important;
    }
    
    .ms-n4 {
        margin-left: -1.5rem !important;
    }
    
    .ms-n5 {
        margin-left: -3rem !important;
    }
    
    .ms-n10 {
        margin-left: -10rem !important;
    }
    
    .ms-ngrid-gutter {
        margin-left: -1.5rem !important;
    }
    
    .p-0 {
        padding: 0 !important;
    }
    
    .p-1 {
        padding: 0.25rem !important;
    }
    
    .p-2 {
        padding: 0.5rem !important;
    }
    
    .p-3 {
        padding: 1rem !important;
    }
    
    .p-4 {
        padding: 1.5rem !important;
    }
    
    .p-5 {
        padding: 3rem !important;
    }
    
    .p-10 {
        padding: 10rem !important;
    }
    
    .p-grid-gutter {
        padding: 1.5rem !important;
    }
    
    .px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    
    .px-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    
    .px-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    
    .px-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    
    .px-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    
    .px-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    
    .px-10 {
        padding-right: 10rem !important;
        padding-left: 10rem !important;
    }
    
    .px-grid-gutter {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    
    .py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .py-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    
    .py-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    
    .py-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    
    .py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    
    .py-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    
    .py-10 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }
    
    .py-grid-gutter {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    
    .pt-0 {
        padding-top: 0 !important;
    }
    
    .pt-1 {
        padding-top: 0.25rem !important;
    }
    
    .pt-2 {
        padding-top: 0.5rem !important;
    }
    
    .pt-3 {
        padding-top: 1rem !important;
    }
    
    .pt-4 {
        padding-top: 1.5rem !important;
    }
    
    .pt-5 {
        padding-top: 3rem !important;
    }
    
    .pt-10 {
        padding-top: 10rem !important;
    }
    
    .pt-grid-gutter {
        padding-top: 1.5rem !important;
    }
    
    .pe-0 {
        padding-right: 0 !important;
    }
    
    .pe-1 {
        padding-right: 0.25rem !important;
    }
    
    .pe-2 {
        padding-right: 0.5rem !important;
    }
    
    .pe-3 {
        padding-right: 1rem !important;
    }
    
    .pe-4 {
        padding-right: 1.5rem !important;
    }
    
    .pe-5 {
        padding-right: 3rem !important;
    }
    
    .pe-10 {
        padding-right: 10rem !important;
    }
    
    .pe-grid-gutter {
        padding-right: 1.5rem !important;
    }
    
    .pb-0 {
        padding-bottom: 0 !important;
    }
    
    .pb-1 {
        padding-bottom: 0.25rem !important;
    }
    
    .pb-2 {
        padding-bottom: 0.5rem !important;
    }
    
    .pb-3 {
        padding-bottom: 1rem !important;
    }
    
    .pb-4 {
        padding-bottom: 1.5rem !important;
    }
    
    .pb-5 {
        padding-bottom: 3rem !important;
    }
    
    .pb-10 {
        padding-bottom: 10rem !important;
    }
    
    .pb-grid-gutter {
        padding-bottom: 1.5rem !important;
    }
    
    .ps-0 {
        padding-left: 0 !important;
    }
    
    .ps-1 {
        padding-left: 0.25rem !important;
    }
    
    .ps-2 {
        padding-left: 0.5rem !important;
    }
    
    .ps-3 {
        padding-left: 1rem !important;
    }
    
    .ps-4 {
        padding-left: 1.5rem !important;
    }
    
    .ps-5 {
        padding-left: 3rem !important;
    }
    
    .ps-10 {
        padding-left: 10rem !important;
    }
    
    .ps-grid-gutter {
        padding-left: 1.5rem !important;
    }
    
    .gap-0 {
        gap: 0 !important;
    }
    
    .gap-1 {
        gap: 0.25rem !important;
    }
    
    .gap-2 {
        gap: 0.5rem !important;
    }
    
    .gap-3 {
        gap: 1rem !important;
    }
    
    .gap-4 {
        gap: 1.5rem !important;
    }
    
    .gap-5 {
        gap: 3rem !important;
    }
    
    .gap-10 {
        gap: 10rem !important;
    }
    
    .gap-grid-gutter {
        gap: 1.5rem !important;
    }
    
    .font-monospace {
        font-family: var(--bs-font-monospace) !important;
    }
    
    .fs-1 {
        font-size: calc(1.375rem + 1.5vw) !important;
    }
    
    .fs-2 {
        font-size: calc(1.325rem + 0.9vw) !important;
    }
    
    .fs-3 {
        font-size: calc(1.3rem + 0.6vw) !important;
    }
    
    .fs-4 {
        font-size: calc(1.275rem + 0.3vw) !important;
    }
    
    .fs-5 {
        font-size: 1.25rem !important;
    }
    
    .fs-6 {
        font-size: 1.0625rem !important;
    }
    
    .fs-xl {
        font-size: calc(1.2875rem + 0.45vw) !important;
    }
    
    .fs-lg {
        font-size: 1.125rem !important;
    }
    
    .fs-base {
        font-size: 1rem !important;
    }
    
    .fs-md {
        font-size: 0.9375rem !important;
    }
    
    .fs-sm {
        font-size: 0.875rem !important;
    }
    
    .fs-ms {
        font-size: 0.8125rem !important;
    }
    
    .fs-xs {
        font-size: 0.75rem !important;
    }
    
    .fst-italic {
        font-style: italic !important;
    }
    
    .fst-normal {
        font-style: normal !important;
    }
    
    .fw-light {
        font-weight: 300 !important;
    }
    
    .fw-lighter {
        font-weight: lighter !important;
    }
    
    .fw-normal {
        font-weight: 400 !important;
    }
    
    .fw-bold {
        font-weight: 700 !important;
    }
    
    .fw-semibold {
        font-weight: 600 !important;
    }
    
    .fw-bolder {
        font-weight: bolder !important;
    }
    
    .lh-1 {
        line-height: 1 !important;
    }
    
    .lh-sm {
        line-height: 1.5 !important;
    }
    
    .lh-base {
        line-height: 1.75 !important;
    }
    
    .lh-lg {
        line-height: 1.5 !important;
    }
    
    .text-start {
        text-align: left !important;
    }
    
    .text-end {
        text-align: right !important;
    }
    
    .text-center {
        text-align: center !important;
    }
    
    .text-decoration-none {
        text-decoration: none !important;
    }
    
    .text-decoration-underline {
        text-decoration: underline !important;
    }
    
    .text-decoration-line-through {
        text-decoration: line-through !important;
    }
    
    .text-lowercase {
        text-transform: lowercase !important;
    }
    
    .text-uppercase {
        text-transform: uppercase !important;
    }
    
    .text-capitalize {
        text-transform: capitalize !important;
    }
    
    .text-wrap {
        white-space: normal !important;
    }
    
    .text-nowrap {
        white-space: nowrap !important;
    }
    /* rtl:begin:remove */
    
    .text-break {
        word-wrap: break-word !important;
        word-break: break-word !important;
    }
    /* rtl:end:remove */
    
    .text-primary {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
    }
    
    .text-accent {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-accent-rgb), var(--bs-text-opacity)) !important;
    }
    
    .text-secondary {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
    }
    
    .text-success {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
    }
    
    .text-info {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
    }
    
    .text-warning {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
    }
    
    .text-danger {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
    }
    
    .text-light {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
    }
    
    .text-dark {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
    }
    
    .text-black {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
    }
    
    .text-white {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
    }
    
    .text-body {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
    }
    
    .text-muted {
        --bs-text-opacity: 1;
        color: #94a3b8 !important;
    }
    
    .text-black-50 {
        --bs-text-opacity: 1;
        color: rgba(12, 8, 0, 0.5) !important;
    }
    
    .text-white-50 {
        --bs-text-opacity: 1;
        color: rgba(255, 255, 255, 0.5) !important;
    }
    
    .text-reset {
        --bs-text-opacity: 1;
        color: inherit !important;
    }
    
    .text-opacity-25 {
        --bs-text-opacity: 0.25;
    }
    
    .text-opacity-50 {
        --bs-text-opacity: 0.5;
    }
    
    .text-opacity-75 {
        --bs-text-opacity: 0.75;
    }
    
    .text-opacity-100 {
        --bs-text-opacity: 1;
    }
    
    .bg-primary {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
    }
    
    .bg-accent {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-accent-rgb), var(--bs-bg-opacity)) !important;
    }
    
    .bg-secondary {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
    }
    
    .bg-success {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
    }
    
    .bg-info {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
    }
    
    .bg-warning {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
    }
    
    .bg-danger {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
    }
    
    .bg-light {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
    }
    
    .bg-dark {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
    }
    
    .bg-black {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
    }
    
    .bg-white {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
    }
    
    .bg-body {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
    }
    
    .bg-transparent {
        --bs-bg-opacity: 1;
        background-color: transparent !important;
    }
    
    .bg-opacity-10 {
        --bs-bg-opacity: 0.1;
    }
    
    .bg-opacity-25 {
        --bs-bg-opacity: 0.25;
    }
    
    .bg-opacity-50 {
        --bs-bg-opacity: 0.5;
    }
    
    .bg-opacity-75 {
        --bs-bg-opacity: 0.75;
    }
    
    .bg-opacity-100 {
        --bs-bg-opacity: 1;
    }
    
    .bg-gradient {
        background-image: var(--bs-gradient) !important;
    }
    
    .user-select-all {
        -webkit-user-select: all !important;
        -moz-user-select: all !important;
        -ms-user-select: all !important;
        user-select: all !important;
    }
    
    .user-select-auto {
        -webkit-user-select: auto !important;
        -moz-user-select: auto !important;
        -ms-user-select: auto !important;
        user-select: auto !important;
    }
    
    .user-select-none {
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: none !important;
    }
    
    .pe-none {
        pointer-events: none !important;
    }
    
    .pe-auto {
        pointer-events: auto !important;
    }
    
    .rounded {
        border-radius: var(--bs-border-radius) !important;
    }
    
    .rounded-0 {
        border-radius: 0 !important;
    }
    
    .rounded-1 {
        border-radius: var(--bs-border-radius-sm) !important;
    }
    
    .rounded-2 {
        border-radius: var(--bs-border-radius) !important;
    }
    
    .rounded-3 {
        border-radius: var(--bs-border-radius-lg) !important;
    }
    
    .rounded-4 {
        border-radius: var(--bs-border-radius-xl) !important;
    }
    
    .rounded-5 {
        border-radius: var(--bs-border-radius-2xl) !important;
    }
    
    .rounded-circle {
        border-radius: 50% !important;
    }
    
    .rounded-pill {
        border-radius: var(--bs-border-radius-pill) !important;
    }
    
    .rounded-top {
        border-top-left-radius: var(--bs-border-radius) !important;
        border-top-right-radius: var(--bs-border-radius) !important;
    }
    
    .rounded-end {
        border-top-right-radius: var(--bs-border-radius) !important;
        border-bottom-right-radius: var(--bs-border-radius) !important;
    }
    
    .rounded-bottom {
        border-bottom-right-radius: var(--bs-border-radius) !important;
        border-bottom-left-radius: var(--bs-border-radius) !important;
    }
    
    .rounded-start {
        border-bottom-left-radius: var(--bs-border-radius) !important;
        border-top-left-radius: var(--bs-border-radius) !important;
    }
    
    .visible {
        visibility: visible !important;
    }
    
    .invisible {
        visibility: hidden !important;
    }
    
    @media (min-width: 576px) {
        .float-sm-start {
            float: left !important;
        }
        .float-sm-end {
            float: right !important;
        }
        .float-sm-none {
            float: none !important;
        }
        .d-sm-inline {
            display: inline !important;
        }
        .d-sm-inline-block {
            display: inline-block !important;
        }
        .d-sm-block {
            display: block !important;
        }
        .d-sm-grid {
            display: grid !important;
        }
        .d-sm-table {
            display: table !important;
        }
        .d-sm-table-row {
            display: table-row !important;
        }
        .d-sm-table-cell {
            display: table-cell !important;
        }
        .d-sm-flex {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
        }
        .d-sm-inline-flex {
            display: -webkit-inline-box !important;
            display: -ms-inline-flexbox !important;
            display: inline-flex !important;
        }
        .d-sm-none {
            display: none !important;
        }
        .flex-sm-fill {
            -webkit-box-flex: 1 !important;
            -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
        }
        .flex-sm-row {
            -webkit-box-orient: horizontal !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: row !important;
            flex-direction: row !important;
        }
        .flex-sm-column {
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
            flex-direction: column !important;
        }
        .flex-sm-row-reverse {
            -webkit-box-orient: horizontal !important;
            -webkit-box-direction: reverse !important;
            -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
        }
        .flex-sm-column-reverse {
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: reverse !important;
            -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
        }
        .flex-sm-grow-0 {
            -webkit-box-flex: 0 !important;
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
        }
        .flex-sm-grow-1 {
            -webkit-box-flex: 1 !important;
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
        }
        .flex-sm-shrink-0 {
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
        }
        .flex-sm-shrink-1 {
            -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
        }
        .flex-sm-wrap {
            -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
        }
        .flex-sm-nowrap {
            -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
        }
        .flex-sm-wrap-reverse {
            -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
        }
        .justify-content-sm-start {
            -webkit-box-pack: start !important;
            -ms-flex-pack: start !important;
            justify-content: flex-start !important;
        }
        .justify-content-sm-end {
            -webkit-box-pack: end !important;
            -ms-flex-pack: end !important;
            justify-content: flex-end !important;
        }
        .justify-content-sm-center {
            -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important;
        }
        .justify-content-sm-between {
            -webkit-box-pack: justify !important;
            -ms-flex-pack: justify !important;
            justify-content: space-between !important;
        }
        .justify-content-sm-around {
            -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
        }
        .justify-content-sm-evenly {
            -webkit-box-pack: space-evenly !important;
            -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
        }
        .align-items-sm-start {
            -webkit-box-align: start !important;
            -ms-flex-align: start !important;
            align-items: flex-start !important;
        }
        .align-items-sm-end {
            -webkit-box-align: end !important;
            -ms-flex-align: end !important;
            align-items: flex-end !important;
        }
        .align-items-sm-center {
            -webkit-box-align: center !important;
            -ms-flex-align: center !important;
            align-items: center !important;
        }
        .align-items-sm-baseline {
            -webkit-box-align: baseline !important;
            -ms-flex-align: baseline !important;
            align-items: baseline !important;
        }
        .align-items-sm-stretch {
            -webkit-box-align: stretch !important;
            -ms-flex-align: stretch !important;
            align-items: stretch !important;
        }
        .align-content-sm-start {
            -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
        }
        .align-content-sm-end {
            -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
        }
        .align-content-sm-center {
            -ms-flex-line-pack: center !important;
            align-content: center !important;
        }
        .align-content-sm-between {
            -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
        }
        .align-content-sm-around {
            -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
        }
        .align-content-sm-stretch {
            -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
        }
        .align-self-sm-auto {
            -ms-flex-item-align: auto !important;
            align-self: auto !important;
        }
        .align-self-sm-start {
            -ms-flex-item-align: start !important;
            align-self: flex-start !important;
        }
        .align-self-sm-end {
            -ms-flex-item-align: end !important;
            align-self: flex-end !important;
        }
        .align-self-sm-center {
            -ms-flex-item-align: center !important;
            align-self: center !important;
        }
        .align-self-sm-baseline {
            -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
        }
        .align-self-sm-stretch {
            -ms-flex-item-align: stretch !important;
            align-self: stretch !important;
        }
        .order-sm-first {
            -webkit-box-ordinal-group: 0 !important;
            -ms-flex-order: -1 !important;
            order: -1 !important;
        }
        .order-sm-0 {
            -webkit-box-ordinal-group: 1 !important;
            -ms-flex-order: 0 !important;
            order: 0 !important;
        }
        .order-sm-1 {
            -webkit-box-ordinal-group: 2 !important;
            -ms-flex-order: 1 !important;
            order: 1 !important;
        }
        .order-sm-2 {
            -webkit-box-ordinal-group: 3 !important;
            -ms-flex-order: 2 !important;
            order: 2 !important;
        }
        .order-sm-3 {
            -webkit-box-ordinal-group: 4 !important;
            -ms-flex-order: 3 !important;
            order: 3 !important;
        }
        .order-sm-4 {
            -webkit-box-ordinal-group: 5 !important;
            -ms-flex-order: 4 !important;
            order: 4 !important;
        }
        .order-sm-5 {
            -webkit-box-ordinal-group: 6 !important;
            -ms-flex-order: 5 !important;
            order: 5 !important;
        }
        .order-sm-last {
            -webkit-box-ordinal-group: 7 !important;
            -ms-flex-order: 6 !important;
            order: 6 !important;
        }
        .m-sm-0 {
            margin: 0 !important;
        }
        .m-sm-1 {
            margin: 0.25rem !important;
        }
        .m-sm-2 {
            margin: 0.5rem !important;
        }
        .m-sm-3 {
            margin: 1rem !important;
        }
        .m-sm-4 {
            margin: 1.5rem !important;
        }
        .m-sm-5 {
            margin: 3rem !important;
        }
        .m-sm-10 {
            margin: 10rem !important;
        }
        .m-sm-grid-gutter {
            margin: 1.5rem !important;
        }
        .m-sm-auto {
            margin: auto !important;
        }
        .mx-sm-0 {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }
        .mx-sm-1 {
            margin-right: 0.25rem !important;
            margin-left: 0.25rem !important;
        }
        .mx-sm-2 {
            margin-right: 0.5rem !important;
            margin-left: 0.5rem !important;
        }
        .mx-sm-3 {
            margin-right: 1rem !important;
            margin-left: 1rem !important;
        }
        .mx-sm-4 {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important;
        }
        .mx-sm-5 {
            margin-right: 3rem !important;
            margin-left: 3rem !important;
        }
        .mx-sm-10 {
            margin-right: 10rem !important;
            margin-left: 10rem !important;
        }
        .mx-sm-grid-gutter {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important;
        }
        .mx-sm-auto {
            margin-right: auto !important;
            margin-left: auto !important;
        }
        .my-sm-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }
        .my-sm-1 {
            margin-top: 0.25rem !important;
            margin-bottom: 0.25rem !important;
        }
        .my-sm-2 {
            margin-top: 0.5rem !important;
            margin-bottom: 0.5rem !important;
        }
        .my-sm-3 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important;
        }
        .my-sm-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important;
        }
        .my-sm-5 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important;
        }
        .my-sm-10 {
            margin-top: 10rem !important;
            margin-bottom: 10rem !important;
        }
        .my-sm-grid-gutter {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important;
        }
        .my-sm-auto {
            margin-top: auto !important;
            margin-bottom: auto !important;
        }
        .mt-sm-0 {
            margin-top: 0 !important;
        }
        .mt-sm-1 {
            margin-top: 0.25rem !important;
        }
        .mt-sm-2 {
            margin-top: 0.5rem !important;
        }
        .mt-sm-3 {
            margin-top: 1rem !important;
        }
        .mt-sm-4 {
            margin-top: 1.5rem !important;
        }
        .mt-sm-5 {
            margin-top: 3rem !important;
        }
        .mt-sm-10 {
            margin-top: 10rem !important;
        }
        .mt-sm-grid-gutter {
            margin-top: 1.5rem !important;
        }
        .mt-sm-auto {
            margin-top: auto !important;
        }
        .me-sm-0 {
            margin-right: 0 !important;
        }
        .me-sm-1 {
            margin-right: 0.25rem !important;
        }
        .me-sm-2 {
            margin-right: 0.5rem !important;
        }
        .me-sm-3 {
            margin-right: 1rem !important;
        }
        .me-sm-4 {
            margin-right: 1.5rem !important;
        }
        .me-sm-5 {
            margin-right: 3rem !important;
        }
        .me-sm-10 {
            margin-right: 10rem !important;
        }
        .me-sm-grid-gutter {
            margin-right: 1.5rem !important;
        }
        .me-sm-auto {
            margin-right: auto !important;
        }
        .mb-sm-0 {
            margin-bottom: 0 !important;
        }
        .mb-sm-1 {
            margin-bottom: 0.25rem !important;
        }
        .mb-sm-2 {
            margin-bottom: 0.5rem !important;
        }
        .mb-sm-3 {
            margin-bottom: 1rem !important;
        }
        .mb-sm-4 {
            margin-bottom: 1.5rem !important;
        }
        .mb-sm-5 {
            margin-bottom: 3rem !important;
        }
        .mb-sm-10 {
            margin-bottom: 10rem !important;
        }
        .mb-sm-grid-gutter {
            margin-bottom: 1.5rem !important;
        }
        .mb-sm-auto {
            margin-bottom: auto !important;
        }
        .ms-sm-0 {
            margin-left: 0 !important;
        }
        .ms-sm-1 {
            margin-left: 0.25rem !important;
        }
        .ms-sm-2 {
            margin-left: 0.5rem !important;
        }
        .ms-sm-3 {
            margin-left: 1rem !important;
        }
        .ms-sm-4 {
            margin-left: 1.5rem !important;
        }
        .ms-sm-5 {
            margin-left: 3rem !important;
        }
        .ms-sm-10 {
            margin-left: 10rem !important;
        }
        .ms-sm-grid-gutter {
            margin-left: 1.5rem !important;
        }
        .ms-sm-auto {
            margin-left: auto !important;
        }
        .m-sm-n1 {
            margin: -0.25rem !important;
        }
        .m-sm-n2 {
            margin: -0.5rem !important;
        }
        .m-sm-n3 {
            margin: -1rem !important;
        }
        .m-sm-n4 {
            margin: -1.5rem !important;
        }
        .m-sm-n5 {
            margin: -3rem !important;
        }
        .m-sm-n10 {
            margin: -10rem !important;
        }
        .m-sm-ngrid-gutter {
            margin: -1.5rem !important;
        }
        .mx-sm-n1 {
            margin-right: -0.25rem !important;
            margin-left: -0.25rem !important;
        }
        .mx-sm-n2 {
            margin-right: -0.5rem !important;
            margin-left: -0.5rem !important;
        }
        .mx-sm-n3 {
            margin-right: -1rem !important;
            margin-left: -1rem !important;
        }
        .mx-sm-n4 {
            margin-right: -1.5rem !important;
            margin-left: -1.5rem !important;
        }
        .mx-sm-n5 {
            margin-right: -3rem !important;
            margin-left: -3rem !important;
        }
        .mx-sm-n10 {
            margin-right: -10rem !important;
            margin-left: -10rem !important;
        }
        .mx-sm-ngrid-gutter {
            margin-right: -1.5rem !important;
            margin-left: -1.5rem !important;
        }
        .my-sm-n1 {
            margin-top: -0.25rem !important;
            margin-bottom: -0.25rem !important;
        }
        .my-sm-n2 {
            margin-top: -0.5rem !important;
            margin-bottom: -0.5rem !important;
        }
        .my-sm-n3 {
            margin-top: -1rem !important;
            margin-bottom: -1rem !important;
        }
        .my-sm-n4 {
            margin-top: -1.5rem !important;
            margin-bottom: -1.5rem !important;
        }
        .my-sm-n5 {
            margin-top: -3rem !important;
            margin-bottom: -3rem !important;
        }
        .my-sm-n10 {
            margin-top: -10rem !important;
            margin-bottom: -10rem !important;
        }
        .my-sm-ngrid-gutter {
            margin-top: -1.5rem !important;
            margin-bottom: -1.5rem !important;
        }
        .mt-sm-n1 {
            margin-top: -0.25rem !important;
        }
        .mt-sm-n2 {
            margin-top: -0.5rem !important;
        }
        .mt-sm-n3 {
            margin-top: -1rem !important;
        }
        .mt-sm-n4 {
            margin-top: -1.5rem !important;
        }
        .mt-sm-n5 {
            margin-top: -3rem !important;
        }
        .mt-sm-n10 {
            margin-top: -10rem !important;
        }
        .mt-sm-ngrid-gutter {
            margin-top: -1.5rem !important;
        }
        .me-sm-n1 {
            margin-right: -0.25rem !important;
        }
        .me-sm-n2 {
            margin-right: -0.5rem !important;
        }
        .me-sm-n3 {
            margin-right: -1rem !important;
        }
        .me-sm-n4 {
            margin-right: -1.5rem !important;
        }
        .me-sm-n5 {
            margin-right: -3rem !important;
        }
        .me-sm-n10 {
            margin-right: -10rem !important;
        }
        .me-sm-ngrid-gutter {
            margin-right: -1.5rem !important;
        }
        .mb-sm-n1 {
            margin-bottom: -0.25rem !important;
        }
        .mb-sm-n2 {
            margin-bottom: -0.5rem !important;
        }
        .mb-sm-n3 {
            margin-bottom: -1rem !important;
        }
        .mb-sm-n4 {
            margin-bottom: -1.5rem !important;
        }
        .mb-sm-n5 {
            margin-bottom: -3rem !important;
        }
        .mb-sm-n10 {
            margin-bottom: -10rem !important;
        }
        .mb-sm-ngrid-gutter {
            margin-bottom: -1.5rem !important;
        }
        .ms-sm-n1 {
            margin-left: -0.25rem !important;
        }
        .ms-sm-n2 {
            margin-left: -0.5rem !important;
        }
        .ms-sm-n3 {
            margin-left: -1rem !important;
        }
        .ms-sm-n4 {
            margin-left: -1.5rem !important;
        }
        .ms-sm-n5 {
            margin-left: -3rem !important;
        }
        .ms-sm-n10 {
            margin-left: -10rem !important;
        }
        .ms-sm-ngrid-gutter {
            margin-left: -1.5rem !important;
        }
        .p-sm-0 {
            padding: 0 !important;
        }
        .p-sm-1 {
            padding: 0.25rem !important;
        }
        .p-sm-2 {
            padding: 0.5rem !important;
        }
        .p-sm-3 {
            padding: 1rem !important;
        }
        .p-sm-4 {
            padding: 1.5rem !important;
        }
        .p-sm-5 {
            padding: 3rem !important;
        }
        .p-sm-10 {
            padding: 10rem !important;
        }
        .p-sm-grid-gutter {
            padding: 1.5rem !important;
        }
        .px-sm-0 {
            padding-right: 0 !important;
            padding-left: 0 !important;
        }
        .px-sm-1 {
            padding-right: 0.25rem !important;
            padding-left: 0.25rem !important;
        }
        .px-sm-2 {
            padding-right: 0.5rem !important;
            padding-left: 0.5rem !important;
        }
        .px-sm-3 {
            padding-right: 1rem !important;
            padding-left: 1rem !important;
        }
        .px-sm-4 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
        }
        .px-sm-5 {
            padding-right: 3rem !important;
            padding-left: 3rem !important;
        }
        .px-sm-10 {
            padding-right: 10rem !important;
            padding-left: 10rem !important;
        }
        .px-sm-grid-gutter {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
        }
        .py-sm-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        .py-sm-1 {
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
        }
        .py-sm-2 {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
        }
        .py-sm-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }
        .py-sm-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }
        .py-sm-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }
        .py-sm-10 {
            padding-top: 10rem !important;
            padding-bottom: 10rem !important;
        }
        .py-sm-grid-gutter {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }
        .pt-sm-0 {
            padding-top: 0 !important;
        }
        .pt-sm-1 {
            padding-top: 0.25rem !important;
        }
        .pt-sm-2 {
            padding-top: 0.5rem !important;
        }
        .pt-sm-3 {
            padding-top: 1rem !important;
        }
        .pt-sm-4 {
            padding-top: 1.5rem !important;
        }
        .pt-sm-5 {
            padding-top: 3rem !important;
        }
        .pt-sm-10 {
            padding-top: 10rem !important;
        }
        .pt-sm-grid-gutter {
            padding-top: 1.5rem !important;
        }
        .pe-sm-0 {
            padding-right: 0 !important;
        }
        .pe-sm-1 {
            padding-right: 0.25rem !important;
        }
        .pe-sm-2 {
            padding-right: 0.5rem !important;
        }
        .pe-sm-3 {
            padding-right: 1rem !important;
        }
        .pe-sm-4 {
            padding-right: 1.5rem !important;
        }
        .pe-sm-5 {
            padding-right: 3rem !important;
        }
        .pe-sm-10 {
            padding-right: 10rem !important;
        }
        .pe-sm-grid-gutter {
            padding-right: 1.5rem !important;
        }
        .pb-sm-0 {
            padding-bottom: 0 !important;
        }
        .pb-sm-1 {
            padding-bottom: 0.25rem !important;
        }
        .pb-sm-2 {
            padding-bottom: 0.5rem !important;
        }
        .pb-sm-3 {
            padding-bottom: 1rem !important;
        }
        .pb-sm-4 {
            padding-bottom: 1.5rem !important;
        }
        .pb-sm-5 {
            padding-bottom: 3rem !important;
        }
        .pb-sm-10 {
            padding-bottom: 10rem !important;
        }
        .pb-sm-grid-gutter {
            padding-bottom: 1.5rem !important;
        }
        .ps-sm-0 {
            padding-left: 0 !important;
        }
        .ps-sm-1 {
            padding-left: 0.25rem !important;
        }
        .ps-sm-2 {
            padding-left: 0.5rem !important;
        }
        .ps-sm-3 {
            padding-left: 1rem !important;
        }
        .ps-sm-4 {
            padding-left: 1.5rem !important;
        }
        .ps-sm-5 {
            padding-left: 3rem !important;
        }
        .ps-sm-10 {
            padding-left: 10rem !important;
        }
        .ps-sm-grid-gutter {
            padding-left: 1.5rem !important;
        }
        .gap-sm-0 {
            gap: 0 !important;
        }
        .gap-sm-1 {
            gap: 0.25rem !important;
        }
        .gap-sm-2 {
            gap: 0.5rem !important;
        }
        .gap-sm-3 {
            gap: 1rem !important;
        }
        .gap-sm-4 {
            gap: 1.5rem !important;
        }
        .gap-sm-5 {
            gap: 3rem !important;
        }
        .gap-sm-10 {
            gap: 10rem !important;
        }
        .gap-sm-grid-gutter {
            gap: 1.5rem !important;
        }
        .text-sm-start {
            text-align: left !important;
        }
        .text-sm-end {
            text-align: right !important;
        }
        .text-sm-center {
            text-align: center !important;
        }
    }
    
    @media (min-width: 768px) {
        .float-md-start {
            float: left !important;
        }
        .float-md-end {
            float: right !important;
        }
        .float-md-none {
            float: none !important;
        }
        .d-md-inline {
            display: inline !important;
        }
        .d-md-inline-block {
            display: inline-block !important;
        }
        .d-md-block {
            display: block !important;
        }
        .d-md-grid {
            display: grid !important;
        }
        .d-md-table {
            display: table !important;
        }
        .d-md-table-row {
            display: table-row !important;
        }
        .d-md-table-cell {
            display: table-cell !important;
        }
        .d-md-flex {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
        }
        .d-md-inline-flex {
            display: -webkit-inline-box !important;
            display: -ms-inline-flexbox !important;
            display: inline-flex !important;
        }
        .d-md-none {
            display: none !important;
        }
        .flex-md-fill {
            -webkit-box-flex: 1 !important;
            -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
        }
        .flex-md-row {
            -webkit-box-orient: horizontal !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: row !important;
            flex-direction: row !important;
        }
        .flex-md-column {
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
            flex-direction: column !important;
        }
        .flex-md-row-reverse {
            -webkit-box-orient: horizontal !important;
            -webkit-box-direction: reverse !important;
            -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
        }
        .flex-md-column-reverse {
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: reverse !important;
            -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
        }
        .flex-md-grow-0 {
            -webkit-box-flex: 0 !important;
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
        }
        .flex-md-grow-1 {
            -webkit-box-flex: 1 !important;
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
        }
        .flex-md-shrink-0 {
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
        }
        .flex-md-shrink-1 {
            -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
        }
        .flex-md-wrap {
            -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
        }
        .flex-md-nowrap {
            -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
        }
        .flex-md-wrap-reverse {
            -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
        }
        .justify-content-md-start {
            -webkit-box-pack: start !important;
            -ms-flex-pack: start !important;
            justify-content: flex-start !important;
        }
        .justify-content-md-end {
            -webkit-box-pack: end !important;
            -ms-flex-pack: end !important;
            justify-content: flex-end !important;
        }
        .justify-content-md-center {
            -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important;
        }
        .justify-content-md-between {
            -webkit-box-pack: justify !important;
            -ms-flex-pack: justify !important;
            justify-content: space-between !important;
        }
        .justify-content-md-around {
            -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
        }
        .justify-content-md-evenly {
            -webkit-box-pack: space-evenly !important;
            -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
        }
        .align-items-md-start {
            -webkit-box-align: start !important;
            -ms-flex-align: start !important;
            align-items: flex-start !important;
        }
        .align-items-md-end {
            -webkit-box-align: end !important;
            -ms-flex-align: end !important;
            align-items: flex-end !important;
        }
        .align-items-md-center {
            -webkit-box-align: center !important;
            -ms-flex-align: center !important;
            align-items: center !important;
        }
        .align-items-md-baseline {
            -webkit-box-align: baseline !important;
            -ms-flex-align: baseline !important;
            align-items: baseline !important;
        }
        .align-items-md-stretch {
            -webkit-box-align: stretch !important;
            -ms-flex-align: stretch !important;
            align-items: stretch !important;
        }
        .align-content-md-start {
            -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
        }
        .align-content-md-end {
            -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
        }
        .align-content-md-center {
            -ms-flex-line-pack: center !important;
            align-content: center !important;
        }
        .align-content-md-between {
            -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
        }
        .align-content-md-around {
            -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
        }
        .align-content-md-stretch {
            -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
        }
        .align-self-md-auto {
            -ms-flex-item-align: auto !important;
            align-self: auto !important;
        }
        .align-self-md-start {
            -ms-flex-item-align: start !important;
            align-self: flex-start !important;
        }
        .align-self-md-end {
            -ms-flex-item-align: end !important;
            align-self: flex-end !important;
        }
        .align-self-md-center {
            -ms-flex-item-align: center !important;
            align-self: center !important;
        }
        .align-self-md-baseline {
            -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
        }
        .align-self-md-stretch {
            -ms-flex-item-align: stretch !important;
            align-self: stretch !important;
        }
        .order-md-first {
            -webkit-box-ordinal-group: 0 !important;
            -ms-flex-order: -1 !important;
            order: -1 !important;
        }
        .order-md-0 {
            -webkit-box-ordinal-group: 1 !important;
            -ms-flex-order: 0 !important;
            order: 0 !important;
        }
        .order-md-1 {
            -webkit-box-ordinal-group: 2 !important;
            -ms-flex-order: 1 !important;
            order: 1 !important;
        }
        .order-md-2 {
            -webkit-box-ordinal-group: 3 !important;
            -ms-flex-order: 2 !important;
            order: 2 !important;
        }
        .order-md-3 {
            -webkit-box-ordinal-group: 4 !important;
            -ms-flex-order: 3 !important;
            order: 3 !important;
        }
        .order-md-4 {
            -webkit-box-ordinal-group: 5 !important;
            -ms-flex-order: 4 !important;
            order: 4 !important;
        }
        .order-md-5 {
            -webkit-box-ordinal-group: 6 !important;
            -ms-flex-order: 5 !important;
            order: 5 !important;
        }
        .order-md-last {
            -webkit-box-ordinal-group: 7 !important;
            -ms-flex-order: 6 !important;
            order: 6 !important;
        }
        .m-md-0 {
            margin: 0 !important;
        }
        .m-md-1 {
            margin: 0.25rem !important;
        }
        .m-md-2 {
            margin: 0.5rem !important;
        }
        .m-md-3 {
            margin: 1rem !important;
        }
        .m-md-4 {
            margin: 1.5rem !important;
        }
        .m-md-5 {
            margin: 3rem !important;
        }
        .m-md-10 {
            margin: 10rem !important;
        }
        .m-md-grid-gutter {
            margin: 1.5rem !important;
        }
        .m-md-auto {
            margin: auto !important;
        }
        .mx-md-0 {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }
        .mx-md-1 {
            margin-right: 0.25rem !important;
            margin-left: 0.25rem !important;
        }
        .mx-md-2 {
            margin-right: 0.5rem !important;
            margin-left: 0.5rem !important;
        }
        .mx-md-3 {
            margin-right: 1rem !important;
            margin-left: 1rem !important;
        }
        .mx-md-4 {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important;
        }
        .mx-md-5 {
            margin-right: 3rem !important;
            margin-left: 3rem !important;
        }
        .mx-md-10 {
            margin-right: 10rem !important;
            margin-left: 10rem !important;
        }
        .mx-md-grid-gutter {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important;
        }
        .mx-md-auto {
            margin-right: auto !important;
            margin-left: auto !important;
        }
        .my-md-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }
        .my-md-1 {
            margin-top: 0.25rem !important;
            margin-bottom: 0.25rem !important;
        }
        .my-md-2 {
            margin-top: 0.5rem !important;
            margin-bottom: 0.5rem !important;
        }
        .my-md-3 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important;
        }
        .my-md-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important;
        }
        .my-md-5 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important;
        }
        .my-md-10 {
            margin-top: 10rem !important;
            margin-bottom: 10rem !important;
        }
        .my-md-grid-gutter {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important;
        }
        .my-md-auto {
            margin-top: auto !important;
            margin-bottom: auto !important;
        }
        .mt-md-0 {
            margin-top: 0 !important;
        }
        .mt-md-1 {
            margin-top: 0.25rem !important;
        }
        .mt-md-2 {
            margin-top: 0.5rem !important;
        }
        .mt-md-3 {
            margin-top: 1rem !important;
        }
        .mt-md-4 {
            margin-top: 1.5rem !important;
        }
        .mt-md-5 {
            margin-top: 3rem !important;
        }
        .mt-md-10 {
            margin-top: 10rem !important;
        }
        .mt-md-grid-gutter {
            margin-top: 1.5rem !important;
        }
        .mt-md-auto {
            margin-top: auto !important;
        }
        .me-md-0 {
            margin-right: 0 !important;
        }
        .me-md-1 {
            margin-right: 0.25rem !important;
        }
        .me-md-2 {
            margin-right: 0.5rem !important;
        }
        .me-md-3 {
            margin-right: 1rem !important;
        }
        .me-md-4 {
            margin-right: 1.5rem !important;
        }
        .me-md-5 {
            margin-right: 3rem !important;
        }
        .me-md-10 {
            margin-right: 10rem !important;
        }
        .me-md-grid-gutter {
            margin-right: 1.5rem !important;
        }
        .me-md-auto {
            margin-right: auto !important;
        }
        .mb-md-0 {
            margin-bottom: 0 !important;
        }
        .mb-md-1 {
            margin-bottom: 0.25rem !important;
        }
        .mb-md-2 {
            margin-bottom: 0.5rem !important;
        }
        .mb-md-3 {
            margin-bottom: 1rem !important;
        }
        .mb-md-4 {
            margin-bottom: 1.5rem !important;
        }
        .mb-md-5 {
            margin-bottom: 3rem !important;
        }
        .mb-md-10 {
            margin-bottom: 10rem !important;
        }
        .mb-md-grid-gutter {
            margin-bottom: 1.5rem !important;
        }
        .mb-md-auto {
            margin-bottom: auto !important;
        }
        .ms-md-0 {
            margin-left: 0 !important;
        }
        .ms-md-1 {
            margin-left: 0.25rem !important;
        }
        .ms-md-2 {
            margin-left: 0.5rem !important;
        }
        .ms-md-3 {
            margin-left: 1rem !important;
        }
        .ms-md-4 {
            margin-left: 1.5rem !important;
        }
        .ms-md-5 {
            margin-left: 3rem !important;
        }
        .ms-md-10 {
            margin-left: 10rem !important;
        }
        .ms-md-grid-gutter {
            margin-left: 1.5rem !important;
        }
        .ms-md-auto {
            margin-left: auto !important;
        }
        .m-md-n1 {
            margin: -0.25rem !important;
        }
        .m-md-n2 {
            margin: -0.5rem !important;
        }
        .m-md-n3 {
            margin: -1rem !important;
        }
        .m-md-n4 {
            margin: -1.5rem !important;
        }
        .m-md-n5 {
            margin: -3rem !important;
        }
        .m-md-n10 {
            margin: -10rem !important;
        }
        .m-md-ngrid-gutter {
            margin: -1.5rem !important;
        }
        .mx-md-n1 {
            margin-right: -0.25rem !important;
            margin-left: -0.25rem !important;
        }
        .mx-md-n2 {
            margin-right: -0.5rem !important;
            margin-left: -0.5rem !important;
        }
        .mx-md-n3 {
            margin-right: -1rem !important;
            margin-left: -1rem !important;
        }
        .mx-md-n4 {
            margin-right: -1.5rem !important;
            margin-left: -1.5rem !important;
        }
        .mx-md-n5 {
            margin-right: -3rem !important;
            margin-left: -3rem !important;
        }
        .mx-md-n10 {
            margin-right: -10rem !important;
            margin-left: -10rem !important;
        }
        .mx-md-ngrid-gutter {
            margin-right: -1.5rem !important;
            margin-left: -1.5rem !important;
        }
        .my-md-n1 {
            margin-top: -0.25rem !important;
            margin-bottom: -0.25rem !important;
        }
        .my-md-n2 {
            margin-top: -0.5rem !important;
            margin-bottom: -0.5rem !important;
        }
        .my-md-n3 {
            margin-top: -1rem !important;
            margin-bottom: -1rem !important;
        }
        .my-md-n4 {
            margin-top: -1.5rem !important;
            margin-bottom: -1.5rem !important;
        }
        .my-md-n5 {
            margin-top: -3rem !important;
            margin-bottom: -3rem !important;
        }
        .my-md-n10 {
            margin-top: -10rem !important;
            margin-bottom: -10rem !important;
        }
        .my-md-ngrid-gutter {
            margin-top: -1.5rem !important;
            margin-bottom: -1.5rem !important;
        }
        .mt-md-n1 {
            margin-top: -0.25rem !important;
        }
        .mt-md-n2 {
            margin-top: -0.5rem !important;
        }
        .mt-md-n3 {
            margin-top: -1rem !important;
        }
        .mt-md-n4 {
            margin-top: -1.5rem !important;
        }
        .mt-md-n5 {
            margin-top: -3rem !important;
        }
        .mt-md-n10 {
            margin-top: -10rem !important;
        }
        .mt-md-ngrid-gutter {
            margin-top: -1.5rem !important;
        }
        .me-md-n1 {
            margin-right: -0.25rem !important;
        }
        .me-md-n2 {
            margin-right: -0.5rem !important;
        }
        .me-md-n3 {
            margin-right: -1rem !important;
        }
        .me-md-n4 {
            margin-right: -1.5rem !important;
        }
        .me-md-n5 {
            margin-right: -3rem !important;
        }
        .me-md-n10 {
            margin-right: -10rem !important;
        }
        .me-md-ngrid-gutter {
            margin-right: -1.5rem !important;
        }
        .mb-md-n1 {
            margin-bottom: -0.25rem !important;
        }
        .mb-md-n2 {
            margin-bottom: -0.5rem !important;
        }
        .mb-md-n3 {
            margin-bottom: -1rem !important;
        }
        .mb-md-n4 {
            margin-bottom: -1.5rem !important;
        }
        .mb-md-n5 {
            margin-bottom: -3rem !important;
        }
        .mb-md-n10 {
            margin-bottom: -10rem !important;
        }
        .mb-md-ngrid-gutter {
            margin-bottom: -1.5rem !important;
        }
        .ms-md-n1 {
            margin-left: -0.25rem !important;
        }
        .ms-md-n2 {
            margin-left: -0.5rem !important;
        }
        .ms-md-n3 {
            margin-left: -1rem !important;
        }
        .ms-md-n4 {
            margin-left: -1.5rem !important;
        }
        .ms-md-n5 {
            margin-left: -3rem !important;
        }
        .ms-md-n10 {
            margin-left: -10rem !important;
        }
        .ms-md-ngrid-gutter {
            margin-left: -1.5rem !important;
        }
        .p-md-0 {
            padding: 0 !important;
        }
        .p-md-1 {
            padding: 0.25rem !important;
        }
        .p-md-2 {
            padding: 0.5rem !important;
        }
        .p-md-3 {
            padding: 1rem !important;
        }
        .p-md-4 {
            padding: 1.5rem !important;
        }
        .p-md-5 {
            padding: 3rem !important;
        }
        .p-md-10 {
            padding: 10rem !important;
        }
        .p-md-grid-gutter {
            padding: 1.5rem !important;
        }
        .px-md-0 {
            padding-right: 0 !important;
            padding-left: 0 !important;
        }
        .px-md-1 {
            padding-right: 0.25rem !important;
            padding-left: 0.25rem !important;
        }
        .px-md-2 {
            padding-right: 0.5rem !important;
            padding-left: 0.5rem !important;
        }
        .px-md-3 {
            padding-right: 1rem !important;
            padding-left: 1rem !important;
        }
        .px-md-4 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
        }
        .px-md-5 {
            padding-right: 3rem !important;
            padding-left: 3rem !important;
        }
        .px-md-10 {
            padding-right: 10rem !important;
            padding-left: 10rem !important;
        }
        .px-md-grid-gutter {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
        }
        .py-md-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        .py-md-1 {
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
        }
        .py-md-2 {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
        }
        .py-md-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }
        .py-md-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }
        .py-md-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }
        .py-md-10 {
            padding-top: 10rem !important;
            padding-bottom: 10rem !important;
        }
        .py-md-grid-gutter {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }
        .pt-md-0 {
            padding-top: 0 !important;
        }
        .pt-md-1 {
            padding-top: 0.25rem !important;
        }
        .pt-md-2 {
            padding-top: 0.5rem !important;
        }
        .pt-md-3 {
            padding-top: 1rem !important;
        }
        .pt-md-4 {
            padding-top: 1.5rem !important;
        }
        .pt-md-5 {
            padding-top: 3rem !important;
        }
        .pt-md-10 {
            padding-top: 10rem !important;
        }
        .pt-md-grid-gutter {
            padding-top: 1.5rem !important;
        }
        .pe-md-0 {
            padding-right: 0 !important;
        }
        .pe-md-1 {
            padding-right: 0.25rem !important;
        }
        .pe-md-2 {
            padding-right: 0.5rem !important;
        }
        .pe-md-3 {
            padding-right: 1rem !important;
        }
        .pe-md-4 {
            padding-right: 1.5rem !important;
        }
        .pe-md-5 {
            padding-right: 3rem !important;
        }
        .pe-md-10 {
            padding-right: 10rem !important;
        }
        .pe-md-grid-gutter {
            padding-right: 1.5rem !important;
        }
        .pb-md-0 {
            padding-bottom: 0 !important;
        }
        .pb-md-1 {
            padding-bottom: 0.25rem !important;
        }
        .pb-md-2 {
            padding-bottom: 0.5rem !important;
        }
        .pb-md-3 {
            padding-bottom: 1rem !important;
        }
        .pb-md-4 {
            padding-bottom: 1.5rem !important;
        }
        .pb-md-5 {
            padding-bottom: 3rem !important;
        }
        .pb-md-10 {
            padding-bottom: 10rem !important;
        }
        .pb-md-grid-gutter {
            padding-bottom: 1.5rem !important;
        }
        .ps-md-0 {
            padding-left: 0 !important;
        }
        .ps-md-1 {
            padding-left: 0.25rem !important;
        }
        .ps-md-2 {
            padding-left: 0.5rem !important;
        }
        .ps-md-3 {
            padding-left: 1rem !important;
        }
        .ps-md-4 {
            padding-left: 1.5rem !important;
        }
        .ps-md-5 {
            padding-left: 3rem !important;
        }
        .ps-md-10 {
            padding-left: 10rem !important;
        }
        .ps-md-grid-gutter {
            padding-left: 1.5rem !important;
        }
        .gap-md-0 {
            gap: 0 !important;
        }
        .gap-md-1 {
            gap: 0.25rem !important;
        }
        .gap-md-2 {
            gap: 0.5rem !important;
        }
        .gap-md-3 {
            gap: 1rem !important;
        }
        .gap-md-4 {
            gap: 1.5rem !important;
        }
        .gap-md-5 {
            gap: 3rem !important;
        }
        .gap-md-10 {
            gap: 10rem !important;
        }
        .gap-md-grid-gutter {
            gap: 1.5rem !important;
        }
        .text-md-start {
            text-align: left !important;
        }
        .text-md-end {
            text-align: right !important;
        }
        .text-md-center {
            text-align: center !important;
        }
    }
    
    @media (min-width: 992px) {
        .float-lg-start {
            float: left !important;
        }
        .float-lg-end {
            float: right !important;
        }
        .float-lg-none {
            float: none !important;
        }
        .d-lg-inline {
            display: inline !important;
        }
        .d-lg-inline-block {
            display: inline-block !important;
        }
        .d-lg-block {
            display: block !important;
        }
        .d-lg-grid {
            display: grid !important;
        }
        .d-lg-table {
            display: table !important;
        }
        .d-lg-table-row {
            display: table-row !important;
        }
        .d-lg-table-cell {
            display: table-cell !important;
        }
        .d-lg-flex {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
        }
        .d-lg-inline-flex {
            display: -webkit-inline-box !important;
            display: -ms-inline-flexbox !important;
            display: inline-flex !important;
        }
        .d-lg-none {
            display: none !important;
        }
        .flex-lg-fill {
            -webkit-box-flex: 1 !important;
            -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
        }
        .flex-lg-row {
            -webkit-box-orient: horizontal !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: row !important;
            flex-direction: row !important;
        }
        .flex-lg-column {
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
            flex-direction: column !important;
        }
        .flex-lg-row-reverse {
            -webkit-box-orient: horizontal !important;
            -webkit-box-direction: reverse !important;
            -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
        }
        .flex-lg-column-reverse {
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: reverse !important;
            -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
        }
        .flex-lg-grow-0 {
            -webkit-box-flex: 0 !important;
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
        }
        .flex-lg-grow-1 {
            -webkit-box-flex: 1 !important;
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
        }
        .flex-lg-shrink-0 {
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
        }
        .flex-lg-shrink-1 {
            -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
        }
        .flex-lg-wrap {
            -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
        }
        .flex-lg-nowrap {
            -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
        }
        .flex-lg-wrap-reverse {
            -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
        }
        .justify-content-lg-start {
            -webkit-box-pack: start !important;
            -ms-flex-pack: start !important;
            justify-content: flex-start !important;
        }
        .justify-content-lg-end {
            -webkit-box-pack: end !important;
            -ms-flex-pack: end !important;
            justify-content: flex-end !important;
        }
        .justify-content-lg-center {
            -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important;
        }
        .justify-content-lg-between {
            -webkit-box-pack: justify !important;
            -ms-flex-pack: justify !important;
            justify-content: space-between !important;
        }
        .justify-content-lg-around {
            -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
        }
        .justify-content-lg-evenly {
            -webkit-box-pack: space-evenly !important;
            -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
        }
        .align-items-lg-start {
            -webkit-box-align: start !important;
            -ms-flex-align: start !important;
            align-items: flex-start !important;
        }
        .align-items-lg-end {
            -webkit-box-align: end !important;
            -ms-flex-align: end !important;
            align-items: flex-end !important;
        }
        .align-items-lg-center {
            -webkit-box-align: center !important;
            -ms-flex-align: center !important;
            align-items: center !important;
        }
        .align-items-lg-baseline {
            -webkit-box-align: baseline !important;
            -ms-flex-align: baseline !important;
            align-items: baseline !important;
        }
        .align-items-lg-stretch {
            -webkit-box-align: stretch !important;
            -ms-flex-align: stretch !important;
            align-items: stretch !important;
        }
        .align-content-lg-start {
            -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
        }
        .align-content-lg-end {
            -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
        }
        .align-content-lg-center {
            -ms-flex-line-pack: center !important;
            align-content: center !important;
        }
        .align-content-lg-between {
            -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
        }
        .align-content-lg-around {
            -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
        }
        .align-content-lg-stretch {
            -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
        }
        .align-self-lg-auto {
            -ms-flex-item-align: auto !important;
            align-self: auto !important;
        }
        .align-self-lg-start {
            -ms-flex-item-align: start !important;
            align-self: flex-start !important;
        }
        .align-self-lg-end {
            -ms-flex-item-align: end !important;
            align-self: flex-end !important;
        }
        .align-self-lg-center {
            -ms-flex-item-align: center !important;
            align-self: center !important;
        }
        .align-self-lg-baseline {
            -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
        }
        .align-self-lg-stretch {
            -ms-flex-item-align: stretch !important;
            align-self: stretch !important;
        }
        .order-lg-first {
            -webkit-box-ordinal-group: 0 !important;
            -ms-flex-order: -1 !important;
            order: -1 !important;
        }
        .order-lg-0 {
            -webkit-box-ordinal-group: 1 !important;
            -ms-flex-order: 0 !important;
            order: 0 !important;
        }
        .order-lg-1 {
            -webkit-box-ordinal-group: 2 !important;
            -ms-flex-order: 1 !important;
            order: 1 !important;
        }
        .order-lg-2 {
            -webkit-box-ordinal-group: 3 !important;
            -ms-flex-order: 2 !important;
            order: 2 !important;
        }
        .order-lg-3 {
            -webkit-box-ordinal-group: 4 !important;
            -ms-flex-order: 3 !important;
            order: 3 !important;
        }
        .order-lg-4 {
            -webkit-box-ordinal-group: 5 !important;
            -ms-flex-order: 4 !important;
            order: 4 !important;
        }
        .order-lg-5 {
            -webkit-box-ordinal-group: 6 !important;
            -ms-flex-order: 5 !important;
            order: 5 !important;
        }
        .order-lg-last {
            -webkit-box-ordinal-group: 7 !important;
            -ms-flex-order: 6 !important;
            order: 6 !important;
        }
        .m-lg-0 {
            margin: 0 !important;
        }
        .m-lg-1 {
            margin: 0.25rem !important;
        }
        .m-lg-2 {
            margin: 0.5rem !important;
        }
        .m-lg-3 {
            margin: 1rem !important;
        }
        .m-lg-4 {
            margin: 1.5rem !important;
        }
        .m-lg-5 {
            margin: 3rem !important;
        }
        .m-lg-10 {
            margin: 10rem !important;
        }
        .m-lg-grid-gutter {
            margin: 1.5rem !important;
        }
        .m-lg-auto {
            margin: auto !important;
        }
        .mx-lg-0 {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }
        .mx-lg-1 {
            margin-right: 0.25rem !important;
            margin-left: 0.25rem !important;
        }
        .mx-lg-2 {
            margin-right: 0.5rem !important;
            margin-left: 0.5rem !important;
        }
        .mx-lg-3 {
            margin-right: 1rem !important;
            margin-left: 1rem !important;
        }
        .mx-lg-4 {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important;
        }
        .mx-lg-5 {
            margin-right: 3rem !important;
            margin-left: 3rem !important;
        }
        .mx-lg-10 {
            margin-right: 10rem !important;
            margin-left: 10rem !important;
        }
        .mx-lg-grid-gutter {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important;
        }
        .mx-lg-auto {
            margin-right: auto !important;
            margin-left: auto !important;
        }
        .my-lg-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }
        .my-lg-1 {
            margin-top: 0.25rem !important;
            margin-bottom: 0.25rem !important;
        }
        .my-lg-2 {
            margin-top: 0.5rem !important;
            margin-bottom: 0.5rem !important;
        }
        .my-lg-3 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important;
        }
        .my-lg-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important;
        }
        .my-lg-5 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important;
        }
        .my-lg-10 {
            margin-top: 10rem !important;
            margin-bottom: 10rem !important;
        }
        .my-lg-grid-gutter {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important;
        }
        .my-lg-auto {
            margin-top: auto !important;
            margin-bottom: auto !important;
        }
        .mt-lg-0 {
            margin-top: 0 !important;
        }
        .mt-lg-1 {
            margin-top: 0.25rem !important;
        }
        .mt-lg-2 {
            margin-top: 0.5rem !important;
        }
        .mt-lg-3 {
            margin-top: 1rem !important;
        }
        .mt-lg-4 {
            margin-top: 1.5rem !important;
        }
        .mt-lg-5 {
            margin-top: 3rem !important;
        }
        .mt-lg-10 {
            margin-top: 10rem !important;
        }
        .mt-lg-grid-gutter {
            margin-top: 1.5rem !important;
        }
        .mt-lg-auto {
            margin-top: auto !important;
        }
        .me-lg-0 {
            margin-right: 0 !important;
        }
        .me-lg-1 {
            margin-right: 0.25rem !important;
        }
        .me-lg-2 {
            margin-right: 0.5rem !important;
        }
        .me-lg-3 {
            margin-right: 1rem !important;
        }
        .me-lg-4 {
            margin-right: 1.5rem !important;
        }
        .me-lg-5 {
            margin-right: 3rem !important;
        }
        .me-lg-10 {
            margin-right: 10rem !important;
        }
        .me-lg-grid-gutter {
            margin-right: 1.5rem !important;
        }
        .me-lg-auto {
            margin-right: auto !important;
        }
        .mb-lg-0 {
            margin-bottom: 0 !important;
        }
        .mb-lg-1 {
            margin-bottom: 0.25rem !important;
        }
        .mb-lg-2 {
            margin-bottom: 0.5rem !important;
        }
        .mb-lg-3 {
            margin-bottom: 1rem !important;
        }
        .mb-lg-4 {
            margin-bottom: 1.5rem !important;
        }
        .mb-lg-5 {
            margin-bottom: 3rem !important;
        }
        .mb-lg-10 {
            margin-bottom: 10rem !important;
        }
        .mb-lg-grid-gutter {
            margin-bottom: 1.5rem !important;
        }
        .mb-lg-auto {
            margin-bottom: auto !important;
        }
        .ms-lg-0 {
            margin-left: 0 !important;
        }
        .ms-lg-1 {
            margin-left: 0.25rem !important;
        }
        .ms-lg-2 {
            margin-left: 0.5rem !important;
        }
        .ms-lg-3 {
            margin-left: 1rem !important;
        }
        .ms-lg-4 {
            margin-left: 1.5rem !important;
        }
        .ms-lg-5 {
            margin-left: 3rem !important;
        }
        .ms-lg-10 {
            margin-left: 10rem !important;
        }
        .ms-lg-grid-gutter {
            margin-left: 1.5rem !important;
        }
        .ms-lg-auto {
            margin-left: auto !important;
        }
        .m-lg-n1 {
            margin: -0.25rem !important;
        }
        .m-lg-n2 {
            margin: -0.5rem !important;
        }
        .m-lg-n3 {
            margin: -1rem !important;
        }
        .m-lg-n4 {
            margin: -1.5rem !important;
        }
        .m-lg-n5 {
            margin: -3rem !important;
        }
        .m-lg-n10 {
            margin: -10rem !important;
        }
        .m-lg-ngrid-gutter {
            margin: -1.5rem !important;
        }
        .mx-lg-n1 {
            margin-right: -0.25rem !important;
            margin-left: -0.25rem !important;
        }
        .mx-lg-n2 {
            margin-right: -0.5rem !important;
            margin-left: -0.5rem !important;
        }
        .mx-lg-n3 {
            margin-right: -1rem !important;
            margin-left: -1rem !important;
        }
        .mx-lg-n4 {
            margin-right: -1.5rem !important;
            margin-left: -1.5rem !important;
        }
        .mx-lg-n5 {
            margin-right: -3rem !important;
            margin-left: -3rem !important;
        }
        .mx-lg-n10 {
            margin-right: -10rem !important;
            margin-left: -10rem !important;
        }
        .mx-lg-ngrid-gutter {
            margin-right: -1.5rem !important;
            margin-left: -1.5rem !important;
        }
        .my-lg-n1 {
            margin-top: -0.25rem !important;
            margin-bottom: -0.25rem !important;
        }
        .my-lg-n2 {
            margin-top: -0.5rem !important;
            margin-bottom: -0.5rem !important;
        }
        .my-lg-n3 {
            margin-top: -1rem !important;
            margin-bottom: -1rem !important;
        }
        .my-lg-n4 {
            margin-top: -1.5rem !important;
            margin-bottom: -1.5rem !important;
        }
        .my-lg-n5 {
            margin-top: -3rem !important;
            margin-bottom: -3rem !important;
        }
        .my-lg-n10 {
            margin-top: -10rem !important;
            margin-bottom: -10rem !important;
        }
        .my-lg-ngrid-gutter {
            margin-top: -1.5rem !important;
            margin-bottom: -1.5rem !important;
        }
        .mt-lg-n1 {
            margin-top: -0.25rem !important;
        }
        .mt-lg-n2 {
            margin-top: -0.5rem !important;
        }
        .mt-lg-n3 {
            margin-top: -1rem !important;
        }
        .mt-lg-n4 {
            margin-top: -1.5rem !important;
        }
        .mt-lg-n5 {
            margin-top: -3rem !important;
        }
        .mt-lg-n10 {
            margin-top: -10rem !important;
        }
        .mt-lg-ngrid-gutter {
            margin-top: -1.5rem !important;
        }
        .me-lg-n1 {
            margin-right: -0.25rem !important;
        }
        .me-lg-n2 {
            margin-right: -0.5rem !important;
        }
        .me-lg-n3 {
            margin-right: -1rem !important;
        }
        .me-lg-n4 {
            margin-right: -1.5rem !important;
        }
        .me-lg-n5 {
            margin-right: -3rem !important;
        }
        .me-lg-n10 {
            margin-right: -10rem !important;
        }
        .me-lg-ngrid-gutter {
            margin-right: -1.5rem !important;
        }
        .mb-lg-n1 {
            margin-bottom: -0.25rem !important;
        }
        .mb-lg-n2 {
            margin-bottom: -0.5rem !important;
        }
        .mb-lg-n3 {
            margin-bottom: -1rem !important;
        }
        .mb-lg-n4 {
            margin-bottom: -1.5rem !important;
        }
        .mb-lg-n5 {
            margin-bottom: -3rem !important;
        }
        .mb-lg-n10 {
            margin-bottom: -10rem !important;
        }
        .mb-lg-ngrid-gutter {
            margin-bottom: -1.5rem !important;
        }
        .ms-lg-n1 {
            margin-left: -0.25rem !important;
        }
        .ms-lg-n2 {
            margin-left: -0.5rem !important;
        }
        .ms-lg-n3 {
            margin-left: -1rem !important;
        }
        .ms-lg-n4 {
            margin-left: -1.5rem !important;
        }
        .ms-lg-n5 {
            margin-left: -3rem !important;
        }
        .ms-lg-n10 {
            margin-left: -10rem !important;
        }
        .ms-lg-ngrid-gutter {
            margin-left: -1.5rem !important;
        }
        .p-lg-0 {
            padding: 0 !important;
        }
        .p-lg-1 {
            padding: 0.25rem !important;
        }
        .p-lg-2 {
            padding: 0.5rem !important;
        }
        .p-lg-3 {
            padding: 1rem !important;
        }
        .p-lg-4 {
            padding: 1.5rem !important;
        }
        .p-lg-5 {
            padding: 3rem !important;
        }
        .p-lg-10 {
            padding: 10rem !important;
        }
        .p-lg-grid-gutter {
            padding: 1.5rem !important;
        }
        .px-lg-0 {
            padding-right: 0 !important;
            padding-left: 0 !important;
        }
        .px-lg-1 {
            padding-right: 0.25rem !important;
            padding-left: 0.25rem !important;
        }
        .px-lg-2 {
            padding-right: 0.5rem !important;
            padding-left: 0.5rem !important;
        }
        .px-lg-3 {
            padding-right: 1rem !important;
            padding-left: 1rem !important;
        }
        .px-lg-4 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
        }
        .px-lg-5 {
            padding-right: 3rem !important;
            padding-left: 3rem !important;
        }
        .px-lg-10 {
            padding-right: 10rem !important;
            padding-left: 10rem !important;
        }
        .px-lg-grid-gutter {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
        }
        .py-lg-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        .py-lg-1 {
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
        }
        .py-lg-2 {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
        }
        .py-lg-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }
        .py-lg-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }
        .py-lg-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }
        .py-lg-10 {
            padding-top: 10rem !important;
            padding-bottom: 10rem !important;
        }
        .py-lg-grid-gutter {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }
        .pt-lg-0 {
            padding-top: 0 !important;
        }
        .pt-lg-1 {
            padding-top: 0.25rem !important;
        }
        .pt-lg-2 {
            padding-top: 0.5rem !important;
        }
        .pt-lg-3 {
            padding-top: 1rem !important;
        }
        .pt-lg-4 {
            padding-top: 1.5rem !important;
        }
        .pt-lg-5 {
            padding-top: 3rem !important;
        }
        .pt-lg-10 {
            padding-top: 10rem !important;
        }
        .pt-lg-grid-gutter {
            padding-top: 1.5rem !important;
        }
        .pe-lg-0 {
            padding-right: 0 !important;
        }
        .pe-lg-1 {
            padding-right: 0.25rem !important;
        }
        .pe-lg-2 {
            padding-right: 0.5rem !important;
        }
        .pe-lg-3 {
            padding-right: 1rem !important;
        }
        .pe-lg-4 {
            padding-right: 1.5rem !important;
        }
        .pe-lg-5 {
            padding-right: 3rem !important;
        }
        .pe-lg-10 {
            padding-right: 10rem !important;
        }
        .pe-lg-grid-gutter {
            padding-right: 1.5rem !important;
        }
        .pb-lg-0 {
            padding-bottom: 0 !important;
        }
        .pb-lg-1 {
            padding-bottom: 0.25rem !important;
        }
        .pb-lg-2 {
            padding-bottom: 0.5rem !important;
        }
        .pb-lg-3 {
            padding-bottom: 1rem !important;
        }
        .pb-lg-4 {
            padding-bottom: 1.5rem !important;
        }
        .pb-lg-5 {
            padding-bottom: 3rem !important;
        }
        .pb-lg-10 {
            padding-bottom: 10rem !important;
        }
        .pb-lg-grid-gutter {
            padding-bottom: 1.5rem !important;
        }
        .ps-lg-0 {
            padding-left: 0 !important;
        }
        .ps-lg-1 {
            padding-left: 0.25rem !important;
        }
        .ps-lg-2 {
            padding-left: 0.5rem !important;
        }
        .ps-lg-3 {
            padding-left: 1rem !important;
        }
        .ps-lg-4 {
            padding-left: 1.5rem !important;
        }
        .ps-lg-5 {
            padding-left: 3rem !important;
        }
        .ps-lg-10 {
            padding-left: 10rem !important;
        }
        .ps-lg-grid-gutter {
            padding-left: 1.5rem !important;
        }
        .gap-lg-0 {
            gap: 0 !important;
        }
        .gap-lg-1 {
            gap: 0.25rem !important;
        }
        .gap-lg-2 {
            gap: 0.5rem !important;
        }
        .gap-lg-3 {
            gap: 1rem !important;
        }
        .gap-lg-4 {
            gap: 1.5rem !important;
        }
        .gap-lg-5 {
            gap: 3rem !important;
        }
        .gap-lg-10 {
            gap: 10rem !important;
        }
        .gap-lg-grid-gutter {
            gap: 1.5rem !important;
        }
        .text-lg-start {
            text-align: left !important;
        }
        .text-lg-end {
            text-align: right !important;
        }
        .text-lg-center {
            text-align: center !important;
        }
    }
    
    @media (min-width: 1200px) {
        .float-xl-start {
            float: left !important;
        }
        .float-xl-end {
            float: right !important;
        }
        .float-xl-none {
            float: none !important;
        }
        .d-xl-inline {
            display: inline !important;
        }
        .d-xl-inline-block {
            display: inline-block !important;
        }
        .d-xl-block {
            display: block !important;
        }
        .d-xl-grid {
            display: grid !important;
        }
        .d-xl-table {
            display: table !important;
        }
        .d-xl-table-row {
            display: table-row !important;
        }
        .d-xl-table-cell {
            display: table-cell !important;
        }
        .d-xl-flex {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
        }
        .d-xl-inline-flex {
            display: -webkit-inline-box !important;
            display: -ms-inline-flexbox !important;
            display: inline-flex !important;
        }
        .d-xl-none {
            display: none !important;
        }
        .flex-xl-fill {
            -webkit-box-flex: 1 !important;
            -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
        }
        .flex-xl-row {
            -webkit-box-orient: horizontal !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: row !important;
            flex-direction: row !important;
        }
        .flex-xl-column {
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
            flex-direction: column !important;
        }
        .flex-xl-row-reverse {
            -webkit-box-orient: horizontal !important;
            -webkit-box-direction: reverse !important;
            -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
        }
        .flex-xl-column-reverse {
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: reverse !important;
            -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
        }
        .flex-xl-grow-0 {
            -webkit-box-flex: 0 !important;
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
        }
        .flex-xl-grow-1 {
            -webkit-box-flex: 1 !important;
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
        }
        .flex-xl-shrink-0 {
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
        }
        .flex-xl-shrink-1 {
            -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
        }
        .flex-xl-wrap {
            -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
        }
        .flex-xl-nowrap {
            -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
        }
        .flex-xl-wrap-reverse {
            -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
        }
        .justify-content-xl-start {
            -webkit-box-pack: start !important;
            -ms-flex-pack: start !important;
            justify-content: flex-start !important;
        }
        .justify-content-xl-end {
            -webkit-box-pack: end !important;
            -ms-flex-pack: end !important;
            justify-content: flex-end !important;
        }
        .justify-content-xl-center {
            -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important;
        }
        .justify-content-xl-between {
            -webkit-box-pack: justify !important;
            -ms-flex-pack: justify !important;
            justify-content: space-between !important;
        }
        .justify-content-xl-around {
            -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
        }
        .justify-content-xl-evenly {
            -webkit-box-pack: space-evenly !important;
            -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
        }
        .align-items-xl-start {
            -webkit-box-align: start !important;
            -ms-flex-align: start !important;
            align-items: flex-start !important;
        }
        .align-items-xl-end {
            -webkit-box-align: end !important;
            -ms-flex-align: end !important;
            align-items: flex-end !important;
        }
        .align-items-xl-center {
            -webkit-box-align: center !important;
            -ms-flex-align: center !important;
            align-items: center !important;
        }
        .align-items-xl-baseline {
            -webkit-box-align: baseline !important;
            -ms-flex-align: baseline !important;
            align-items: baseline !important;
        }
        .align-items-xl-stretch {
            -webkit-box-align: stretch !important;
            -ms-flex-align: stretch !important;
            align-items: stretch !important;
        }
        .align-content-xl-start {
            -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
        }
        .align-content-xl-end {
            -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
        }
        .align-content-xl-center {
            -ms-flex-line-pack: center !important;
            align-content: center !important;
        }
        .align-content-xl-between {
            -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
        }
        .align-content-xl-around {
            -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
        }
        .align-content-xl-stretch {
            -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
        }
        .align-self-xl-auto {
            -ms-flex-item-align: auto !important;
            align-self: auto !important;
        }
        .align-self-xl-start {
            -ms-flex-item-align: start !important;
            align-self: flex-start !important;
        }
        .align-self-xl-end {
            -ms-flex-item-align: end !important;
            align-self: flex-end !important;
        }
        .align-self-xl-center {
            -ms-flex-item-align: center !important;
            align-self: center !important;
        }
        .align-self-xl-baseline {
            -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
        }
        .align-self-xl-stretch {
            -ms-flex-item-align: stretch !important;
            align-self: stretch !important;
        }
        .order-xl-first {
            -webkit-box-ordinal-group: 0 !important;
            -ms-flex-order: -1 !important;
            order: -1 !important;
        }
        .order-xl-0 {
            -webkit-box-ordinal-group: 1 !important;
            -ms-flex-order: 0 !important;
            order: 0 !important;
        }
        .order-xl-1 {
            -webkit-box-ordinal-group: 2 !important;
            -ms-flex-order: 1 !important;
            order: 1 !important;
        }
        .order-xl-2 {
            -webkit-box-ordinal-group: 3 !important;
            -ms-flex-order: 2 !important;
            order: 2 !important;
        }
        .order-xl-3 {
            -webkit-box-ordinal-group: 4 !important;
            -ms-flex-order: 3 !important;
            order: 3 !important;
        }
        .order-xl-4 {
            -webkit-box-ordinal-group: 5 !important;
            -ms-flex-order: 4 !important;
            order: 4 !important;
        }
        .order-xl-5 {
            -webkit-box-ordinal-group: 6 !important;
            -ms-flex-order: 5 !important;
            order: 5 !important;
        }
        .order-xl-last {
            -webkit-box-ordinal-group: 7 !important;
            -ms-flex-order: 6 !important;
            order: 6 !important;
        }
        .m-xl-0 {
            margin: 0 !important;
        }
        .m-xl-1 {
            margin: 0.25rem !important;
        }
        .m-xl-2 {
            margin: 0.5rem !important;
        }
        .m-xl-3 {
            margin: 1rem !important;
        }
        .m-xl-4 {
            margin: 1.5rem !important;
        }
        .m-xl-5 {
            margin: 3rem !important;
        }
        .m-xl-10 {
            margin: 10rem !important;
        }
        .m-xl-grid-gutter {
            margin: 1.5rem !important;
        }
        .m-xl-auto {
            margin: auto !important;
        }
        .mx-xl-0 {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }
        .mx-xl-1 {
            margin-right: 0.25rem !important;
            margin-left: 0.25rem !important;
        }
        .mx-xl-2 {
            margin-right: 0.5rem !important;
            margin-left: 0.5rem !important;
        }
        .mx-xl-3 {
            margin-right: 1rem !important;
            margin-left: 1rem !important;
        }
        .mx-xl-4 {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important;
        }
        .mx-xl-5 {
            margin-right: 3rem !important;
            margin-left: 3rem !important;
        }
        .mx-xl-10 {
            margin-right: 10rem !important;
            margin-left: 10rem !important;
        }
        .mx-xl-grid-gutter {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important;
        }
        .mx-xl-auto {
            margin-right: auto !important;
            margin-left: auto !important;
        }
        .my-xl-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }
        .my-xl-1 {
            margin-top: 0.25rem !important;
            margin-bottom: 0.25rem !important;
        }
        .my-xl-2 {
            margin-top: 0.5rem !important;
            margin-bottom: 0.5rem !important;
        }
        .my-xl-3 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important;
        }
        .my-xl-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important;
        }
        .my-xl-5 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important;
        }
        .my-xl-10 {
            margin-top: 10rem !important;
            margin-bottom: 10rem !important;
        }
        .my-xl-grid-gutter {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important;
        }
        .my-xl-auto {
            margin-top: auto !important;
            margin-bottom: auto !important;
        }
        .mt-xl-0 {
            margin-top: 0 !important;
        }
        .mt-xl-1 {
            margin-top: 0.25rem !important;
        }
        .mt-xl-2 {
            margin-top: 0.5rem !important;
        }
        .mt-xl-3 {
            margin-top: 1rem !important;
        }
        .mt-xl-4 {
            margin-top: 1.5rem !important;
        }
        .mt-xl-5 {
            margin-top: 3rem !important;
        }
        .mt-xl-10 {
            margin-top: 10rem !important;
        }
        .mt-xl-grid-gutter {
            margin-top: 1.5rem !important;
        }
        .mt-xl-auto {
            margin-top: auto !important;
        }
        .me-xl-0 {
            margin-right: 0 !important;
        }
        .me-xl-1 {
            margin-right: 0.25rem !important;
        }
        .me-xl-2 {
            margin-right: 0.5rem !important;
        }
        .me-xl-3 {
            margin-right: 1rem !important;
        }
        .me-xl-4 {
            margin-right: 1.5rem !important;
        }
        .me-xl-5 {
            margin-right: 3rem !important;
        }
        .me-xl-10 {
            margin-right: 10rem !important;
        }
        .me-xl-grid-gutter {
            margin-right: 1.5rem !important;
        }
        .me-xl-auto {
            margin-right: auto !important;
        }
        .mb-xl-0 {
            margin-bottom: 0 !important;
        }
        .mb-xl-1 {
            margin-bottom: 0.25rem !important;
        }
        .mb-xl-2 {
            margin-bottom: 0.5rem !important;
        }
        .mb-xl-3 {
            margin-bottom: 1rem !important;
        }
        .mb-xl-4 {
            margin-bottom: 1.5rem !important;
        }
        .mb-xl-5 {
            margin-bottom: 3rem !important;
        }
        .mb-xl-10 {
            margin-bottom: 10rem !important;
        }
        .mb-xl-grid-gutter {
            margin-bottom: 1.5rem !important;
        }
        .mb-xl-auto {
            margin-bottom: auto !important;
        }
        .ms-xl-0 {
            margin-left: 0 !important;
        }
        .ms-xl-1 {
            margin-left: 0.25rem !important;
        }
        .ms-xl-2 {
            margin-left: 0.5rem !important;
        }
        .ms-xl-3 {
            margin-left: 1rem !important;
        }
        .ms-xl-4 {
            margin-left: 1.5rem !important;
        }
        .ms-xl-5 {
            margin-left: 3rem !important;
        }
        .ms-xl-10 {
            margin-left: 10rem !important;
        }
        .ms-xl-grid-gutter {
            margin-left: 1.5rem !important;
        }
        .ms-xl-auto {
            margin-left: auto !important;
        }
        .m-xl-n1 {
            margin: -0.25rem !important;
        }
        .m-xl-n2 {
            margin: -0.5rem !important;
        }
        .m-xl-n3 {
            margin: -1rem !important;
        }
        .m-xl-n4 {
            margin: -1.5rem !important;
        }
        .m-xl-n5 {
            margin: -3rem !important;
        }
        .m-xl-n10 {
            margin: -10rem !important;
        }
        .m-xl-ngrid-gutter {
            margin: -1.5rem !important;
        }
        .mx-xl-n1 {
            margin-right: -0.25rem !important;
            margin-left: -0.25rem !important;
        }
        .mx-xl-n2 {
            margin-right: -0.5rem !important;
            margin-left: -0.5rem !important;
        }
        .mx-xl-n3 {
            margin-right: -1rem !important;
            margin-left: -1rem !important;
        }
        .mx-xl-n4 {
            margin-right: -1.5rem !important;
            margin-left: -1.5rem !important;
        }
        .mx-xl-n5 {
            margin-right: -3rem !important;
            margin-left: -3rem !important;
        }
        .mx-xl-n10 {
            margin-right: -10rem !important;
            margin-left: -10rem !important;
        }
        .mx-xl-ngrid-gutter {
            margin-right: -1.5rem !important;
            margin-left: -1.5rem !important;
        }
        .my-xl-n1 {
            margin-top: -0.25rem !important;
            margin-bottom: -0.25rem !important;
        }
        .my-xl-n2 {
            margin-top: -0.5rem !important;
            margin-bottom: -0.5rem !important;
        }
        .my-xl-n3 {
            margin-top: -1rem !important;
            margin-bottom: -1rem !important;
        }
        .my-xl-n4 {
            margin-top: -1.5rem !important;
            margin-bottom: -1.5rem !important;
        }
        .my-xl-n5 {
            margin-top: -3rem !important;
            margin-bottom: -3rem !important;
        }
        .my-xl-n10 {
            margin-top: -10rem !important;
            margin-bottom: -10rem !important;
        }
        .my-xl-ngrid-gutter {
            margin-top: -1.5rem !important;
            margin-bottom: -1.5rem !important;
        }
        .mt-xl-n1 {
            margin-top: -0.25rem !important;
        }
        .mt-xl-n2 {
            margin-top: -0.5rem !important;
        }
        .mt-xl-n3 {
            margin-top: -1rem !important;
        }
        .mt-xl-n4 {
            margin-top: -1.5rem !important;
        }
        .mt-xl-n5 {
            margin-top: -3rem !important;
        }
        .mt-xl-n10 {
            margin-top: -10rem !important;
        }
        .mt-xl-ngrid-gutter {
            margin-top: -1.5rem !important;
        }
        .me-xl-n1 {
            margin-right: -0.25rem !important;
        }
        .me-xl-n2 {
            margin-right: -0.5rem !important;
        }
        .me-xl-n3 {
            margin-right: -1rem !important;
        }
        .me-xl-n4 {
            margin-right: -1.5rem !important;
        }
        .me-xl-n5 {
            margin-right: -3rem !important;
        }
        .me-xl-n10 {
            margin-right: -10rem !important;
        }
        .me-xl-ngrid-gutter {
            margin-right: -1.5rem !important;
        }
        .mb-xl-n1 {
            margin-bottom: -0.25rem !important;
        }
        .mb-xl-n2 {
            margin-bottom: -0.5rem !important;
        }
        .mb-xl-n3 {
            margin-bottom: -1rem !important;
        }
        .mb-xl-n4 {
            margin-bottom: -1.5rem !important;
        }
        .mb-xl-n5 {
            margin-bottom: -3rem !important;
        }
        .mb-xl-n10 {
            margin-bottom: -10rem !important;
        }
        .mb-xl-ngrid-gutter {
            margin-bottom: -1.5rem !important;
        }
        .ms-xl-n1 {
            margin-left: -0.25rem !important;
        }
        .ms-xl-n2 {
            margin-left: -0.5rem !important;
        }
        .ms-xl-n3 {
            margin-left: -1rem !important;
        }
        .ms-xl-n4 {
            margin-left: -1.5rem !important;
        }
        .ms-xl-n5 {
            margin-left: -3rem !important;
        }
        .ms-xl-n10 {
            margin-left: -10rem !important;
        }
        .ms-xl-ngrid-gutter {
            margin-left: -1.5rem !important;
        }
        .p-xl-0 {
            padding: 0 !important;
        }
        .p-xl-1 {
            padding: 0.25rem !important;
        }
        .p-xl-2 {
            padding: 0.5rem !important;
        }
        .p-xl-3 {
            padding: 1rem !important;
        }
        .p-xl-4 {
            padding: 1.5rem !important;
        }
        .p-xl-5 {
            padding: 3rem !important;
        }
        .p-xl-10 {
            padding: 10rem !important;
        }
        .p-xl-grid-gutter {
            padding: 1.5rem !important;
        }
        .px-xl-0 {
            padding-right: 0 !important;
            padding-left: 0 !important;
        }
        .px-xl-1 {
            padding-right: 0.25rem !important;
            padding-left: 0.25rem !important;
        }
        .px-xl-2 {
            padding-right: 0.5rem !important;
            padding-left: 0.5rem !important;
        }
        .px-xl-3 {
            padding-right: 1rem !important;
            padding-left: 1rem !important;
        }
        .px-xl-4 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
        }
        .px-xl-5 {
            padding-right: 3rem !important;
            padding-left: 3rem !important;
        }
        .px-xl-10 {
            padding-right: 10rem !important;
            padding-left: 10rem !important;
        }
        .px-xl-grid-gutter {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
        }
        .py-xl-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        .py-xl-1 {
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
        }
        .py-xl-2 {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
        }
        .py-xl-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }
        .py-xl-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }
        .py-xl-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }
        .py-xl-10 {
            padding-top: 10rem !important;
            padding-bottom: 10rem !important;
        }
        .py-xl-grid-gutter {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }
        .pt-xl-0 {
            padding-top: 0 !important;
        }
        .pt-xl-1 {
            padding-top: 0.25rem !important;
        }
        .pt-xl-2 {
            padding-top: 0.5rem !important;
        }
        .pt-xl-3 {
            padding-top: 1rem !important;
        }
        .pt-xl-4 {
            padding-top: 1.5rem !important;
        }
        .pt-xl-5 {
            padding-top: 3rem !important;
        }
        .pt-xl-10 {
            padding-top: 10rem !important;
        }
        .pt-xl-grid-gutter {
            padding-top: 1.5rem !important;
        }
        .pe-xl-0 {
            padding-right: 0 !important;
        }
        .pe-xl-1 {
            padding-right: 0.25rem !important;
        }
        .pe-xl-2 {
            padding-right: 0.5rem !important;
        }
        .pe-xl-3 {
            padding-right: 1rem !important;
        }
        .pe-xl-4 {
            padding-right: 1.5rem !important;
        }
        .pe-xl-5 {
            padding-right: 3rem !important;
        }
        .pe-xl-10 {
            padding-right: 10rem !important;
        }
        .pe-xl-grid-gutter {
            padding-right: 1.5rem !important;
        }
        .pb-xl-0 {
            padding-bottom: 0 !important;
        }
        .pb-xl-1 {
            padding-bottom: 0.25rem !important;
        }
        .pb-xl-2 {
            padding-bottom: 0.5rem !important;
        }
        .pb-xl-3 {
            padding-bottom: 1rem !important;
        }
        .pb-xl-4 {
            padding-bottom: 1.5rem !important;
        }
        .pb-xl-5 {
            padding-bottom: 3rem !important;
        }
        .pb-xl-10 {
            padding-bottom: 10rem !important;
        }
        .pb-xl-grid-gutter {
            padding-bottom: 1.5rem !important;
        }
        .ps-xl-0 {
            padding-left: 0 !important;
        }
        .ps-xl-1 {
            padding-left: 0.25rem !important;
        }
        .ps-xl-2 {
            padding-left: 0.5rem !important;
        }
        .ps-xl-3 {
            padding-left: 1rem !important;
        }
        .ps-xl-4 {
            padding-left: 1.5rem !important;
        }
        .ps-xl-5 {
            padding-left: 3rem !important;
        }
        .ps-xl-10 {
            padding-left: 10rem !important;
        }
        .ps-xl-grid-gutter {
            padding-left: 1.5rem !important;
        }
        .gap-xl-0 {
            gap: 0 !important;
        }
        .gap-xl-1 {
            gap: 0.25rem !important;
        }
        .gap-xl-2 {
            gap: 0.5rem !important;
        }
        .gap-xl-3 {
            gap: 1rem !important;
        }
        .gap-xl-4 {
            gap: 1.5rem !important;
        }
        .gap-xl-5 {
            gap: 3rem !important;
        }
        .gap-xl-10 {
            gap: 10rem !important;
        }
        .gap-xl-grid-gutter {
            gap: 1.5rem !important;
        }
        .text-xl-start {
            text-align: left !important;
        }
        .text-xl-end {
            text-align: right !important;
        }
        .text-xl-center {
            text-align: center !important;
        }
    }
    
    @media (min-width: 1400px) {
        .float-xxl-start {
            float: left !important;
        }
        .float-xxl-end {
            float: right !important;
        }
        .float-xxl-none {
            float: none !important;
        }
        .d-xxl-inline {
            display: inline !important;
        }
        .d-xxl-inline-block {
            display: inline-block !important;
        }
        .d-xxl-block {
            display: block !important;
        }
        .d-xxl-grid {
            display: grid !important;
        }
        .d-xxl-table {
            display: table !important;
        }
        .d-xxl-table-row {
            display: table-row !important;
        }
        .d-xxl-table-cell {
            display: table-cell !important;
        }
        .d-xxl-flex {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
        }
        .d-xxl-inline-flex {
            display: -webkit-inline-box !important;
            display: -ms-inline-flexbox !important;
            display: inline-flex !important;
        }
        .d-xxl-none {
            display: none !important;
        }
        .flex-xxl-fill {
            -webkit-box-flex: 1 !important;
            -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
        }
        .flex-xxl-row {
            -webkit-box-orient: horizontal !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: row !important;
            flex-direction: row !important;
        }
        .flex-xxl-column {
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
            flex-direction: column !important;
        }
        .flex-xxl-row-reverse {
            -webkit-box-orient: horizontal !important;
            -webkit-box-direction: reverse !important;
            -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
        }
        .flex-xxl-column-reverse {
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: reverse !important;
            -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
        }
        .flex-xxl-grow-0 {
            -webkit-box-flex: 0 !important;
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
        }
        .flex-xxl-grow-1 {
            -webkit-box-flex: 1 !important;
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
        }
        .flex-xxl-shrink-0 {
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
        }
        .flex-xxl-shrink-1 {
            -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
        }
        .flex-xxl-wrap {
            -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
        }
        .flex-xxl-nowrap {
            -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
        }
        .flex-xxl-wrap-reverse {
            -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
        }
        .justify-content-xxl-start {
            -webkit-box-pack: start !important;
            -ms-flex-pack: start !important;
            justify-content: flex-start !important;
        }
        .justify-content-xxl-end {
            -webkit-box-pack: end !important;
            -ms-flex-pack: end !important;
            justify-content: flex-end !important;
        }
        .justify-content-xxl-center {
            -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important;
        }
        .justify-content-xxl-between {
            -webkit-box-pack: justify !important;
            -ms-flex-pack: justify !important;
            justify-content: space-between !important;
        }
        .justify-content-xxl-around {
            -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
        }
        .justify-content-xxl-evenly {
            -webkit-box-pack: space-evenly !important;
            -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
        }
        .align-items-xxl-start {
            -webkit-box-align: start !important;
            -ms-flex-align: start !important;
            align-items: flex-start !important;
        }
        .align-items-xxl-end {
            -webkit-box-align: end !important;
            -ms-flex-align: end !important;
            align-items: flex-end !important;
        }
        .align-items-xxl-center {
            -webkit-box-align: center !important;
            -ms-flex-align: center !important;
            align-items: center !important;
        }
        .align-items-xxl-baseline {
            -webkit-box-align: baseline !important;
            -ms-flex-align: baseline !important;
            align-items: baseline !important;
        }
        .align-items-xxl-stretch {
            -webkit-box-align: stretch !important;
            -ms-flex-align: stretch !important;
            align-items: stretch !important;
        }
        .align-content-xxl-start {
            -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
        }
        .align-content-xxl-end {
            -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
        }
        .align-content-xxl-center {
            -ms-flex-line-pack: center !important;
            align-content: center !important;
        }
        .align-content-xxl-between {
            -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
        }
        .align-content-xxl-around {
            -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
        }
        .align-content-xxl-stretch {
            -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
        }
        .align-self-xxl-auto {
            -ms-flex-item-align: auto !important;
            align-self: auto !important;
        }
        .align-self-xxl-start {
            -ms-flex-item-align: start !important;
            align-self: flex-start !important;
        }
        .align-self-xxl-end {
            -ms-flex-item-align: end !important;
            align-self: flex-end !important;
        }
        .align-self-xxl-center {
            -ms-flex-item-align: center !important;
            align-self: center !important;
        }
        .align-self-xxl-baseline {
            -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
        }
        .align-self-xxl-stretch {
            -ms-flex-item-align: stretch !important;
            align-self: stretch !important;
        }
        .order-xxl-first {
            -webkit-box-ordinal-group: 0 !important;
            -ms-flex-order: -1 !important;
            order: -1 !important;
        }
        .order-xxl-0 {
            -webkit-box-ordinal-group: 1 !important;
            -ms-flex-order: 0 !important;
            order: 0 !important;
        }
        .order-xxl-1 {
            -webkit-box-ordinal-group: 2 !important;
            -ms-flex-order: 1 !important;
            order: 1 !important;
        }
        .order-xxl-2 {
            -webkit-box-ordinal-group: 3 !important;
            -ms-flex-order: 2 !important;
            order: 2 !important;
        }
        .order-xxl-3 {
            -webkit-box-ordinal-group: 4 !important;
            -ms-flex-order: 3 !important;
            order: 3 !important;
        }
        .order-xxl-4 {
            -webkit-box-ordinal-group: 5 !important;
            -ms-flex-order: 4 !important;
            order: 4 !important;
        }
        .order-xxl-5 {
            -webkit-box-ordinal-group: 6 !important;
            -ms-flex-order: 5 !important;
            order: 5 !important;
        }
        .order-xxl-last {
            -webkit-box-ordinal-group: 7 !important;
            -ms-flex-order: 6 !important;
            order: 6 !important;
        }
        .m-xxl-0 {
            margin: 0 !important;
        }
        .m-xxl-1 {
            margin: 0.25rem !important;
        }
        .m-xxl-2 {
            margin: 0.5rem !important;
        }
        .m-xxl-3 {
            margin: 1rem !important;
        }
        .m-xxl-4 {
            margin: 1.5rem !important;
        }
        .m-xxl-5 {
            margin: 3rem !important;
        }
        .m-xxl-10 {
            margin: 10rem !important;
        }
        .m-xxl-grid-gutter {
            margin: 1.5rem !important;
        }
        .m-xxl-auto {
            margin: auto !important;
        }
        .mx-xxl-0 {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }
        .mx-xxl-1 {
            margin-right: 0.25rem !important;
            margin-left: 0.25rem !important;
        }
        .mx-xxl-2 {
            margin-right: 0.5rem !important;
            margin-left: 0.5rem !important;
        }
        .mx-xxl-3 {
            margin-right: 1rem !important;
            margin-left: 1rem !important;
        }
        .mx-xxl-4 {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important;
        }
        .mx-xxl-5 {
            margin-right: 3rem !important;
            margin-left: 3rem !important;
        }
        .mx-xxl-10 {
            margin-right: 10rem !important;
            margin-left: 10rem !important;
        }
        .mx-xxl-grid-gutter {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important;
        }
        .mx-xxl-auto {
            margin-right: auto !important;
            margin-left: auto !important;
        }
        .my-xxl-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }
        .my-xxl-1 {
            margin-top: 0.25rem !important;
            margin-bottom: 0.25rem !important;
        }
        .my-xxl-2 {
            margin-top: 0.5rem !important;
            margin-bottom: 0.5rem !important;
        }
        .my-xxl-3 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important;
        }
        .my-xxl-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important;
        }
        .my-xxl-5 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important;
        }
        .my-xxl-10 {
            margin-top: 10rem !important;
            margin-bottom: 10rem !important;
        }
        .my-xxl-grid-gutter {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important;
        }
        .my-xxl-auto {
            margin-top: auto !important;
            margin-bottom: auto !important;
        }
        .mt-xxl-0 {
            margin-top: 0 !important;
        }
        .mt-xxl-1 {
            margin-top: 0.25rem !important;
        }
        .mt-xxl-2 {
            margin-top: 0.5rem !important;
        }
        .mt-xxl-3 {
            margin-top: 1rem !important;
        }
        .mt-xxl-4 {
            margin-top: 1.5rem !important;
        }
        .mt-xxl-5 {
            margin-top: 3rem !important;
        }
        .mt-xxl-10 {
            margin-top: 10rem !important;
        }
        .mt-xxl-grid-gutter {
            margin-top: 1.5rem !important;
        }
        .mt-xxl-auto {
            margin-top: auto !important;
        }
        .me-xxl-0 {
            margin-right: 0 !important;
        }
        .me-xxl-1 {
            margin-right: 0.25rem !important;
        }
        .me-xxl-2 {
            margin-right: 0.5rem !important;
        }
        .me-xxl-3 {
            margin-right: 1rem !important;
        }
        .me-xxl-4 {
            margin-right: 1.5rem !important;
        }
        .me-xxl-5 {
            margin-right: 3rem !important;
        }
        .me-xxl-10 {
            margin-right: 10rem !important;
        }
        .me-xxl-grid-gutter {
            margin-right: 1.5rem !important;
        }
        .me-xxl-auto {
            margin-right: auto !important;
        }
        .mb-xxl-0 {
            margin-bottom: 0 !important;
        }
        .mb-xxl-1 {
            margin-bottom: 0.25rem !important;
        }
        .mb-xxl-2 {
            margin-bottom: 0.5rem !important;
        }
        .mb-xxl-3 {
            margin-bottom: 1rem !important;
        }
        .mb-xxl-4 {
            margin-bottom: 1.5rem !important;
        }
        .mb-xxl-5 {
            margin-bottom: 3rem !important;
        }
        .mb-xxl-10 {
            margin-bottom: 10rem !important;
        }
        .mb-xxl-grid-gutter {
            margin-bottom: 1.5rem !important;
        }
        .mb-xxl-auto {
            margin-bottom: auto !important;
        }
        .ms-xxl-0 {
            margin-left: 0 !important;
        }
        .ms-xxl-1 {
            margin-left: 0.25rem !important;
        }
        .ms-xxl-2 {
            margin-left: 0.5rem !important;
        }
        .ms-xxl-3 {
            margin-left: 1rem !important;
        }
        .ms-xxl-4 {
            margin-left: 1.5rem !important;
        }
        .ms-xxl-5 {
            margin-left: 3rem !important;
        }
        .ms-xxl-10 {
            margin-left: 10rem !important;
        }
        .ms-xxl-grid-gutter {
            margin-left: 1.5rem !important;
        }
        .ms-xxl-auto {
            margin-left: auto !important;
        }
        .m-xxl-n1 {
            margin: -0.25rem !important;
        }
        .m-xxl-n2 {
            margin: -0.5rem !important;
        }
        .m-xxl-n3 {
            margin: -1rem !important;
        }
        .m-xxl-n4 {
            margin: -1.5rem !important;
        }
        .m-xxl-n5 {
            margin: -3rem !important;
        }
        .m-xxl-n10 {
            margin: -10rem !important;
        }
        .m-xxl-ngrid-gutter {
            margin: -1.5rem !important;
        }
        .mx-xxl-n1 {
            margin-right: -0.25rem !important;
            margin-left: -0.25rem !important;
        }
        .mx-xxl-n2 {
            margin-right: -0.5rem !important;
            margin-left: -0.5rem !important;
        }
        .mx-xxl-n3 {
            margin-right: -1rem !important;
            margin-left: -1rem !important;
        }
        .mx-xxl-n4 {
            margin-right: -1.5rem !important;
            margin-left: -1.5rem !important;
        }
        .mx-xxl-n5 {
            margin-right: -3rem !important;
            margin-left: -3rem !important;
        }
        .mx-xxl-n10 {
            margin-right: -10rem !important;
            margin-left: -10rem !important;
        }
        .mx-xxl-ngrid-gutter {
            margin-right: -1.5rem !important;
            margin-left: -1.5rem !important;
        }
        .my-xxl-n1 {
            margin-top: -0.25rem !important;
            margin-bottom: -0.25rem !important;
        }
        .my-xxl-n2 {
            margin-top: -0.5rem !important;
            margin-bottom: -0.5rem !important;
        }
        .my-xxl-n3 {
            margin-top: -1rem !important;
            margin-bottom: -1rem !important;
        }
        .my-xxl-n4 {
            margin-top: -1.5rem !important;
            margin-bottom: -1.5rem !important;
        }
        .my-xxl-n5 {
            margin-top: -3rem !important;
            margin-bottom: -3rem !important;
        }
        .my-xxl-n10 {
            margin-top: -10rem !important;
            margin-bottom: -10rem !important;
        }
        .my-xxl-ngrid-gutter {
            margin-top: -1.5rem !important;
            margin-bottom: -1.5rem !important;
        }
        .mt-xxl-n1 {
            margin-top: -0.25rem !important;
        }
        .mt-xxl-n2 {
            margin-top: -0.5rem !important;
        }
        .mt-xxl-n3 {
            margin-top: -1rem !important;
        }
        .mt-xxl-n4 {
            margin-top: -1.5rem !important;
        }
        .mt-xxl-n5 {
            margin-top: -3rem !important;
        }
        .mt-xxl-n10 {
            margin-top: -10rem !important;
        }
        .mt-xxl-ngrid-gutter {
            margin-top: -1.5rem !important;
        }
        .me-xxl-n1 {
            margin-right: -0.25rem !important;
        }
        .me-xxl-n2 {
            margin-right: -0.5rem !important;
        }
        .me-xxl-n3 {
            margin-right: -1rem !important;
        }
        .me-xxl-n4 {
            margin-right: -1.5rem !important;
        }
        .me-xxl-n5 {
            margin-right: -3rem !important;
        }
        .me-xxl-n10 {
            margin-right: -10rem !important;
        }
        .me-xxl-ngrid-gutter {
            margin-right: -1.5rem !important;
        }
        .mb-xxl-n1 {
            margin-bottom: -0.25rem !important;
        }
        .mb-xxl-n2 {
            margin-bottom: -0.5rem !important;
        }
        .mb-xxl-n3 {
            margin-bottom: -1rem !important;
        }
        .mb-xxl-n4 {
            margin-bottom: -1.5rem !important;
        }
        .mb-xxl-n5 {
            margin-bottom: -3rem !important;
        }
        .mb-xxl-n10 {
            margin-bottom: -10rem !important;
        }
        .mb-xxl-ngrid-gutter {
            margin-bottom: -1.5rem !important;
        }
        .ms-xxl-n1 {
            margin-left: -0.25rem !important;
        }
        .ms-xxl-n2 {
            margin-left: -0.5rem !important;
        }
        .ms-xxl-n3 {
            margin-left: -1rem !important;
        }
        .ms-xxl-n4 {
            margin-left: -1.5rem !important;
        }
        .ms-xxl-n5 {
            margin-left: -3rem !important;
        }
        .ms-xxl-n10 {
            margin-left: -10rem !important;
        }
        .ms-xxl-ngrid-gutter {
            margin-left: -1.5rem !important;
        }
        .p-xxl-0 {
            padding: 0 !important;
        }
        .p-xxl-1 {
            padding: 0.25rem !important;
        }
        .p-xxl-2 {
            padding: 0.5rem !important;
        }
        .p-xxl-3 {
            padding: 1rem !important;
        }
        .p-xxl-4 {
            padding: 1.5rem !important;
        }
        .p-xxl-5 {
            padding: 3rem !important;
        }
        .p-xxl-10 {
            padding: 10rem !important;
        }
        .p-xxl-grid-gutter {
            padding: 1.5rem !important;
        }
        .px-xxl-0 {
            padding-right: 0 !important;
            padding-left: 0 !important;
        }
        .px-xxl-1 {
            padding-right: 0.25rem !important;
            padding-left: 0.25rem !important;
        }
        .px-xxl-2 {
            padding-right: 0.5rem !important;
            padding-left: 0.5rem !important;
        }
        .px-xxl-3 {
            padding-right: 1rem !important;
            padding-left: 1rem !important;
        }
        .px-xxl-4 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
        }
        .px-xxl-5 {
            padding-right: 3rem !important;
            padding-left: 3rem !important;
        }
        .px-xxl-10 {
            padding-right: 10rem !important;
            padding-left: 10rem !important;
        }
        .px-xxl-grid-gutter {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
        }
        .py-xxl-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        .py-xxl-1 {
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
        }
        .py-xxl-2 {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
        }
        .py-xxl-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }
        .py-xxl-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }
        .py-xxl-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }
        .py-xxl-10 {
            padding-top: 10rem !important;
            padding-bottom: 10rem !important;
        }
        .py-xxl-grid-gutter {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }
        .pt-xxl-0 {
            padding-top: 0 !important;
        }
        .pt-xxl-1 {
            padding-top: 0.25rem !important;
        }
        .pt-xxl-2 {
            padding-top: 0.5rem !important;
        }
        .pt-xxl-3 {
            padding-top: 1rem !important;
        }
        .pt-xxl-4 {
            padding-top: 1.5rem !important;
        }
        .pt-xxl-5 {
            padding-top: 3rem !important;
        }
        .pt-xxl-10 {
            padding-top: 10rem !important;
        }
        .pt-xxl-grid-gutter {
            padding-top: 1.5rem !important;
        }
        .pe-xxl-0 {
            padding-right: 0 !important;
        }
        .pe-xxl-1 {
            padding-right: 0.25rem !important;
        }
        .pe-xxl-2 {
            padding-right: 0.5rem !important;
        }
        .pe-xxl-3 {
            padding-right: 1rem !important;
        }
        .pe-xxl-4 {
            padding-right: 1.5rem !important;
        }
        .pe-xxl-5 {
            padding-right: 3rem !important;
        }
        .pe-xxl-10 {
            padding-right: 10rem !important;
        }
        .pe-xxl-grid-gutter {
            padding-right: 1.5rem !important;
        }
        .pb-xxl-0 {
            padding-bottom: 0 !important;
        }
        .pb-xxl-1 {
            padding-bottom: 0.25rem !important;
        }
        .pb-xxl-2 {
            padding-bottom: 0.5rem !important;
        }
        .pb-xxl-3 {
            padding-bottom: 1rem !important;
        }
        .pb-xxl-4 {
            padding-bottom: 1.5rem !important;
        }
        .pb-xxl-5 {
            padding-bottom: 3rem !important;
        }
        .pb-xxl-10 {
            padding-bottom: 10rem !important;
        }
        .pb-xxl-grid-gutter {
            padding-bottom: 1.5rem !important;
        }
        .ps-xxl-0 {
            padding-left: 0 !important;
        }
        .ps-xxl-1 {
            padding-left: 0.25rem !important;
        }
        .ps-xxl-2 {
            padding-left: 0.5rem !important;
        }
        .ps-xxl-3 {
            padding-left: 1rem !important;
        }
        .ps-xxl-4 {
            padding-left: 1.5rem !important;
        }
        .ps-xxl-5 {
            padding-left: 3rem !important;
        }
        .ps-xxl-10 {
            padding-left: 10rem !important;
        }
        .ps-xxl-grid-gutter {
            padding-left: 1.5rem !important;
        }
        .gap-xxl-0 {
            gap: 0 !important;
        }
        .gap-xxl-1 {
            gap: 0.25rem !important;
        }
        .gap-xxl-2 {
            gap: 0.5rem !important;
        }
        .gap-xxl-3 {
            gap: 1rem !important;
        }
        .gap-xxl-4 {
            gap: 1.5rem !important;
        }
        .gap-xxl-5 {
            gap: 3rem !important;
        }
        .gap-xxl-10 {
            gap: 10rem !important;
        }
        .gap-xxl-grid-gutter {
            gap: 1.5rem !important;
        }
        .text-xxl-start {
            text-align: left !important;
        }
        .text-xxl-end {
            text-align: right !important;
        }
        .text-xxl-center {
            text-align: center !important;
        }
    }
    
    @media (min-width: 1200px) {
        .fs-1 {
            font-size: 2.5rem !important;
        }
        .fs-2 {
            font-size: 2rem !important;
        }
        .fs-3 {
            font-size: 1.75rem !important;
        }
        .fs-4 {
            font-size: 1.5rem !important;
        }
        .fs-xl {
            font-size: 1.625rem !important;
        }
    }
    
    @media print {
        .d-print-inline {
            display: inline !important;
        }
        .d-print-inline-block {
            display: inline-block !important;
        }
        .d-print-block {
            display: block !important;
        }
        .d-print-grid {
            display: grid !important;
        }
        .d-print-table {
            display: table !important;
        }
        .d-print-table-row {
            display: table-row !important;
        }
        .d-print-table-cell {
            display: table-cell !important;
        }
        .d-print-flex {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
        }
        .d-print-inline-flex {
            display: -webkit-inline-box !important;
            display: -ms-inline-flexbox !important;
            display: inline-flex !important;
        }
        .d-print-none {
            display: none !important;
        }
    }
    /* Theme Default */
    
    .pt-10 {
        padding-top: 10px;
    }
    
    .pt-20 {
        padding-top: 20px;
    }
    
    .pt-30 {
        padding-top: 30px;
    }
    
    .pt-40 {
        padding-top: 40px;
    }
    
    .pt-50 {
        padding-top: 50px;
    }
    
    .pt-60 {
        padding-top: 60px;
    }
    
    .pt-70 {
        padding-top: 70px;
    }
    
    .pt-80 {
        padding-top: 80px;
    }
    
    .pt-90 {
        padding-top: 90px;
    }
    
    .pt-100 {
        padding-top: 100px;
    }
    
    @media (max-width: 767.98px) {
        .pt-100 {
            padding-top: 65px;
        }
    }
    
    .pt-105 {
        padding-top: 105px;
    }
    
    .pt-110 {
        padding-top: 110px;
    }
    
    .pt-115 {
        padding-top: 115px;
    }
    
    .pt-120 {
        padding-top: 120px;
    }
    
    @media (max-width: 767.98px) {
        .pt-120 {
            padding-top: 65px;
        }
    }
    
    .pb-10 {
        padding-bottom: 10px;
    }
    
    .pb-20 {
        padding-bottom: 20px;
    }
    
    .pb-30 {
        padding-bottom: 30px;
    }
    
    .pb-40 {
        padding-bottom: 40px;
    }
    
    .pb-50 {
        padding-bottom: 50px;
    }
    
    .pb-60 {
        padding-bottom: 60px;
    }
    
    .pb-70 {
        padding-bottom: 70px;
    }
    
    .pb-80 {
        padding-bottom: 80px;
    }
    
    .pb-90 {
        padding-bottom: 90px;
    }
    
    @media (max-width: 575.98px) {
        .pb-90 {
            padding-bottom: 50px;
        }
    }
    
    .pb-100 {
        padding-bottom: 100px;
    }
    
    .pb-105 {
        padding-bottom: 105px;
    }
    
    .pb-110 {
        padding-bottom: 110px;
    }
    
    @media (max-width: 767.98px) {
        .pb-110 {
            padding-bottom: 65px;
        }
    }
    
    .pb-115 {
        padding-bottom: 115px;
    }
    
    .pb-120 {
        padding-bottom: 120px;
    }
    
    @media (max-width: 767.98px) {
        .pb-120 {
            padding-bottom: 65px;
        }
    }
    
    .pb-220 {
        padding-bottom: 220px;
    }
    
    @media (max-width: 1199.98px) {
        .pb-lg-120 {
            padding-bottom: 120px;
        }
    }
    
    @media (max-width: 767.98px) {
        .pb-lg-120 {
            padding-bottom: 65px;
        }
    }
    
    .pt-150 {
        padding-top: 150px;
    }
    
    @media (max-width: 767.98px) {
        .pt-150 {
            padding-top: 100px;
        }
    }
    
    .pt-250 {
        padding-top: 250px;
    }
    
    .ptb-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .ptb-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .ptb-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .ptb-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .ptb-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .ptb-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    .ptb-70 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    
    .ptb-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    .ptb-90 {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    
    .ptb-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    
    .ptb-105 {
        padding-top: 105px;
        padding-bottom: 105px;
    }
    
    .ptb-115 {
        padding-top: 115px;
        padding-bottom: 115px;
    }
    
    @media (max-width: 767.98px) {
        .ptb-115 {
            padding-top: 50px;
            padding-bottom: 50px;
        }
    }
    
    .ptb-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    
    @media (max-width: 767.98px) {
        .ptb-120 {
            padding-top: 65px;
            padding-bottom: 65px;
        }
    }
    
    .ptb-150 {
        padding-top: 150px;
        padding-bottom: 150px;
    }
    
    @media (max-width: 767.98px) {
        .ptb-150 {
            padding-top: 80px;
            padding-bottom: 80px;
        }
    }
    
    .mt-10 {
        margin-top: 10px;
    }
    
    .mt-20 {
        margin-top: 20px;
    }
    
    .mt-30 {
        margin-top: 30px;
    }
    
    .mt-40 {
        margin-top: 40px;
    }
    
    .mt-50 {
        margin-top: 50px;
    }
    
    .mt-60 {
        margin-top: 60px;
    }
    
    .mt-70 {
        margin-top: 70px;
    }
    
    .mt-80 {
        margin-top: 80px;
    }
    
    .mt-90 {
        margin-top: 90px;
    }
    
    .mt-100 {
        margin-top: 100px;
    }
    
    .mb-10 {
        margin-bottom: 10px;
    }
    
    .mb-20 {
        margin-bottom: 20px;
    }
    
    .mb-30 {
        margin-bottom: 30px;
    }
    
    .mb-40 {
        margin-bottom: 40px;
    }
    
    .mb-50 {
        margin-bottom: 50px;
    }
    
    .mb-60 {
        margin-bottom: 60px;
    }
    
    .mb-70 {
        margin-bottom: 70px;
    }
    
    .mb-80 {
        margin-bottom: 80px;
    }
    
    .mb-90 {
        margin-bottom: 90px;
    }
    
    .mb-100 {
        margin-bottom: 100px;
    }
    
    .mr-10 {
        margin-right: 10px;
    }
    
    .mr-20 {
        margin-right: 20px;
    }
    
    .mr-30 {
        margin-right: 30px;
    }
    
    .mr-40 {
        margin-right: 40px;
    }
    
    .mr-50 {
        margin-right: 50px;
    }
    
    .mr-60 {
        margin-right: 60px;
    }
    
    .mr-70 {
        margin-right: 70px;
    }
    
    .mr-80 {
        margin-right: 80px;
    }
    
    .mr-90 {
        margin-right: 90px;
    }
    
    .mr-100 {
        margin-right: 100px;
    }
    
    .ml-10 {
        margin-left: 10px;
    }
    
    .ml-20 {
        margin-left: 20px;
    }
    
    .ml-30 {
        margin-left: 30px;
    }
    
    .ml-40 {
        margin-left: 40px;
    }
    
    .ml-50 {
        margin-left: 50px;
    }
    
    .ml-60 {
        margin-left: 60px;
    }
    
    .ml-70 {
        margin-left: 70px;
    }
    
    .ml-80 {
        margin-left: 80px;
    }
    
    .ml-90 {
        margin-left: 90px;
    }
    
    .ml-100 {
        margin-left: 100px;
    }
    
    .margin-10 {
        margin: 10px 0;
    }
    
    .margin-20 {
        margin: 10px 0;
    }
    
    .margin-30 {
        margin: 10px 0;
    }
    
    .margin-40 {
        margin: 10px 0;
    }
    
    .margin-50 {
        margin: 10px 0;
    }
    
    .margin-60 {
        margin: 10px 0;
    }
    
    .margin-70 {
        margin: 10px 0;
    }
    
    .margin-80 {
        margin: 10px 0;
    }
    
    .margin-90 {
        margin: 10px 0;
    }
    
    .margin-100 {
        margin: 10px 0;
    }
    /*********** Theme Buttons *************/
    
    button {
        border: 0;
        outline: 0;
    }
    
    .listing-btn {
        font-weight: 500;
        background: transparent;
        border: 0;
        position: relative;
        overflow: hidden;
        padding: 10px 15px;
        border-radius: 4px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        font-size: 14px;
    }
    
    .listing-btn span {
        width: 30px;
        height: 30px;
        background: #20a8d9;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        font-size: 16px;
    }
    
    .listing-btn:hover {
        background-color: #20a8d9;
    }
    
    .listing-btn:hover span {
        background: #111010;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    .header-toggle-btn {
        background: transparent;
        width: 30px;
    }
    
    .header-toggle-btn span {
        width: 30px;
        height: 3px;
        border-radius: 10px;
        background: #fff;
        display: block;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        float: right;
    }
    
    .header-toggle-btn span+span {
        margin-top: 5px;
    }
    
    .header-toggle-btn span:nth-child(2) {
        width: 25px;
    }
    
    .header-toggle-btn span:nth-child(3) {
        width: 20px;
    }
    
    .header-toggle-btn:hover span:nth-child(1) {
        width: 30px;
    }
    
    .header-toggle-btn:hover span:nth-child(2) {
        width: 30px;
    }
    
    .header-toggle-btn:hover span:nth-child(3) {
        width: 30px;
    }
    /******* ofcanvus close ********/
    
    .at-offcanvus-close {
        border-radius: 50%;
        width: 35px;
        height: 35px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .at-offcanvus-close:hover {
        color: #20a8d9;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    /******** primary btn **********/
    
    .btn-primary {
        color: #fff;
        position: relative;
        z-index: 1;
        overflow: hidden;
        border: 0;
    }
    
    .btn-primary::before {
        content: "";
        position: absolute;
        left: -60px;
        top: -110px;
        width: 200%;
        height: 200%;
        border-radius: 50%;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        background: #111010;
        z-index: -1;
    }
    
    .btn-primary:hover {
        color: #fff;
    }
    
    .btn-primary:hover::before {
        top: -30px;
    }
    /**************** secondary button ************/
    
    .btn-secondary {
        position: relative;
        color: #fff;
        overflow: hidden;
        z-index: 1;
        border: 0;
    }
    
    .btn-secondary::before {
        content: "";
        position: absolute;
        left: -60px;
        top: -110px;
        width: 200%;
        height: 200%;
        border-radius: 50%;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        background: #20a8d9;
        z-index: -1;
    }
    
    .btn-secondary:hover {
        color: #fff;
    }
    
    .btn-secondary:hover::before {
        top: -30px;
    }
    /******* social btn *******/
    
    a.social-btn {
        width: 30px;
        height: 30px;
        background: transparent;
        border: 1px solid #e2e8f0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 14px;
        color: #111010;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    a.social-btn:hover {
        color: #20a8d9;
    }
    /******** hero explore btn **********/
    
    .at-explore-btn {
        font-weight: 600;
        color: #fff;
        position: relative;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        display: inline-block;
    }
    
    .at-explore-btn.color-secondary {
        color: #111010;
    }
    
    .at-explore-btn:hover {
        color: #20a8d9;
    }
    
    .btn-scroll-down {
        font-weight: 500;
        color: #fff;
        position: relative;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .btn-md {
        padding: 12px 30px;
        font-size: 14px;
    }
    
    .explore-btn {
        width: 35px;
        height: 35px;
        background: #20a8d9;
        color: #fff;
        border-radius: 50%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .explore-btn i {
        -webkit-transform: rotate(-35deg);
        transform: rotate(-35deg);
    }
    
    .link-btn {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .link-btn:hover {
        color: #111010;
    }
    
    .link-btn:hover span i {
        -webkit-animation: 0.5s fadeInLeft;
        animation: 0.5s fadeInLeft;
    }
    
    .at-filter-btn {
        padding: 10px 30px;
        font-weight: 700;
        border-radius: 3px;
        background: #fff;
        color: #111010;
        -webkit-box-shadow: 20px 20px 100px rgba(73, 73, 73, 0.15);
        box-shadow: 20px 20px 100px rgba(73, 73, 73, 0.15);
        font-size: 15px;
        position: relative;
        overflow: hidden;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 1;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .at-filter-btn span {
        line-height: 0;
        font-size: 18px;
    }
    
    .at-filter-btn::before {
        content: "";
        position: absolute;
        left: -60px;
        top: -110px;
        width: 200%;
        height: 200%;
        border-radius: 50%;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        background: #111010;
        z-index: -1;
    }
    
    .at-filter-btn:hover {
        color: #fff;
    }
    
    .at-filter-btn:hover::before {
        top: -30px;
    }
    
    .icon-btn {
        padding: 0px 8px;
        border-radius: 3px;
        color: #575757;
        background: #fff;
        -webkit-box-shadow: 0px 4px 50px rgba(0, 56, 60, 0.05);
        box-shadow: 0px 4px 50px rgba(0, 56, 60, 0.05);
        display: inline-block;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .small-btn-meta {
        padding: 20px 20px;
        font-weight: 700;
        font-size: 20px;
        background: #f3bd18;
        border-radius: 48px;
        color: #fff;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .outline-btn {
        border: 1px solid rgba(11, 22, 63, 0.07);
        color: #111010;
        font-weight: 700;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .outline-btn:hover {
        background: #20a8d9;
        color: #fff;
        border-color: #20a8d9;
    }
    
    .app-btn {
        padding: 12px 24px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        color: #111010;
        border-radius: 3px;
        min-width: 175px;
    }
    
    .app-btn .icon-wrapper {
        font-size: 30px;
        line-height: 0;
    }
    
    .app-btn .app-btn-content span {
        display: block;
        font-size: 12px;
        font-weight: 600;
        margin-bottom: -5px;
        font-weight: 600;
    }
    
    .app-btn .app-btn-content strong {
        font-weight: 700;
    }
    
    .app-btn.primary-btn {
        background: #20a8d9;
        color: #fff;
    }
    
    .app-btn.primary-btn:hover {
        background: #111010;
    }
    
    .app-btn.md-primary-btn {
        background-color: #FE5915;
        color: #fff;
    }
    
    .app-btn.md-primary-btn:hover {
        background-color: #111010;
    }
    
    .app-btn.white-btn {
        background: #fff;
    }
    
    .app-btn.white-btn:hover {
        background: #111010;
        color: #fff;
    }
    
    .blog-explore-btn {
        width: 42px;
        height: 42px;
        background: #F6F6F6;
        color: #575757;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .blog-explore-btn:hover {
        background: #20a8d9;
        color: #fff;
    }
    
    .video-popup-btn {
        width: 60px;
        height: 60px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .video-popup-btn:hover {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    
    .video-popup-btn.bg-primary {
        -webkit-animation: 1.2s ripple-animation linear infinite;
        animation: 1.2s ripple-animation linear infinite;
    }
    
    .video-popup-btn.bg-md-primary {
        -webkit-animation: 1.2s ripple-animation2 linear infinite;
        animation: 1.2s ripple-animation2 linear infinite;
    }
    
    .slide-arrow-btn {
        width: 40px;
        height: 40px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #20a8d9;
        color: #fff;
        border-radius: 50%;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .slide-arrow-btn:hover {
        background: #111010;
    }
    
    .slide-arrow-btn.slide-btn-prev {
        background: #111010;
    }
    
    .slide-arrow-btn.slide-btn-prev:hover {
        background: #20a8d9;
    }
    
    .header-white-btn {
        background: #fff;
        color: #111010;
        border: 0;
        font-size: 15px;
        font-weight: 600;
        position: relative;
        z-index: 1;
        overflow: hidden;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .header-white-btn::before {
        content: "";
        position: absolute;
        left: -60px;
        top: -110px;
        width: 200%;
        height: 200%;
        border-radius: 50%;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        background: #20a8d9;
        z-index: -1;
    }
    
    .header-white-btn:hover {
        color: #fff;
    }
    
    .header-white-btn:hover::before {
        top: -30px;
    }
    
    .md-primary-btn {
        background-color: #FE5915;
        color: #fff;
        border: 0;
    }
    
    .md-primary-btn:hover {
        background-color: #2A2929;
        color: #fff;
    }
    
    .el-primary-btn {
        background-color: #5CAD2F;
        color: #fff;
    }
    
    .el-primary-btn:hover {
        background-color: #242430;
        color: #fff;
    }
    
    .el-secondary-btn {
        background-color: #242430;
        color: #fff;
    }
    
    .el-secondary-btn:hover {
        background-color: #5CAD2F;
        color: #fff;
    }
    
    .widget-outline-btn {
        border: 1px solid #FE5915;
        color: #fff;
    }
    
    .widget-outline-btn:hover {
        background-color: #FE5915;
        color: #fff;
        border-color: #FE5915;
    }
    
    .eq-primary-btn {
        background-color: #FEB200;
        color: #fff;
        font-weight: 600;
    }
    
    .eq-primary-btn:hover {
        background-color: #111010;
        color: #fff;
        border-color: #111010;
    }
    
    .eq-secondary-btn {
        background-color: #111010;
        color: #fff;
    }
    
    .eq-secondary-btn:hover {
        background-color: #FEB200;
        color: #fff;
    }
    
    .eq-secondary-btn.btn-secondary::before {
        background-color: #FEB200;
    }
    
    .eq-secondary-btn.btn-secondary:hover {
        background-color: #111010;
    }
    
    .eq-explore-btn {
        background-color: #FEB200;
        color: #fff;
        font-weight: 500;
    }
    
    .eq-explore-btn:hover {
        background-color: #111010;
        color: #fff;
        border: 1px solid #111010;
    }
    
    .eq-white-btn {
        background-color: #fff;
        color: #111010;
        font-weight: 600;
    }
    
    .eq-white-btn svg,
    .eq-white-btn path,
    .eq-white-btn i {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-white-btn:hover {
        background-color: #111010;
        color: #fff;
        border-color: #111010;
    }
    
    .eq-white-btn:hover svg,
    .eq-white-btn:hover path,
    .eq-white-btn:hover i {
        fill: #fff;
        color: #fff;
    }
    
    .eq-explore-btn-2 {
        color: #111010;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        display: inline-block;
    }
    
    .eq-explore-btn-2:hover {
        color: #FEB200;
    }
    
    .theme-scrolltop-btn {
        position: fixed;
        bottom: 60px;
        right: 40px;
        width: 45px;
        height: 45px;
        background: #20a8d9;
        color: #fff;
        border-radius: 4px;
        display: none;
        -webkit-transition: initial;
        transition: initial;
        z-index: 60;
    }
    
    .theme-accordion .accordion-item {
        border-left: 0;
        border-right: 0;
        background: transparent;
    }
    
    .theme-accordion .accordion-item:last-child {
        border-bottom: 0;
    }
    
    .theme-accordion .accordion-header .accordion-button {
        padding: 12px 24px;
        font-weight: 600;
        color: #111010;
        background: transparent;
        border-radius: 0;
    }
    
    .theme-accordion .accordion-header .accordion-button::after {
        content: "\f107";
        background: none;
        font-family: "FontAwesome";
        border: 1px solid #111010;
        border-radius: 50%;
        text-align: center;
        line-height: 20px;
    }
    
    .theme-accordion .accordion-header .accordion-button:not(.collapsed) {
        background: #DCDCDC;
    }
    
    .theme-accordion .accordion-header .accordion-button:not(.collapsed)::after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    
    .theme-accordion .accordion-collapse {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .theme-accordion .accordion-collapse.show {
        background: #F6F6F6;
    }
    /************* Header Style One **************/
    
    .header-style-one {
        position: relative;
        z-index: 50;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }
    
    .header-style-one .at_topbar {
        padding: 5px 0;
    }
    
    .tp-info-wrapper {
        gap: 70px;
    }
    
    @media (max-width: 1399.98px) {
        .tp-info-wrapper {
            gap: 30px;
        }
    }
    
    .tp-info .icon-wrapper {
        line-height: 0;
        color: #20a8d9;
    }
    
    .tp-info p {
        font-size: 14px;
        font-weight: 500;
        color: #111010;
    }
    
    @media (max-width: 575.98px) {
        .logo-wrapper a {
            width: 140px;
            display: inline-block;
        }
    }
    
    .at_header_nav {
        background: #fff;
        padding: 5px 0;
    }
    
    @media (max-width: 991.98px) {
        .at_header_nav {
            padding: 5px 0;
        }
    }
    
    .at_nav_menu ul li {
        display: inline-block;
    }
    
    .at_nav_menu ul li a {
        display: block;
        padding: 24px 20px;
        color: rgba(255, 255, 255, 0.8);
        font-weight: 500;
        font-size: 14px;
        text-transform: capitalize;
        position: relative;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    @media (max-width: 1199.98px) {
        .at_nav_menu ul li a {
            padding: 24px 15px;
        }
    }
    
    .at_nav_menu ul li.has-submenu {
        position: relative;
    }
    
    .at_nav_menu ul li.has-submenu::after {
        content: "\f107";
        font-family: "FontAwesome";
        position: absolute;
        right: 6px;
        top: 27px;
        color: rgba(255, 255, 255, 0.8);
        font-size: 12px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .at_nav_menu ul li.has-submenu .submenu-wrapper {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 260px;
        background: #111010;
        border-radius: 6px;
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        -webkit-perspective: 200px;
        perspective: 200px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        z-index: 50;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
    }
    
    .at_nav_menu ul li.has-submenu .submenu-wrapper li {
        display: block;
    }
    
    .at_nav_menu ul li.has-submenu .submenu-wrapper li+li {
        border-top: 1px solid rgba(255, 255, 255, 0.12);
    }
    
    .at_nav_menu ul li.has-submenu .submenu-wrapper li a {
        padding: 10px 15px;
    }
    
    .at_nav_menu ul li.has-submenu .submenu-wrapper li a:hover {
        padding-left: 20px;
    }
    
    .at_nav_menu ul li.has-submenu .has-submenu::after {
        top: 12px;
        right: 12px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    
    .at_nav_menu ul li.has-submenu .has-submenu .submenu-wrapper {
        top: 0;
        left: 100%;
    }
    
    .at_nav_menu ul li.has-submenu .at_megamenu_style_1 {
        position: absolute;
        top: 100%;
        right: 0;
        width: 560px;
        background: #111010;
        border-radius: 6px;
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        -webkit-perspective: 200px;
        perspective: 200px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        z-index: 50;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
    }
    
    .at_nav_menu ul li.has-submenu .at_megamenu_style_1 .megamenu_nav>li {
        display: block;
    }
    
    .at_nav_menu ul li.has-submenu .at_megamenu_style_1 .megamenu_nav>li+li {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .at_nav_menu ul li.has-submenu .at_megamenu_style_1 .megamenu_nav>li a {
        padding: 8px 20px;
    }
    
    .at_nav_menu ul li.has-submenu .at_megamenu_style_1 .megamenu_nav>li a:hover {
        padding-left: 25px;
    }
    
    .at_nav_menu ul li.has-submenu:hover>.submenu-wrapper {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
        visibility: visible;
    }
    
    .at_nav_menu ul li.has-submenu:hover>.at_megamenu_style_1 {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
        visibility: visible;
    }
    
    .at_nav_menu ul li:hover::after {
        color: #fff;
    }
    
    .at_nav_menu ul li:hover>a {
        color: #fff;
    }
    /********* ofcanvus menu **********/
    
    .at_offcanvus_menu {
        top: 0;
        right: -425px;
        z-index: 100;
        background: #fff;
        max-width: 400px;
        height: 100vh;
        overflow: hidden;
        overflow-y: scroll;
        padding: 50px 30px;
        -webkit-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    
    .at_offcanvus_menu::-webkit-scrollbar {
        width: 6px;
    }
    
    .at_offcanvus_menu::-webkit-scrollbar-thumb {
        background: #e2e8f0;
        border-radius: 6px;
    }
    
    .at_offcanvus_menu .at-offcanvus-close {
        position: absolute;
        right: 25px;
        top: 40px;
    }
    
    .at_offcanvus_menu.active {
        right: 0;
    }
    
    .at_offcanvus_menu.active .at-offcanvus-close {
        -webkit-animation: 1s fadeInRight;
        animation: 1s fadeInRight;
    }
    
    .at_offcanvus_menu.active .logo-wrapper {
        -webkit-animation: 1s theme_fadeInUp;
        animation: 1s theme_fadeInUp;
    }
    
    .at_offcanvus_menu.active .offcanvus-content {
        -webkit-animation: 1.2s theme_fadeInUp;
        animation: 1.2s theme_fadeInUp;
    }
    
    .at_offcanvus_menu.active .offcanvus-contact {
        -webkit-animation: 1.3s theme_fadeInUp;
        animation: 1.3s theme_fadeInUp;
    }
    
    .at_offcanvus_menu.active .at_canvus_social {
        -webkit-animation: 1.5s theme_fadeInUp;
        animation: 1.5s theme_fadeInUp;
    }
    
    .at_canvus_address li+li {
        margin-top: 10px;
    }
    
    .at_canvus_social a {
        margin-right: 4px;
    }
    /****************** auto parts header ****************/
    
    @media (max-width: 575.98px) {
        .auto-parts-header {
            background: #111010;
        }
    }
    
    .auto-parts-header-info {
        padding: 12px 0;
    }
    
    .auto-parts-info-txt p {
        font-size: 14px;
    }
    
    .auto-parts-info-menu ul {
        gap: 32px;
    }
    
    .auto-parts-info-menu ul li+li {
        position: relative;
    }
    
    .auto-parts-info-menu ul li+li::before {
        content: "";
        position: absolute;
        left: -17px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 0;
        height: 15px;
        border: 1px dashed #575757;
        opacity: 0.3;
    }
    
    .auto-parts-info-menu ul li a {
        color: #7A7A7A;
        font-size: 14px;
        font-weight: 500;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .auto-parts-info-menu ul li a:hover {
        color: #20a8d9;
    }
    
    .autoparts-header-middle {
        padding: 20px 24px;
    }
    
    @media (max-width: 1199.98px) {
        .autoparts-header-middle {
            padding: 15px;
        }
    }
    
    .autoparts-office-info {
        gap: 60px;
    }
    
    .autoparts-office-info li .icon-wrapper {
        width: 54px;
        height: 54px;
        background: rgba(255, 255, 255, 0.1);
        font-size: 24px;
    }
    
    .autoparts-office-info li .info-content span {
        color: #E9E9E9;
        font-size: 14px;
    }
    
    .autoparts-header-navigation {
        background: #fff;
        -webkit-box-shadow: 0px 10px 30px rgba(131, 131, 131, 0.05);
        box-shadow: 0px 10px 30px rgba(131, 131, 131, 0.05);
    }
    
    .autoparts-header-navigation .category-dropdown .category-toggle {
        padding: 23px 24px;
        background: #20a8d9;
        color: #fff;
        font-weight: 700;
        min-width: 312px;
        text-align: left;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    @media (max-width: 767.98px) {
        .autoparts-header-navigation .category-dropdown {
            min-width: 220px;
            font-size: 15px;
        }
    }
    
    @media (max-width: 575.98px) {
        .categories-toggle {
            padding: 6px 12px;
            font-size: 14px;
        }
    }
    /********* category menu ***********/
    
    .product_category_nav {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        background: #fff;
        padding: 18px 20px;
        z-index: 3;
    }
    
    .product_category_nav li>a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        color: #7A7A7A;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        padding: 11px 0;
    }
    
    .product_category_nav li>a span {
        line-height: 0;
        font-size: 16px;
    }
    
    .product_category_nav li>a:hover {
        color: #111010;
    }
    
    .product_category_nav li>a:hover span {
        color: #20a8d9;
    }
    
    .product_category_nav li+li {
        border-top: 1px solid rgba(11, 22, 63, 0.03);
    }
    
    .product_category_nav li.has-megamenu {
        position: static;
    }
    
    .product_category_nav li.has-megamenu>a {
        position: relative;
    }
    
    .product_category_nav li.has-megamenu>a::after {
        content: "\f105";
        font-family: "FontAwesome";
        position: absolute;
        right: 0;
        top: 11px;
        font-size: 14px;
        color: #7A7A7A;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .product_category_nav li.has-megamenu>a:hover::after {
        right: -3px;
        color: #20a8d9;
    }
    
    .product_category_nav li.has-megamenu .category-megamenu {
        position: absolute;
        min-width: 730px;
        background: #fff;
        left: calc(100% - 10px);
        top: 0;
        z-index: 2;
        padding: 40px 24px;
        -webkit-box-shadow: 0px 4px 50px rgba(0, 56, 60, 0.05);
        box-shadow: 0px 4px 50px rgba(0, 56, 60, 0.05);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .product_category_nav li.has-megamenu .category-megamenu ul {
        position: initial;
    }
    
    .product_category_nav li.has-megamenu .category-megamenu ul li {
        border: 0;
    }
    
    .product_category_nav li.has-megamenu .category-megamenu ul li a {
        padding: 3px 0;
        font-size: 13px;
        font-weight: 500;
    }
    
    .product_category_nav li.has-megamenu .category-megamenu ul li a:hover {
        padding-left: 3px;
    }
    
    .product_category_nav li.has-megamenu .category-megamenu .megamenu_list_wrapper .megamenu_list+.megamenu_list {
        position: relative;
    }
    
    .product_category_nav li.has-megamenu .category-megamenu .megamenu_list_wrapper .megamenu_list+.megamenu_list::before {
        content: "";
        position: absolute;
        left: 0;
        top: -20px;
        width: 100%;
        height: 1px;
        background-color: rgba(11, 22, 63, 0.07);
    }
    
    .product_category_nav li.has-megamenu .category-megamenu .megamenu_banner {
        height: 100%;
        border-radius: 3px;
        padding: 40px 16px;
    }
    
    .product_category_nav li.has-megamenu .category-megamenu .megamenu_banner .btn-primary {
        padding: 10px 30px;
    }
    
    .product_category_nav li.has-megamenu .category-megamenu .megamenu-slider-wrapper {
        height: 100%;
        border-radius: 3px;
        overflow: hidden;
        border-left: 1px solid rgba(11, 22, 63, 0.07);
    }
    
    @media (max-width: 1199.98px) {
        .product_category_nav li.has-megamenu .category-megamenu {
            width: 600px;
            min-width: auto;
        }
    }
    
    .product_category_nav li.has-megamenu .submenu-list {
        position: absolute;
        background: #fff;
        left: calc(100% - 10px);
        top: 0;
        z-index: 2;
        min-width: 230px;
        padding: 10px 0;
        -webkit-box-shadow: 0px 4px 50px rgba(0, 56, 60, 0.05);
        box-shadow: 0px 4px 50px rgba(0, 56, 60, 0.05);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .product_category_nav li.has-megamenu .submenu-list li {
        position: relative;
    }
    
    .product_category_nav li.has-megamenu .submenu-list li.has-submenu::after {
        content: "\f105";
        font-family: "FontAwesome";
        position: absolute;
        right: 15px;
        top: 6px;
        font-size: 14px;
        color: #7A7A7A;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .product_category_nav li.has-megamenu .submenu-list li a {
        padding: 6px 15px;
        font-size: 13px;
    }
    
    .product_category_nav li.has-megamenu .submenu-list li a:hover {
        padding-left: 18px;
    }
    
    .product_category_nav li.has-megamenu .submenu-list li ul {
        position: absolute;
        left: calc(100% - 10px);
        top: 0;
        background: #fff;
        min-width: 230px;
        padding: 10px 0;
        opacity: 0;
        visibility: hidden;
        z-index: 2;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        -webkit-box-shadow: 0px 4px 50px rgba(0, 56, 60, 0.05);
        box-shadow: 0px 4px 50px rgba(0, 56, 60, 0.05);
    }
    
    .product_category_nav li.has-megamenu .submenu-list li:hover>ul {
        opacity: 1;
        visibility: visible;
        left: 100%;
    }
    
    .product_category_nav li.has-megamenu:hover>.category-megamenu {
        opacity: 1;
        visibility: visible;
        left: 100%;
    }
    
    .product_category_nav li.has-megamenu:hover>.submenu-list {
        left: 100%;
        opacity: 1;
        visibility: visible;
    }
    
    @media (max-width: 1199.98px) {
        .product_category_nav {
            display: none;
        }
    }
    
    .atp_header_right {
        gap: 16px;
        padding-right: 24px;
    }
    
    .atp_header_right button,
    .atp_header_right a.apt_wish_btn {
        width: 40px;
        height: 40px;
        display: inline-block;
        text-align: center;
        line-height: 40px;
        background: #F6F6F6;
        color: #C2C2C2;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        border-radius: 3px;
        line-height: 40px;
        position: relative;
    }
    
    .atp_header_right button sup,
    .atp_header_right a.apt_wish_btn sup {
        position: absolute;
        top: -6x;
        background: #20a8d9;
        width: 15px;
        height: 15px;
        text-align: center;
        line-height: 15px;
        border-radius: 50%;
        display: inline-block;
        font-size: 8px;
        font-weight: 700;
    }
    
    .atp_header_right button:hover,
    .atp_header_right a.apt_wish_btn:hover {
        color: #fff;
        background: #111010;
    }
    
    .apt_header_cart:hover .apt_cart_box {
        top: 100%;
        opacity: 1;
        visibility: visible;
    }
    
    .apt_cart_box {
        position: absolute;
        min-width: 400px;
        top: calc(100% + 10px);
        right: 0;
        background: #fff;
        z-index: 2;
        -webkit-box-shadow: 0px 4px 50px rgba(0, 56, 60, 0.05);
        box-shadow: 0px 4px 50px rgba(0, 56, 60, 0.05);
        border-radius: 4px;
        padding: 30px 20px 30px 20px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .apt_cart_box ul {
        max-height: 330px;
        overflow: hidden;
    }
    
    .apt_cart_box ul li {
        position: relative;
    }
    
    .apt_cart_box ul li .thumb-wrapper {
        width: 60px;
    }
    
    .apt_cart_box ul li .items-content h6,
    .apt_cart_box ul li .items-content .h6 {
        font-size: 14px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .apt_cart_box ul li .items-content h6:hover,
    .apt_cart_box ul li .items-content .h6:hover {
        color: #20a8d9;
    }
    
    .apt_cart_box ul li .items-content .products_meta .price {
        font-size: 13px;
    }
    
    .apt_cart_box ul li .items-content .products_meta .count {
        font-size: 13px;
        font-weight: 500;
    }
    
    .apt_cart_box ul li .remove_cart_btn {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: transparent;
        color: rgba(252, 0, 18, 0.8);
        font-size: 14px;
    }
    
    .apt_cart_box ul li+li {
        margin-top: 30px;
    }
    
    .apt_cart_box ul li+li::before {
        content: "";
        position: absolute;
        left: 0;
        top: -15px;
        width: 100%;
        height: 1px;
        background: rgba(11, 22, 63, 0.05);
    }
    
    .autoparts-header-menu ul li a {
        color: #111010;
        font-weight: 700;
    }
    
    .autoparts-header-menu ul li ul li a {
        color: #fff;
    }
    
    .autoparts-header-menu ul li.has-submenu::after {
        color: #111010;
    }
    
    .autoparts-header-menu ul li.has-submenu:hover::after {
        color: #20a8d9;
    }
    
    .autoparts-header-menu>ul>li:hover>a {
        color: #20a8d9;
    }
    /************** Mobile Menu ***************/
    
    .mobile-menu,
    .offcanvas-category-menu {
        min-width: 300px;
        height: 100vh;
        z-index: 10;
        top: 0;
        left: -320px;
        padding: 40px 15px;
        overflow-y: scroll;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        z-index: 150;
        position: fixed;
    }
    
    .mobile-menu .close-menu,
    .offcanvas-category-menu .close-menu {
        right: 20px;
        top: 15px;
        background: transparent;
        border: 0;
        font-size: 20px;
        cursor: pointer;
    }
    
    .mobile-menu ul li,
    .offcanvas-category-menu ul li {
        display: block;
    }
    
    .mobile-menu ul li a,
    .offcanvas-category-menu ul li a {
        display: block;
        padding: 10px 0;
        color: #111010;
        font-weight: 600;
        border-bottom: 1px solid #E8E8E8;
    }
    
    .mobile-menu ul li a .menu-list-wrapper img,
    .offcanvas-category-menu ul li a .menu-list-wrapper img {
        width: 35px;
    }
    
    .mobile-menu ul li a .menu-list-wrapper .menu-list-content-right h6,
    .mobile-menu ul li a .menu-list-wrapper .menu-list-content-right .h6,
    .offcanvas-category-menu ul li a .menu-list-wrapper .menu-list-content-right h6,
    .offcanvas-category-menu ul li a .menu-list-wrapper .menu-list-content-right .h6 {
        font-size: 16px;
        margin-bottom: 0;
    }
    
    .mobile-menu ul li a .menu-list-wrapper .menu-list-content-right span,
    .offcanvas-category-menu ul li a .menu-list-wrapper .menu-list-content-right span {
        font-size: 13px;
    }
    
    .mobile-menu ul li ul,
    .mobile-menu ul li .category-submenu,
    .offcanvas-category-menu ul li ul,
    .offcanvas-category-menu ul li .category-submenu {
        padding-left: 10px;
        display: none;
    }
    
    .mobile-menu ul li ul li a,
    .mobile-menu ul li .category-submenu li a,
    .offcanvas-category-menu ul li ul li a,
    .offcanvas-category-menu ul li .category-submenu li a {
        font-size: 14px;
    }
    
    .mobile-menu ul li.has-submenu>a,
    .offcanvas-category-menu ul li.has-submenu>a {
        position: relative;
    }
    
    .mobile-menu ul li.has-submenu>a::after,
    .offcanvas-category-menu ul li.has-submenu>a::after {
        content: "\f107";
        font-family: "FontAwesome";
        position: absolute;
        right: 0;
        top: 10px;
        color: #111010;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .mobile-menu ul li.has-submenu>a.icon-rotate::after,
    .offcanvas-category-menu ul li.has-submenu>a.icon-rotate::after {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    
    .mobile-menu .social-contact a,
    .offcanvas-category-menu .social-contact a {
        color: #111010;
        display: inline-block;
        margin-right: 10px;
    }
    
    .mobile-menu.active,
    .offcanvas-category-menu.active {
        left: 0;
    }
    
    .header-sticky {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .header-sticky.sticky-on {
        position: fixed !important;
        left: 0;
        top: 0;
        width: 100%;
        background: #111010;
        z-index: 60;
        -webkit-animation: 0.5s fadeInDown;
        animation: 0.5s fadeInDown;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .header-sticky.sticky-on .at_topbar {
        display: none !important;
    }
    /*************** rent header  ******************/
    
    .rent-header .at_header_nav {
        background: #f3bd18;
    }
    
    .rent-header .at_header_nav::before {
        content: "";
        position: absolute;
        left: 0;
        top: -1px;
        width: 35%;
        height: calc(100% + 1px);
        background: black;
        z-index: -1;
        -webkit-clip-path: polygon(0 0, 92% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 92% 0, 100% 100%, 0% 100%);
    }
    
    @media (max-width: 1199.98px) {
        .rent-header .at_header_nav::before {
            width: 28%;
        }
    }
    
    @media (max-width: 991.98px) {
        .rent-header .at_header_nav::before {
            width: 37%;
        }
    }
    
    @media (max-width: 767.98px) {
        .rent-header .at_header_nav::before {
            width: 55%;
        }
    }
    
    .rent-header .at_nav_menu ul li.has-submenu::after {
        color: #000000;
    }
    
    .rent-header .at_nav_menu ul li a {
        color: #000000;
    }
    
    .rent-header .at_nav_menu ul li:hover.has-submenu::after {
        color: rgba(255, 255, 255, 0.8);
    }
    
    .rent-header .at_nav_menu ul li:hover a {
        color: rgba(255, 255, 255, 0.8);
    }
    
    .rent-header .listing-btn {
        color: #fff;
    }
    
    .rent-header .listing-btn span {
        background: #fff;
        color: #111010;
    }
    
    .rent-header .listing-btn:hover {
        background: #111010;
    }
    
    .rent-header .listing-btn:hover span {
        background: #fff;
    }
    
    .rent-header .apt_search_toggle {
        width: 45px;
        height: 42px;
        border-radius: 2px;
    }
    
    .rent-header .ofcanvus-toggle {
        width: 45px;
        height: 42px;
        background: #fff;
        color: #111010;
        border-radius: 2px;
    }
    
    .rent-header .ofcanvus-toggle span {
        background: #111010;
        float: left;
    }
    
    .rent-header.sticky-on .rent-header-info {
        display: none;
    }
    
    .rent-header-info {
        background: #F8F8F8;
        padding: 12px 0;
    }
    
    .rent-header-info::after {
        content: "";
        position: absolute;
        right: 0;
        top: -1px;
        background: #111010;
        width: 35%;
        height: calc(100% + 2px);
        z-index: -1;
        -webkit-clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
    }
    
    @media (max-width: 1920px) {
        .rent-header-info::after {
            width: 32%;
        }
    }
    
    @media (max-width: 1800px) {
        .rent-header-info::after {
            width: 30%;
        }
    }
    
    @media (max-width: 1600px) {
        .rent-header-info::after {
            width: 28%;
        }
    }
    
    @media (max-width: 1399.98px) {
        .rent-header-info::after {
            display: none;
        }
    }
    
    .lang-switcher .flag {
        width: 25px;
    }
    
    .lang-switcher .dropdown-menu li+li {
        margin-top: 10px;
        position: relative;
    }
    
    .lang-switcher .dropdown-menu li+li::before {
        content: "";
        position: absolute;
        left: 0;
        top: -5px;
        width: 100%;
        height: 1px;
        background: rgba(11, 22, 63, 0.07);
    }
    
    .lang-switcher .dropdown-menu li a {
        padding: 0 10px;
        color: #111010;
        font-weight: 500;
        font-size: 15px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .lang-switcher .dropdown-menu li a .flag {
        width: 24px;
    }
    
    .lang-switcher .dropdown-menu li a:hover {
        color: #20a8d9;
    }
    
    .rent-info-social a {
        margin-left: 24px;
        color: #fff;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .rent-info-social a:hover {
        color: #20a8d9;
    }
    
    @media (max-width: 1399.98px) {
        .rent-info-social a {
            color: #111010;
        }
    }
    
    .header-shadow {
        -webkit-box-shadow: 12px 20px 60px rgba(0, 23, 104, 0.05);
        box-shadow: 12px 20px 60px rgba(0, 23, 104, 0.05);
    }
    /************ motor header ************/
    
    .md_menu_list>ul>li>a {
        color: #111010;
        padding: 14px 20px;
        font-size: 15px;
    }
    
    .md_menu_list>ul>li.has-submenu::after {
        color: #111010;
        top: 18px;
    }
    
    .md_menu_list>ul>li:hover>a {
        color: #FE5915;
    }
    
    .md_menu_list>ul>li:hover::after {
        color: #FE5915;
    }
    
    .md_nav_right {
        gap: 24px;
    }
    
    .md_header_toggle {
        width: 48px;
        height: 48px;
        border: 1px solid #7B7B7B;
        border-radius: 50%;
        background-color: transparent;
    }
    
    .header-3 .header-toggle-btn span {
        background-color: #FE5915;
    }
    
    .account_info ul li+li {
        border-top: 1px solid rgba(11, 22, 63, 0.07);
    }
    
    .account_info ul li a {
        padding: 5px 10px;
        color: #111010;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        font-weight: 500;
        display: block;
        font-size: 15px;
    }
    
    .account_info ul li a:hover {
        padding-left: 12px;
        color: #FE5915;
    }
    
    .md_cart_wrapper .apt_cart_box {
        -webkit-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
    }
    
    .md_cart_wrapper:hover .apt_cart_box {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }
    
    .md_cart_btn .cart_total_item {
        position: absolute;
        background-color: #FE5915;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        top: -4px;
        right: -6px;
        font-size: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .md_listing_btn {
        padding: 14px 16px;
        background-color: #FE5915;
        color: #fff;
        font-weight: 500;
        border-radius: 4px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .md_listing_btn span {
        width: 17px;
        height: 17px;
        background-color: #fff;
        border-radius: 50%;
        color: #FE5915;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 10px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    
    .md_listing_btn:hover {
        background-color: #2A2929;
        color: #fff;
    }
    
    .md_listing_btn:hover span {
        background-color: #FE5915;
        color: #fff;
    }
    /**************** header 5 *****************/
    
    .header-5.sticky-on {
        background-color: #fff !important;
        -webkit-box-shadow: 10px 20px 60px rgba(0, 23, 104, 0.08);
        box-shadow: 10px 20px 60px rgba(0, 23, 104, 0.08);
    }
    
    .header-5.sticky-on .eq-header-infobar {
        display: none;
    }
    
    .header-5.sticky-on .eq-header-nav {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .eq-header-info {
        gap: 48px;
    }
    
    .eq-header-info span i {
        margin-right: 6px;
    }
    
    @media (max-width: 1199.98px) {
        .eq-header-info {
            gap: 24px;
        }
    }
    
    @media (max-width: 767.98px) {
        .eq-header-info {
            grid-row-gap: 4px;
            grid-column-gap: 16px;
        }
    }
    
    .eq-header-right .register-btn {
        color: #fff;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-header-right .register-btn:hover {
        color: #FEB200;
    }
    
    .eq-listing-btn {
        color: #111010;
    }
    
    .eq-listing-btn span {
        background-color: #FEB200;
        color: #fff;
    }
    
    .eq-listing-btn:hover {
        background-color: #111010;
        color: #fff;
    }
    
    .eq-listing-btn:hover span {
        background-color: #FEB200;
    }
    
    .eq-search-toggle {
        width: 48px;
        height: 48px;
        background-color: #111010;
        color: #fff;
        border-radius: 4px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-search-toggle:hover {
        background-color: #FEB200;
    }
    
    .eq-ofcanvus-toggle {
        background-color: #111010;
        border-radius: 4px;
        width: 48px;
        height: 48px;
        font-size: 20px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-ofcanvus-toggle i {
        color: #fff;
    }
    
    .eq-ofcanvus-toggle:hover {
        background-color: #FEB200;
    }
    
    .eq-mobile-menu-toggle span {
        background-color: #111010;
    }
    /*************** bicycle header **********/
    
    .cycle-header {
        position: relative;
        z-index: 5;
        -webkit-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
    }
    
    .cycle-header .bc-logo {
        height: 84px;
    }
    
    .cycle-header .bc-nav-menu>ul>li.has-submenu::after {
        color: #606060;
    }
    
    .cycle-header .bc-nav-menu>ul>li.has-submenu:hover::after {
        color: #0b163f;
    }
    
    .cycle-header .bc-nav-menu>ul>li>a {
        color: #606060;
    }
    
    .cycle-header .bc-nav-menu>ul>li>a:hover {
        color: #0b163f;
    }
    
    @media (max-width: 767.98px) {
        .cycle-header .bc-logo {
            height: auto;
        }
    }
    
    .bc-mobile-menu-toggle {
        width: 74px;
        height: 84px;
        background-color: #20a8d9;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5px;
        padding: 20px;
        margin-left: 160px;
    }
    
    .bc-mobile-menu-toggle span {
        background-color: #fff;
        display: inline-block;
        height: 3px;
        border-radius: 10px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .bc-mobile-menu-toggle span:nth-child(1) {
        width: 35px;
    }
    
    .bc-mobile-menu-toggle span:nth-child(2) {
        width: 30px;
    }
    
    .bc-mobile-menu-toggle span:nth-child(3) {
        width: 25px;
    }
    
    .bc-mobile-menu-toggle:hover span {
        width: 35px;
    }
    
    @media (max-width: 1600px) {
        .bc-mobile-menu-toggle {
            margin-left: 60px;
        }
    }
    
    @media (max-width: 1399.98px) {
        .bc-mobile-menu-toggle {
            margin-left: 24px;
        }
    }
    
    @media (max-width: 767.98px) {
        .bc-mobile-menu-toggle {
            height: 100%;
        }
    }
    
    .bc-header-icons button {
        width: 48px;
        height: 48px;
        background-color: #F1F1F1;
        border-radius: 50%;
        color: #0b163f;
    }
    
    .bc-header-cart:hover .apt_cart_box {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }
    
    .bc-header-contact .icon {
        width: 54px;
        height: 54px;
        background-color: rgba(255, 255, 255, 0.1);
    }
    
    .bc-header-contact span,
    .bc-header-contact h4,
    .bc-header-contact .h4 {
        color: #fff;
    }
    
    .cycle-header.header-sticky.sticky-on {
        background-color: #fff;
    }
    
    .cycle-header.header-sticky.sticky-on .bc-header-contact .icon {
        background-color: rgba(17, 16, 16, 0.1);
    }
    
    .cycle-header.header-sticky.sticky-on .bc-header-contact .icon svg path {
        fill: #111010;
    }
    
    .cycle-header.header-sticky.sticky-on .bc-header-contact span,
    .cycle-header.header-sticky.sticky-on .bc-header-contact h4,
    .cycle-header.header-sticky.sticky-on .bc-header-contact .h4 {
        color: #111010;
    }
    
    .footer-banner {
        padding: 40px 30px 20px;
    }
    
    .footer-banner.banner-gradient {
        background: -webkit-gradient(linear, left top, left bottom, from(#111010), to(#3A3A3B));
        background: linear-gradient(180deg, #111010 0%, #3A3A3B 100%);
    }
    
    .footer-banner .footer-banner-left {
        padding-bottom: 20px;
    }
    
    .footer-banner .footer-banner-left .icon-wrapper {
        width: 60px;
        height: 60px;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 3px;
        color: #fff;
        font-size: 30px;
    }
    
    .footer-banner .at-explore-btn::before {
        border-color: #fff;
        width: 24px;
        height: 24px;
        top: 2px;
    }
    /* .footer-wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#111010), to(rgba(17, 16, 16, 0.81)));
    background: linear-gradient(180deg, #111010 0%, rgba(17, 16, 16, 0.81) 100%);
    z-index: -1;
} */
    
    .footer-wrapper.has-banner {
        padding-top: 250px;
    }
    
    @media (max-width: 575.98px) {
        .footer-wrapper.has-banner {
            padding-top: 220px;
        }
    }
    
    .footer-widget p {
        color: #C2C2C2;
    }
    
    .footer-widget .phone-box .icon-wrapper {
        width: 56px;
        height: 56px;
        font-size: 30px;
    }
    
    .footer-sb-form {
        width: 100%;
    }
    
    .footer-sb-form input[type=email] {
        padding-right: 160px;
        border-radius: 4px;
    }
    
    .footer-sb-form input[type=email]::-webkit-input-placeholder {
        color: #323232;
    }
    
    .footer-sb-form input[type=email]::-moz-placeholder {
        color: #323232;
    }
    
    .footer-sb-form input[type=email]:-ms-input-placeholder {
        color: #323232;
    }
    
    .footer-sb-form input[type=email]::-ms-input-placeholder {
        color: #323232;
    }
    
    .footer-sb-form input[type=email]::placeholder {
        color: #323232;
    }
    
    .footer-sb-form button {
        border-radius: 0 4px 4px 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    .footer-sb-form button::before {
        display: none;
    }
    
    .footer-social h6,
    .footer-social .h6 {
        position: relative;
        display: inline-block;
    }
    
    .footer-social h6::after,
    .footer-social .h6::after {
        content: "";
        width: 50px;
        height: 2px;
        background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to right, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
        position: absolute;
        left: calc(100% + 5px);
        bottom: 2px;
    }
    
    .footer-social .footer-social-list li {
        display: inline-block;
    }
    
    .footer-social .footer-social-list li a {
        color: #fff;
        margin-right: 16px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .footer-social .footer-social-list li a:hover {
        color: #20a8d9;
    }
    
    .footer-nav li+li {
        margin-top: 6px;
    }
    
    .footer-nav li a {
        color: #fff;
        font-size: 14px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        font-weight: 500;
    }
    
    .footer-nav li a:hover {
        color: #20a8d9;
        padding-left: 4px;
    }
    
    .footer-style-3::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(#111010), to(rgba(17, 16, 16, 0.81)));
        background: linear-gradient(180deg, #111010 0%, rgba(17, 16, 16, 0.81) 100%);
        z-index: -1;
    }
    
    .footer-style-3.has-features {
        margin-top: -70px;
        padding-top: 180px;
    }
    
    .footer-contact-info li {
        color: #C2C2C2;
        font-weight: 500;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .footer-contact-info li a {
        color: #C2C2C2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .footer-contact-info li+li {
        margin-top: 10px;
    }
    
    .footer-contact-info li span {
        color: #20a8d9;
        font-size: 18px;
        display: inline-block;
        line-height: 0;
    }
    
    .widget-gallery {
        gap: 16px;
        max-width: 460px;
    }
    
    .widget-gallery li {
        width: calc(33% - 10px);
        position: relative;
        border-radius: 4px;
        overflow: hidden;
    }
    
    .widget-gallery li img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .widget-gallery li a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: rgba(252, 0, 18, 0.5);
        color: #fff;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
        z-index: 1;
    }
    
    .widget-gallery li:hover img {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    
    .widget-gallery li:hover a {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    
    .footer-copyright {
        margin-top: 40px;
        padding: 12px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.04);
    }
    
    .footer-copyright p {
        color: #fff;
        font-size: 14px;
    }
    
    .footer-copyright p a {
        color: #20a8d9;
    }
    
    .footer-copyright .copyright-links a {
        color: #fff;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        font-size: 14px;
    }
    
    .footer-copyright .copyright-links a+a {
        margin-left: 10px;
    }
    
    .footer-copyright .copyright-links a:hover {
        color: #20a8d9;
    }
    
    @media (max-width: 575.98px) {
        .footer-copyright {
            margin-top: 40px;
        }
    }
    
    .copyright-style-2 {
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        padding: 12px 0;
    }
    
    .copyright-style-2 p a {
        color: #20a8d9;
    }
    
    .footer-payment {
        gap: 8px;
    }
    
    .footer-payment li {
        width: 70px;
        height: 40px;
        background: rgba(255, 255, 255, 0.15);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 3px;
    }
    /********************** footer 4 ******************/
    
    .md-footer-section::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#111010), to(rgba(17, 16, 16, 0.81)));
        background-image: linear-gradient(180deg, #111010 0%, rgba(17, 16, 16, 0.81) 100%);
        z-index: -1;
    }
    
    .md-footer-section hr.spacer {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .md-footer-top-widget .icon-wrapper {
        width: 90px;
        height: 90px;
        background-color: #2F1E17;
    }
    
    .md-footer-top-widget .phone-number {
        color: #FE5915;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .md-footer-top-widget .phone-number:hover {
        color: #FE5915;
    }
    
    .ft-subscribe-form input {
        background-color: transparent;
        border: 1px solid #FE5915;
        border-right: 0;
        border-radius: 4px 0 0 4px;
        width: 100%;
    }
    
    .ft-subscribe-form .md-primary-btn {
        border-radius: 0 4px 4px 0;
    }
    
    .ft-subscribe-form .md-primary-btn:hover {
        background-color: #FE5915;
    }
    
    .footer-news-widget .ft-news-explore {
        color: #FE5915;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .footer-news-widget .ft-news-explore:hover {
        color: #FE5915;
    }
    
    .footer-news-list li {
        gap: 24px;
    }
    
    .footer-news-list li+li {
        margin-top: 24px;
    }
    
    .footer-news-list li .thumbnail-image {
        width: 95px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        border-radius: 4px;
        overflow: hidden;
    }
    
    .footer-news-list li .thumbnail-image img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .footer-news-list li .thumbnail-image img:hover {
        -webkit-transform: scale(1.018);
        transform: scale(1.018);
    }
    
    .footer-news-list li .ft-news-content a {
        display: block;
        color: #fff;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        font-weight: 600;
    }
    
    .footer-news-list li .ft-news-content a:hover {
        color: #FE5915;
    }
    
    .footer-news-list li .ft-news-content .date {
        font-size: 14px;
        color: #C2C2C2;
    }
    
    .footer-social-links {
        gap: 30px;
    }
    
    .footer-social-links li a {
        color: #fff;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .footer-social-links li a:hover {
        color: #FE5915;
    }
    /********************** footer section start ***********************/
    
    .footer-sb-box {
        padding: 80px 32px;
        margin-top: -30px;
    }
    
    .footer-sb-box::before {
        content: "";
        position: absolute;
        right: -30px;
        top: 0;
        width: 30px;
        height: 30px;
        background-color: #AE7A00;
        -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%);
        clip-path: polygon(0 0, 0 100%, 100% 100%);
    }
    
    .footer-sb-box input[type=email] {
        color: #111010;
    }
    
    .footer-sb-box input[type=email]::-webkit-input-placeholder {
        color: #838383;
    }
    
    .footer-sb-box input[type=email]::-moz-placeholder {
        color: #838383;
    }
    
    .footer-sb-box input[type=email]:-ms-input-placeholder {
        color: #838383;
    }
    
    .footer-sb-box input[type=email]::-ms-input-placeholder {
        color: #838383;
    }
    
    .footer-sb-box input[type=email]::placeholder {
        color: #838383;
    }
    
    @media (max-width: 767.98px) {
        .footer-sb-box {
            border-radius: 6px;
        }
        .footer-sb-box::before {
            display: none;
        }
    }
    
    .footer-post-list {
        gap: 16px;
    }
    
    .footer-post-list li {
        width: calc(33% - 10px);
    }
    
    .footer-post-list li a {
        display: block;
        overflow: hidden;
        border-radius: 8px;
    }
    
    .footer-post-list li a img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .footer-post-list li a:hover img {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    
    .eq-footer-social-links li a:hover {
        color: #FEB200;
    }
    
    .eq-footer-nav li a:hover {
        color: #FEB200;
    }
    
    .eq-copyright .copyright-links a:hover {
        color: #FEB200;
    }
    /*********** breadcrumb section ***********/
    
    .breadcrumb-section {
        padding: 180px 0 90px 0;
    }
    
    .breadcrumb-section.mt--75 {
        margin-top: -75px;
    }
    
    .breadcrumb-section.mt--50 {
        margin-top: -50px;
    }
    
    .breadcrumb-section .tire-print {
        bottom: 30px;
    }
    
    .breadcrumb-section::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(#111010), to(rgba(17, 16, 16, 0.81)));
        background: linear-gradient(180deg, #111010 0%, rgba(17, 16, 16, 0.81) 100%);
        z-index: -1;
    }
    
    .breadcrumb-section ol li a {
        color: #fff;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .breadcrumb-section ol li a:hover {
        color: #20a8d9;
    }
    
    .el-breadcrumb-nav {
        gap: 16px;
        border-bottom: 1px solid #E7E7E7;
        padding-bottom: 6px;
    }
    
    .el-breadcrumb-nav li {
        position: relative;
        font-size: 14px;
        color: #7B7B7B;
    }
    
    .el-breadcrumb-nav li a {
        color: #7B7B7B;
    }
    
    .el-breadcrumb-nav li+li::before {
        content: "\f054";
        font-family: "FontAwesome";
        position: absolute;
        left: -12px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 12px;
    }
    
    .el-breadcrumb-nav li::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -7px;
        width: calc(100% + 17px);
        height: 2px;
        background-color: #5CAD2F;
    }
    
    .el-breadcrumb-nav li:last-child::after {
        width: 100%;
    }
    /********************* breadcrumb style 2 ******************/
    
    .breadcrumb-style-2 {
        padding: 175px 0 90px;
        margin-top: -90px;
    }
    
    .breadcrumb-style-2 .texture-shape {
        width: 670px;
        height: 100%;
        -webkit-clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);
    }
    
    .breadcrumb-style-2 .texture-shape::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(#111010), to(rgba(17, 16, 16, 0.81)));
        background: linear-gradient(180deg, #111010 0%, rgba(17, 16, 16, 0.81) 100%);
    }
    
    .breadcrumb-style-2 .text-shape {
        font-size: 190px;
        font-weight: 700;
        right: 100px;
        top: 45px;
        z-index: 2;
        color: rgba(95, 95, 95, 0.2);
        text-transform: uppercase;
    }
    
    .breadcrumb-style-2 .breadcrumb-item+.breadcrumb-item::before {
        content: "\f105";
        font-family: "FontAwesome";
    }
    
    @media (max-width: 1399.98px) {
        .breadcrumb-style-2 .texture-shape {
            width: 355px;
        }
        .breadcrumb-style-2 .text-shape {
            right: 30px;
            top: 35%;
            font-size: 100px;
        }
    }
    
    @media (max-width: 767.98px) {
        .breadcrumb-style-2 .texture-shape {
            display: none;
        }
        .breadcrumb-style-2 .text-shape {
            display: none;
        }
    }
    /************* hero section start **********/
    
    .dl-hero-single {
        position: relative;
        z-index: 1;
        padding: 245px 0 210px 0;
    }
    
    .dl-hero-single::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(#111010), to(rgba(17, 16, 16, 0.81)));
        background: linear-gradient(180deg, #111010 0%, rgba(17, 16, 16, 0.81) 100%);
        z-index: -1;
    }
    
    .at-hero-title .at-subtitle {
        display: inline-block;
        font-size: 20px;
    }
    
    .at-hero-title .at-subtitle::after {
        content: "";
        width: 50px;
        height: 2px;
        background: #20a8d9;
        position: absolute;
        bottom: 8px;
        left: calc(100% + 5px);
    }
    
    .at-hero-title p {
        color: #C2C2C2;
        max-width: 550px;
    }
    
    .at-hero-title ul {
        color: #C2C2C2;
    }
    
    .at-hero-banner {
        height: 100%;
        padding-bottom: 470px;
    }
    
    .at-hero-banner img {
        position: absolute;
        bottom: 0;
        right: -55px;
        z-index: -1;
    }
    
    @media (max-width: 1399.98px) {
        .at-hero-banner img {
            max-width: 850px;
        }
    }
    
    @media (max-width: 1199.98px) {
        .at-hero-banner {
            padding-bottom: 0;
        }
        .at-hero-banner img {
            max-width: 100%;
            position: initial;
        }
    }
    
    .dealership-hero {
        margin-top: -150px;
    }
    
    .dealership-hero .btn-scroll-down {
        right: 0;
        bottom: 90px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        z-index: 80;
    }
    
    .dealership-hero .swiper-slide-active .at-subtitle {
        -webkit-animation: 0.5s theme_fadeInUp;
        animation: 0.5s theme_fadeInUp;
    }
    
    .dealership-hero .swiper-slide-active h1,
    .dealership-hero .swiper-slide-active .h1 {
        -webkit-animation: 0.8s theme_fadeInUp;
        animation: 0.8s theme_fadeInUp;
    }
    
    .dealership-hero .swiper-slide-active p {
        -webkit-animation: 1s theme_fadeInUp;
        animation: 1s theme_fadeInUp;
    }
    
    .dealership-hero .swiper-slide-active ul {
        -webkit-animation: 1.1s theme_fadeInUp;
        animation: 1.1s theme_fadeInUp;
    }
    
    .dealership-hero .swiper-slide-active .at-explore-btn {
        -webkit-animation: 1.2s theme_fadeInUp;
        animation: 1.2s theme_fadeInUp;
    }
    
    .dealership-hero .swiper-slide-active .at-hero-banner img {
        -webkit-animation: 1.5s slideInRight;
        animation: 1.5s slideInRight;
    }
    
    .dealership-hero .swiper-pagination {
        width: auto;
        left: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 150px;
    }
    
    .at-header-social {
        left: -100px;
        bottom: 160px;
        z-index: 50;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    
    .at-header-social>span {
        color: #fff;
        position: relative;
        padding-left: 20px;
    }
    
    .at-header-social>span::before {
        content: "";
        position: absolute;
        left: -15px;
        bottom: 8px;
        width: 32px;
        height: 2px;
        background: #fff;
    }
    
    .at-header-social .social-list li {
        display: inline-block;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        margin-right: 12px;
    }
    
    .at-header-social .social-list li a {
        color: #fff;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        margin: 5px;
    }
    
    .at-header-social .social-list li a:hover {
        color: #20a8d9;
    }
    /************ search box *************/
    
    .at-search-box {
        padding: 40px 0;
        margin-top: -130px;
    }
    
    @media (max-width: 575.98px) {
        .at-search-box {
            margin-top: -90px;
            margin-bottom: 0px !important;
            padding: 40px 0px 5px !important;
        }
    }
    
    .at-search-box-filter {
        padding: 50px 25px;
        -webkit-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        border-radius: 6px;
        position: relative;
        z-index: 50;
    }
    
    .at-search-box-filter>ul {
        gap: 16px;
        position: relative;
        width: 100%;
    }
    
    .at-search-box-filter>ul li {
        display: inline-block;
    }
    
    .at-search-box-filter>ul li a {
        color: #111010;
        font-weight: 700;
        background: #fff;
        padding: 5px 20px;
        border-radius: 4px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        display: inline-block;
        border: 1px solid gray;
        font-size: 12px;
    }
    
    .at-search-box-filter>ul li a.active {
        -webkit-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        color: white;
        background: #20a8d9;
    }
    
    @media (max-width: 575.98px) {
        .at-search-box-filter>ul {
            position: initial;
            margin-bottom: 0px !important;
        }
    }
    
    .at-search-filter {
        gap: 24px;
    }
    
    .at-search-filter .input-field {
        width: 25%;
    }
    
    .at-search-filter label {
        font-weight: 700;
        color: #111010;
        margin-bottom: 8px;
    }
    
    @media (max-width: 1199.98px) {
        .at-search-filter {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        .at-search-filter .input-field {
            width: calc(33% - 24px);
        }
    }
    
    @media (max-width: 767.98px) {
        .at-search-filter .input-field {
            width: calc(50% - 12px);
        }
    }
    
    @media (max-width: 575.98px) {
        .at-search-filter {
            gap: 20px;
        }
        .at-search-filter .input-field {
            width: 100%;
        }
    }
    /********** brands filter ***********/
    
    .brands-filter ul {
        gap: 16px;
    }
    
    .brands-filter ul li a {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 12px 24px;
        background: #fff;
        font-weight: 600;
        border-radius: 3px;
        color: #111010;
        position: relative;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .brands-filter ul li a img {
        position: absolute;
        left: 12px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .brands-filter ul li a .icon-white {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    .brands-filter ul li a .icon-red {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    
    .brands-filter ul li a.active {
        background: #20a8d9;
        color: #fff;
        -webkit-box-shadow: 0px 10px 40px rgba(252, 0, 18, 0.3);
        box-shadow: 0px 10px 40px rgba(252, 0, 18, 0.3);
    }
    
    .brands-filter ul li a.active .icon-white {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    
    .brands-filter ul li a.active .icon-red {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    .ct-row {
        gap: 24px;
    }
    
    .ct-row .ct-col {
        width: calc(20% - 20px);
    }
    
    @media (max-width: 1199.98px) {
        .ct-row .ct-col {
            width: calc(25% - 18px);
        }
    }
    
    @media (max-width: 991.98px) {
        .ct-row .ct-col {
            width: calc(33% - 14px);
        }
    }
    
    @media (max-width: 767.98px) {
        .ct-row {
            gap: 20px;
        }
        .ct-row .ct-col {
            width: calc(50% - 10px);
        }
    }
    
    .brand-card {
        padding: 24px 20px 30px 20px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .brand-card .icon-black,
    .brand-card .icon-red {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .brand-card .icon-red {
        position: absolute;
        left: 50%;
        top: 24px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
    }
    
    .brand-card .explore-btn {
        right: 0;
        bottom: -10px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .brand-card:hover {
        -webkit-box-shadow: 20px 20px 100px rgba(73, 73, 73, 0.15);
        box-shadow: 20px 20px 100px rgba(73, 73, 73, 0.15);
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    
    .brand-card:hover .icon-black {
        opacity: 0;
    }
    
    .brand-card:hover .icon-red {
        opacity: 1;
    }
    
    .brand-card:hover .explore-btn {
        right: 20px;
        opacity: 1;
        visibility: visible;
    }
    
    @media (max-width: 575.98px) {
        .brand-card h5,
        .brand-card .h5 {
            font-size: 18px;
        }
    }
    /*********** add center ************/
    
    .add-center {
        max-height: 600px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    @media (max-width: 991.98px) {
        .add-center {
            max-height: 100%;
            padding-bottom: 70px;
        }
    }
    
    @media (max-width: 767.98px) {
        .add-center {
            padding-bottom: 40px;
        }
    }
    
    .banner-slider .swiper-pagination .swiper-pagination-bullet::before {
        background-color: #111010;
    }
    
    @media (max-width: 991.98px) {
        .banner-slider .swiper-pagination .swiper-pagination-bullet::before {
            background-color: #20a8d9;
        }
    }
    /*********** latest collection **********/
    
    .latest-collection {
        padding-top: 280px;
    }
    
    @media (max-width: 1199.98px) {
        .latest-collection {
            padding-top: 200px;
        }
    }
    
    @media (max-width: 991.98px) {
        .latest-collection {
            padding-top: 120px;
        }
    }
    
    @media (max-width: 767.98px) {
        .latest-collection {
            padding-top: 65px;
        }
    }
    
    .collection-filter-controls {
        gap: 24px;
    }
    
    .collection-filter-controls button.active {
        color: #fff;
    }
    
    .collection-filter-controls button.active::before {
        top: -30px;
    }
    
    .filter-card-item {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        height: 590px;
    }
    
    .filter-card-item .feature-thumb img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }
    
    .filter-card-item .compare-btn {
        left: 16px;
        top: 16px;
        z-index: 1;
        opacity: 0;
    }
    
    .filter-card-item .wish-btn {
        left: 55px;
        top: 16px;
        z-index: 1;
        opacity: 0;
    }
    
    .filter-card-item .date {
        right: 16px;
        top: 16px;
        z-index: 1;
        background: #fff;
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
        padding: 0 10px;
        border-radius: 3px;
    }
    
    .filter-card-item .filter-card-content {
        padding: 0 24px 32px;
    }
    
    .filter-card-item .filter-card-content .price-btn {
        margin-top: -15px;
        z-index: 10;
    }
    
    .filter-card-item .filter-card-content h5,
    .filter-card-item .filter-card-content .h5 {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        color: #f3bd18;
    }
    
    .filter-card-item .filter-card-content p {
        font-size: 12px;
    }
    
    .filter-card-item .filter-card-content h5:hover,
    .filter-card-item .filter-card-content .h5:hover {
        color: #20a8d9;
    }
    
    .filter-card-item .filter-card-content .meta-content {
        font-size: 14px;
        font-weight: 500;
    }
    
    .filter-card-item .filter-card-content .meta-content strong {
        font-weight: 700;
        color: #111010;
    }
    
    .filter-card-item .filter-card-content .meta-content a {
        color: #575757;
    }
    
    .filter-card-item:hover {
        -webkit-box-shadow: 20px 20px 100px rgba(73, 73, 73, 0.15);
        box-shadow: 20px 20px 100px rgba(73, 73, 73, 0.15);
    }
    
    .filter-card-item:hover .feature-thumb img {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }
    
    .filter-card-item:hover .compare-btn {
        -webkit-animation: 0.8s theme_fadeInUp;
        animation: 0.8s theme_fadeInUp;
        opacity: 1;
    }
    
    .filter-card-item:hover .wish-btn {
        -webkit-animation: 1s theme_fadeInUp;
        animation: 1s theme_fadeInUp;
        opacity: 1;
    }
    
    .filter-card-item:hover .small-btn-meta {
        background: #111010;
    }
    
    .filter-card-item:hover .outline-btn {
        background: #20a8d9;
        color: #fff;
    }
    
    .card-feature-box {
        gap: 32px;
    }
    
    .card-feature-box h6 {
        text-align: center;
        background-color: #20a8d9;
        color: #fff;
        padding: 7px 0px;
        border-radius: 15px 15px 0px 0px;
    }
    
    .card-feature-box .icon-box {
        font-size: 14px;
        font-weight: 600;
    }
    
    .card-feature-box .icon-box span {
        line-height: 0;
    }
    
    .card-feature-box .icon-box+.icon-box {
        position: relative;
    }
    
    .card-feature-box .icon-box+.icon-box::before {
        content: "";
        position: absolute;
        left: -16px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        height: 14px;
        background: rgba(11, 22, 63, 0.07);
    }
    
    @media (min-width: 992px) and (max-width: 1199.98px) {
        .card-feature-box {
            gap: 20px;
        }
        .card-feature-box .icon-box+.icon-box::before {
            left: -10px;
        }
    }
    /********** about section start ***********/
    
    .about-section .small-circle-shape {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        top: 200px;
        right: 100px;
        background: -webkit-gradient(linear, left top, left bottom, from(#20a8d9), to(rgba(252, 0, 18, 0)));
        background: linear-gradient(180deg, #20a8d9 0%, rgba(252, 0, 18, 0) 100%);
    }
    
    .about-left .circle-large {
        width: 140px;
        height: 140px;
        background: linear-gradient(32.54deg, rgba(252, 0, 18, 0.5) -28.01%, rgba(247, 108, 119, 0) 101.07%);
        border-radius: 50%;
        bottom: 0;
        left: -50px;
    }
    
    .about-icon-box {
        padding: 30px;
        max-width: 570px;
    }
    
    .about-icon-box .icon-wrapper {
        width: 48px;
        height: 48px;
        background: #FFF2F3;
        color: #20a8d9;
        font-size: 22px;
    }
    /********** feedback section start **********/
    
    .feedback-section {
        max-height: 650px;
        z-index: 1;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right center;
        z-index: 10;
    }
    
    .feedback-section::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, right top, color-stop(50.22%, #2E2E2E), to(rgba(0, 0, 0, 0)));
        background: linear-gradient(to right, #2E2E2E 50.22%, rgba(0, 0, 0, 0) 100%);
        z-index: -1;
    }
    
    .feedback-section .video-content-wrapper {
        padding-top: 180px;
    }
    
    @media (max-width: 1199.98px) {
        .feedback-section {
            max-height: 100%;
            padding-bottom: 120px;
        }
        .feedback-section .video-content-wrapper {
            padding-top: 0;
        }
    }
    
    .countdown-area {
        position: absolute;
        right: 0;
        top: -100px;
        z-index: 2;
        -webkit-filter: drop-shadow(10px 10px 50px rgba(0, 56, 60, 0.05));
        filter: drop-shadow(10px 10px 50px rgba(0, 56, 60, 0.05));
    }
    
    .countdown-area .main-countdown-wrapper {
        padding: 60px 100px 60px 130px;
        -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
        gap: 90px;
    }
    
    .countdown-area .main-countdown-wrapper .countdown-box+.countdown-box {
        position: relative;
    }
    
    .countdown-area .main-countdown-wrapper .countdown-box+.countdown-box::before {
        content: "";
        position: absolute;
        left: -45px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 2px;
        height: 65px;
        background: #0c0800;
        opacity: 0.05;
    }
    
    @media (max-width: 1399.98px) {
        .countdown-area .main-countdown-wrapper {
            gap: 40px;
        }
        .countdown-area .main-countdown-wrapper .countdown-box+.countdown-box::before {
            left: -20px;
        }
    }
    
    @media (max-width: 1199.98px) {
        .countdown-area {
            width: 96%;
            position: relative;
            margin-left: 2%;
        }
        .countdown-area .main-countdown-wrapper {
            -webkit-clip-path: none;
            clip-path: none;
            width: 100%;
            padding: 60px 80px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            gap: 80px;
        }
        .countdown-area .main-countdown-wrapper .countdown-box+.countdown-box::before {
            display: none;
        }
    }
    
    @media (max-width: 991.98px) {
        .countdown-area .main-countdown-wrapper {
            gap: 40px;
        }
    }
    
    @media (max-width: 575.98px) {
        .countdown-area .main-countdown-wrapper {
            gap: 40px;
            padding: 50px 30px;
        }
    }
    
    @media (max-width: 480px) {
        .countdown-area .main-countdown-wrapper {
            gap: 24px;
        }
    }
    
    .countdown-box .icon-wrapper {
        width: 70px;
        height: 70px;
        background: #FFF2F3;
        font-size: 30px;
    }
    
    .countdown-box h3,
    .countdown-box .h3 {
        color: #000000;
    }
    
    .countdown-box .subtitle {
        font-weight: 600;
        font-size: 15px;
    }
    
    @media (max-width: 575.98px) {
        .countdown-box {
            width: 150px;
        }
    }
    
    .feedback-slider {
        max-width: 720px;
        padding: 0 20px;
        margin-left: -20px;
        overflow: hidden;
    }
    
    .feedback-slider .swiper {
        overflow: visible;
    }
    
    .feedback-slider .slide-arrow-btn {
        z-index: 10;
        top: 50%;
        left: -15px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .feedback-slider .slide-arrow-btn.slide-btn-next {
        left: auto;
        right: -15px;
    }
    
    @media (max-width: 575.98px) {
        .feedback-slider {
            margin-left: 0;
            padding: 0;
        }
        .feedback-slider .slide-arrow-btn {
            display: none;
        }
    }
    
    .feedback-single {
        padding: 40px;
    }
    
    .feedback-single .rating-box {
        padding: 6px 20px;
        background: #FFE3C5;
        font-weight: 700;
        color: #111010;
        top: 16px;
        right: 16px;
    }
    
    .feedback-single .rating-box span {
        color: #FF9729;
    }
    
    .feedback-single .author-info span {
        font-weight: 600;
        font-size: 14px;
    }
    
    .feedback-single .quote-icon {
        right: 30px;
        bottom: 25px;
    }
    
    @media (max-width: 575.98px) {
        .feedback-single {
            padding: 80px 24px 24px 24px;
        }
        .feedback-single .rating-box {
            left: 24px;
            top: 24px;
            right: auto;
        }
    }
    /*********** faq section start **********/
    
    .merge-section {
        padding-top: 150px;
    }
    
    @media (max-width: 1199.98px) {
        .merge-section {
            padding-top: 0;
        }
    }
    /********** apps section start *******/
    
    .apps-content-wrapper {
        background: #FFEFF1;
    }
    
    .apps-content-wrapper .apps-left {
        padding: 80px 0 80px 45px;
    }
    
    @media (max-width: 1199.98px) {
        .apps-content-wrapper .apps-left {
            padding: 60px 40px;
        }
        .apps-content-wrapper .apps-left p {
            max-width: 700px;
        }
    }
    
    .apps-btn-group {
        gap: 24px;
    }
    
    .apps-right button {
        width: 50px;
        height: 50px;
    }
    
    @media (min-width: 1200px) and (max-width: 1399.98px) {
        .apps-right button {
            display: none;
        }
    }
    
    @media (max-width: 767.98px) {
        .apps-right button {
            display: none;
        }
    }
    
    .apps-right .wallet-btn {
        right: 180px;
        top: -50px;
    }
    
    .apps-right .heart-btn {
        left: 160px;
        top: -20px;
    }
    
    .download-countdown {
        padding: 20px 16px;
        top: -75px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    .download-countdown::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -15px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #fff;
        width: 30px;
        height: 20px;
        -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
        clip-path: polygon(0 0, 50% 100%, 100% 0);
    }
    
    .download-countdown .download-countdown-content>span {
        font-size: 12px;
        font-weight: 600;
        display: block;
    }
    
    @media (max-width: 480px) {
        .download-countdown {
            left: 40px;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }
    /*********** blog section start *********/
    
    .blog-card {
        padding: 24px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .blog-card .feature-img img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .blog-card .blog-title {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .blog-card .blog-title:hover {
        color: #20a8d9;
    }
    
    .blog-card .blog-card-author-details .date {
        font-size: 12px;
        font-weight: 600;
        display: block;
    }
    
    .blog-card:hover {
        -webkit-box-shadow: 20px 20px 100px rgba(73, 73, 73, 0.15);
        box-shadow: 20px 20px 100px rgba(73, 73, 73, 0.15);
    }
    
    .blog-card:hover .feature-img img {
        -webkit-transform: scaleY(1.02);
        transform: scaleY(1.02);
    }
    
    .blog-card:hover .blog-explore-btn {
        background: #20a8d9;
        color: #fff;
    }
    
    .rent-hero {
        padding: 150px 0 150px 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: fixed;
    }
    
    .rent-hero::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(89.98deg, rgba(17, 16, 16, 0.7) -0.21%, rgba(17, 16, 16, 0.7) 100.06%);
        z-index: -1;
    }
    
    @media (max-width: 767.98px) {
        .rent-hero {
            padding: 200px 0 100px 0;
        }
    }
    
    .rent-hero-content p {
        color: #C2C2C2;
    }
    
    @media (max-width: 575.98px) {
        .rent-hero-content .apps-btn-group {
            gap: 16px;
        }
        .rent-hero-content .apps-btn-group .app-btn {
            padding: 10px 15px;
        }
    }
    /*********** steps area start ********/
    
    .steps-area .steps-left {
        padding-right: 40px;
    }
    
    @media (max-width: 1399.98px) {
        .steps-area .steps-left {
            padding-right: 0;
        }
    }
    
    .steps-box {
        padding: 30px 24px;
        max-width: 100%;
        overflow: hidden;
        z-index: 1;
    }
    
    .steps-box .icon-wrapper {
        width: 60px;
        height: 60px;
        font-size: 30px;
    }
    
    .steps-box .icon-bg {
        right: 10px;
        bottom: 0;
        font-size: 100px;
        color: #5F5F5F;
        z-index: -1;
        opacity: 0.05;
        line-height: 0;
    }
    
    .pickup-form-wrapper .nav {
        border-radius: 4px 0 0 0;
        overflow: hidden;
    }
    
    .pickup-form-wrapper .nav li a {
        padding: 14px 30px;
        display: inline-block;
        background: #111010;
        color: #fff;
        font-weight: 700;
        font-size: 15px;
        position: relative;
        z-index: 10;
    }
    
    .pickup-form-wrapper .nav li a.active {
        background: #20a8d9;
    }
    
    .pickup-form-wrapper .tire-shape {
        left: -30px;
        bottom: -30px;
    }
    
    .pickup-form-wrapper .dot-shape {
        right: -60px;
        top: -15px;
    }
    
    .pickup-form {
        padding: 50px 30px;
    }
    
    .pickup-form select {
        color: #000000;
        font-weight: 600;
    }
    
    .pickup-form .checkbox-field {
        font-size: 13px;
    }
    
    .pickup-form .checkbox-field label {
        font-weight: 500;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
        color: #C2C2C2;
    }
    
    .pickup-form input {
        color: #575757;
    }
    
    .pickup-form input::-webkit-input-placeholder {
        color: #575757;
        opacity: 1;
    }
    
    .pickup-form input::-moz-placeholder {
        color: #575757;
        opacity: 1;
    }
    
    .pickup-form input:-ms-input-placeholder {
        color: #575757;
        opacity: 1;
    }
    
    .pickup-form input::-ms-input-placeholder {
        color: #575757;
        opacity: 1;
    }
    
    .pickup-form input::placeholder {
        color: #575757;
        opacity: 1;
    }
    
    .pickup-form .btn span {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        display: inline-block;
    }
    /************* offer section start **********/
    
    .offer-section {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .offer-section::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(#111010), to(rgba(17, 16, 16, 0.81)));
        background: linear-gradient(180deg, #111010 0%, rgba(17, 16, 16, 0.81) 100%);
        z-index: -1;
    }
    
    .offer-section .offer-double-circle {
        right: 100px;
        top: 80px;
    }
    
    .offer-section .offer-left {
        padding-bottom: 60px;
    }
    
    .title-style-2 .subtitle mark,
    .title-style-2 .subtitle .mark {
        position: relative;
    }
    
    .title-style-2 .subtitle mark::after,
    .title-style-2 .subtitle .mark::after {
        content: "";
        position: absolute;
        width: 100px;
        height: 30px;
        background: url(../img/shapes/title-shape.png);
        background-size: 60px;
        background-repeat: no-repeat;
        left: 0;
        bottom: -35px;
    }
    
    .title-style-2 p {
        color: #C2C2C2;
    }
    
    .offer-right .small-circle-shape {
        width: 22px;
        height: 22px;
        background: -webkit-gradient(linear, left top, left bottom, from(#20a8d9), to(rgba(252, 0, 18, 0)));
        background: linear-gradient(180deg, #20a8d9 0%, rgba(252, 0, 18, 0) 100%);
        top: 0;
        left: 47%;
        border-radius: 50%;
    }
    /************** car slider start **********/
    
    .car-double-slider .plus-rectangle {
        right: -30px;
        top: -30px;
        z-index: 1;
    }
    
    .car-thumb-slider-wrapper {
        max-width: 576px;
        overflow: hidden;
        padding: 0 18px;
        margin-left: -18px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
    }
    
    .car-thumb-slider-wrapper .car-thumb-slider {
        overflow: visible;
    }
    
    .car-thumb-slider-wrapper .car-thumb-slider .car-thumb-single {
        padding: 24px;
        background: #fff;
        border: 2px solid transparent;
        border-radius: 4px;
    }
    
    .car-thumb-slider-wrapper .car-thumb-slider .car-thumb-single.swiper-slide-thumb-active {
        border-color: #20a8d9;
    }
    
    .car-thumb-slider-wrapper .car-thumb-slider .slider-btn {
        width: 35px;
        height: 35px;
        background: #575757;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        line-height: 35px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        position: absolute;
        left: -18px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
    }
    
    .car-thumb-slider-wrapper .car-thumb-slider .slider-btn:hover {
        background: #000000;
    }
    
    .car-thumb-slider-wrapper .car-thumb-slider .slider-btn.slider-button-next {
        left: auto;
        right: -18px;
    }
    
    @media (max-width: 1399.98px) {
        .car-thumb-slider-wrapper {
            max-width: 400px;
        }
        .car-thumb-slider-wrapper .car-thumb-slider .car-thumb-single {
            padding: 15px;
        }
    }
    
    @media (max-width: 1199.98px) {
        .car-thumb-slider-wrapper {
            position: relative;
            top: 0;
            margin-left: auto;
            margin-right: auto;
            max-width: 600px;
            margin-bottom: 40px;
        }
    }
    
    .car-slider-single .car-slider-item-right {
        max-width: 648px;
        padding: 40px 32px;
        position: absolute;
        left: 0;
        bottom: 30px;
        z-index: 1;
    }
    
    .car-slider-single .car-slider-item-right .btn-meta {
        position: absolute;
        right: 15px;
        top: 15px;
    }
    
    .car-slider-single .car-slider-item-right .pricing-info .info-right {
        position: relative;
    }
    
    .car-slider-single .car-slider-item-right .pricing-info .info-right::before {
        content: "";
        position: absolute;
        left: -12px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 2px;
        height: 24px;
        background: #C2C2C2;
        opacity: 0.3;
    }
    
    .car-slider-single .car-slider-item-right .pricing-info span {
        font-size: 14px;
    }
    
    .car-slider-single .car-slider-item-right .pricing-info span .h4 {
        font-size: 24px;
    }
    
    .car-slider-single .car-slider-item-left {
        max-width: 720px;
        float: right;
    }
    
    @media (max-width: 991.98px) {
        .car-slider-single .car-slider-item-right {
            position: relative;
        }
        .car-slider-single .car-slider-item-left {
            float: none;
        }
    }
    /*********** tutorial section start **************/
    
    .tutorial-section {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: fixed;
    }
    
    .tutorial-section::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000000;
        opacity: 0.75;
        z-index: -1;
    }
    
    .tutorial-section .video-popup-btn {
        position: absolute;
        width: 50px;
        height: 50px;
        left: 42%;
        bottom: 200px;
    }
    
    @media (max-width: 1199.98px) {
        .tutorial-section .video-popup-btn {
            left: auto;
            right: 100px;
            bottom: auto;
            top: 60px;
        }
    }
    
    @media (max-width: 575.98px) {
        .tutorial-section .video-popup-btn {
            position: initial;
            margin-left: 10px;
            margin-bottom: 20px;
        }
    }
    
    .tutorial-left a {
        color: #fff;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .tutorial-left a:hover {
        color: #20a8d9;
    }
    
    .h2-countdown-box {
        padding: 10px 0px;
        background-size: cover;
        background-repeat: no-repeat;
        justify-content: center;
    }
    
    .h2-countdown-box .icon-wrapper {
        width: 100%;
        height: 120px;
    }
    
    .h2-countdown-box h3,
    .h2-countdown-box .h3 {
        font-weight: 800;
    }
    
    @media (max-width: 1399.98px) {
        .h2-countdown-box {
            padding: 40px 16px;
        }
        .h2-countdown-box .countdown-box-right>span {
            font-size: 15px;
        }
    }
    /************ car booking section *********/
    
    .car-search-filter .input-field {
        width: 25%;
    }
    
    .car-search-filter .input-field label {
        margin-bottom: 8px;
    }
    
    .car-search-filter .input-field.has-icon {
        position: relative;
    }
    
    .car-search-filter .input-field.has-icon::before {
        content: "\f002";
        font-family: "FontAwesome";
        position: absolute;
        bottom: 12px;
        left: 15px;
        font-size: 14px;
        color: #575757;
    }
    
    .car-search-filter .input-field input {
        padding: 12px 16px;
        font-size: 14px;
    }
    
    .car-search-filter .input-field input::-webkit-input-placeholder {
        color: #575757;
    }
    
    .car-search-filter .input-field input::-moz-placeholder {
        color: #575757;
    }
    
    .car-search-filter .input-field input:-ms-input-placeholder {
        color: #575757;
    }
    
    .car-search-filter .input-field input::-ms-input-placeholder {
        color: #575757;
    }
    
    .car-search-filter .input-field input::placeholder {
        color: #575757;
    }
    
    .car-search-filter .input-field input.has-icon {
        padding-left: 35px;
    }
    
    .car-search-filter .input-field+.input-field {
        margin-left: 16px;
    }
    
    .car-search-filter .input-field select {
        font-weight: 600;
        color: #111010;
        font-size: 14px;
    }
    
    @media (max-width: 991.98px) {
        .car-search-filter {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 16px;
        }
        .car-search-filter .input-field {
            width: calc(50% - 8px);
        }
        .car-search-filter .input-field+.input-field {
            margin-left: 0;
        }
    }
    
    @media (max-width: 480px) {
        .car-search-filter .input-field {
            width: 100%;
        }
    }
    
    .star-rating {
        padding: 3px 19px;
        background: #FFE3C5;
        font-size: 12px;
        font-weight: 700;
    }
    
    .star-rating span {
        color: #FF9729;
        font-size: 15px;
    }
    
    .car-card .feature-img {
        border-radius: 4px 4px 4px 0;
    }
    
    .car-card .feature-img img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .car-card .card-content {
        padding: 30px 24px;
        max-width: 390px;
        border-radius: 0 4px 4px 0;
        margin-top: -30px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .car-card .card-content .star-rating {
        top: -15px;
        right: 15px;
    }
    
    .car-card .card-content h5,
    .car-card .card-content .h5 {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .car-card .card-content h5:hover,
    .car-card .card-content .h5:hover {
        color: #20a8d9;
    }
    
    .car-card .card-content .pricing-info span {
        font-weight: 500;
        color: #111010;
        font-size: 12px;
    }
    
    .car-card .card-content .pricing-info span strong {
        font-size: 16px;
    }
    
    .car-card .card-content .car-info li {
        font-size: 14px;
        font-weight: 500;
    }
    
    .car-card .card-content .card-btns a:not(.btn-secondary) {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .car-card .card-content .card-btns a:not(.btn-secondary):hover {
        background-color: #20a8d9;
        color: #fff;
        border-color: #20a8d9;
    }
    
    .car-card:hover .feature-img img {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }
    
    .car-card:hover .card-content {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    /************** contact section start *************/
    
    .h2-contact-left {
        padding: 80px 0 80px 60px;
    }
    
    .h2-contact-left::before {
        content: "";
        position: absolute;
        right: -205px;
        top: -10px;
        width: 210px;
        height: calc(100% + 20px);
        background: #f3bd18;
        -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
        clip-path: polygon(0 0, 0% 100%, 100% 100%);
        z-index: -1;
    }
    
    .h2-contact-left h3 mark,
    .h2-contact-left .h3 mark,
    .h2-contact-left h3 .mark,
    .h2-contact-left .h3 .mark {
        display: inline-block;
    }
    
    .h2-contact-left h3 mark::before,
    .h2-contact-left .h3 mark::before,
    .h2-contact-left h3 .mark::before,
    .h2-contact-left .h3 .mark::before {
        content: "";
        width: 130px;
        height: 50px;
        border: 3px solid #fff;
        position: absolute;
        bottom: -48px;
        right: -20px;
        border-radius: 50%;
        opacity: 0.5;
        -webkit-clip-path: circle(45.4% at 50% 0);
        clip-path: circle(45.4% at 50% 0);
    }
    
    @media (max-width: 991.98px) {
        .h2-contact-left {
            padding: 60px 40px;
        }
    }
    
    .h2-contact-right {
        padding-left: 70px;
    }
    
    .h2-contact-right .icon-wrapper {
        width: 70px;
        height: 70px;
        font-size: 32px;
    }
    
    .h2-contact-right h6 mark::before,
    .h2-contact-right .h6 mark::before,
    .h2-contact-right h6 .mark::before,
    .h2-contact-right .h6 .mark::before {
        content: "";
        width: 80px;
        height: 50px;
        border: 3px solid #20a8d9;
        position: absolute;
        bottom: -52px;
        right: -20px;
        border-radius: 50%;
        -webkit-clip-path: circle(45.4% at 50% 0);
        clip-path: circle(45.4% at 50% 0);
    }
    
    @media (max-width: 991.98px) {
        .h2-contact-right {
            padding: 60px 40px;
        }
    }
    /************ feedback section start ************/
    
    .h2-feedback-section {
        margin-top: -100px;
        padding-top: 220px;
    }
    
    @media (max-width: 767.98px) {
        .h2-feedback-section {
            padding-top: 170px;
        }
    }
    
    .h2-feedback-slider {
        padding-bottom: 80px;
    }
    
    .h2-feedback-slider .swiper-pagination .swiper-pagination-bullet {
        width: 17px;
        height: 8px;
        border-radius: 0;
        background: #000000;
        margin-right: 6px !important;
        border: 0;
    }
    
    .h2-feedback-slider .swiper-pagination .swiper-pagination-bullet::before {
        display: none;
    }
    
    .h2-feedback-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #20a8d9;
        width: 40px;
    }
    
    .h2-feedback-single .h2-feedback-content {
        padding: 0 24px 32px;
        max-width: 546px;
        margin-left: 24px;
        margin-top: -60px;
        -webkit-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
    }
    
    .h2-feedback-single .h2-feedback-content .feedback-top img {
        margin-top: -45px;
    }
    
    .h2-feedback-single .h2-feedback-content .star-rating {
        margin-top: -35px;
    }
    
    .h2-feedback-single .h2-feedback-content .star-rating.position-absolute {
        top: -15px;
        right: 20px;
        margin-top: 0;
    }
    
    .h2-feedback-single .h2-feedback-content .client-info span {
        font-weight: 600;
        font-size: 14px;
    }
    
    .h2-feedback-single .h2-feedback-content .quote-icon {
        right: 20px;
        bottom: 25px;
    }
    
    @media (max-width: 575.98px) {
        .h2-feedback-single .h2-feedback-content {
            margin-left: 10px;
            padding: 24px 18px;
        }
    }
    /*********** map section start ***********/
    
    .map-area {
        width: 100%;
        min-height: 480px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .location-info {
        max-width: 450px;
        padding: 40px 30px;
        position: absolute;
        top: 50%;
        left: 30px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .location-info .icon-wrapper {
        font-size: 24px;
    }
    
    .location-info p {
        font-weight: 500;
    }
    
    .location-info .opening {
        font-weight: 500;
    }
    
    .location-info .map-explore {
        color: #20a8d9;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .location-info .map-explore:hover {
        color: #111010;
    }
    
    @media (max-width: 575.98px) {
        .location-info {
            width: calc(100% - 24px);
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
    }
    /************** blog section start **************/
    
    .h2-blog-card {
        padding: 30px 24px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        border-radius: 4px;
    }
    
    .h2-blog-card .feature-img {
        width: 52%;
        border-radius: 0 4px 4px 0;
    }
    
    .h2-blog-card .feature-img img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .h2-blog-card .btn-meta.position-absolute {
        left: 15px;
        top: 15px;
    }
    
    .h2-blog-card h4,
    .h2-blog-card .h4,
    .h2-blog-card h3,
    .h2-blog-card .h3 {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .h2-blog-card h4:hover,
    .h2-blog-card .h4:hover,
    .h2-blog-card h3:hover,
    .h2-blog-card .h3:hover {
        color: #20a8d9;
    }
    
    .h2-blog-card .author-content span {
        font-size: 14px;
        font-weight: 500;
    }
    
    .h2-blog-card:hover {
        -webkit-box-shadow: 20px 20px 100px rgba(73, 73, 73, 0.15);
        box-shadow: 20px 20px 100px rgba(73, 73, 73, 0.15);
    }
    
    .h2-blog-card:hover .feature-img img {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    
    @media (max-width: 1399.98px) {
        .h2-blog-card .feature-img {
            width: 65%;
        }
    }
    
    @media (max-width: 1199.98px) {
        .h2-blog-card .feature-img {
            width: 100%;
            border-radius: 4px 4px 0 0;
        }
    }
    
    @media (max-width: 767.98px) {
        .h2-blog-card .feature-img img {
            width: 100%;
        }
    }
    
    @media (max-width: 575.98px) {
        .h2-blog-card {
            padding: 18px 16px;
        }
    }
    
    .btn-meta {
        padding: 4px 12px;
        font-size: 12px;
        color: #575757;
        font-weight: 600;
        border-radius: 3px;
        background: #F6F6F6;
        display: inline-block;
    }
    
    .hero-3 {
        margin-top: -90px;
    }
    
    .hero-3 .at-header-social {
        right: -76px;
        left: auto;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg);
    }
    
    @media (max-width: 480px) {
        .hero-3 .apps-btn-group {
            gap: 15px;
        }
        .hero-3 .apps-btn-group .app-btn {
            min-width: 162px;
            padding: 10px 15px;
        }
    }
    
    .hero3-slider .slick-active .hero3-subtitle {
        -webkit-animation: 0.5s theme_fadeInUp;
        animation: 0.5s theme_fadeInUp;
    }
    
    .hero3-slider .slick-active h1,
    .hero3-slider .slick-active .h1 {
        -webkit-animation: 1s theme_fadeInUp;
        animation: 1s theme_fadeInUp;
    }
    
    .hero3-slider .slick-active p {
        -webkit-animation: 1.5s theme_fadeInUp;
        animation: 1.5s theme_fadeInUp;
    }
    
    .hero3-slider .slick-active .primary-btn {
        -webkit-animation: 1.6s theme_fadeInUp;
        animation: 1.6s theme_fadeInUp;
    }
    
    .hero3-slider .slick-active .white-btn {
        -webkit-animation: 1.8s theme_fadeInUp;
        animation: 1.8s theme_fadeInUp;
    }
    
    .hero3-slider .slick-active .hero3-right img {
        -webkit-animation: 1s slideInRight;
        animation: 1s slideInRight;
    }
    
    .hero3-slider .slick-dots {
        position: absolute;
        left: 40px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #C2C2C2;
    }
    
    .hero3-slider .slick-dots li {
        cursor: pointer;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .hero3-slider .slick-dots li button {
        border: 0;
        background: transparent;
        font-size: 0;
        padding: 0;
        width: 2px;
        height: 40px;
        font-weight: 700;
        color: #fff;
    }
    
    .hero3-slider .slick-dots li.slick-active {
        background: #20a8d9;
    }
    
    .hero3-slider .slick-dots li:first-child button {
        font-size: 16px;
        -webkit-transform: translate(-2px, -35px);
        transform: translate(-2px, -35px);
    }
    
    .hero3-slider .slick-dots li:last-child button {
        font-size: 16px;
        -webkit-transform: translate(-2px, 35px);
        transform: translate(-2px, 35px);
    }
    
    @media (max-width: 1600px) {
        .hero3-slider .slick-dots {
            left: 20px;
        }
    }
    
    @media (max-width: 1199.98px) {
        .hero3-slider .slick-dots {
            background: transparent;
            left: 50%;
            top: auto;
            bottom: 130px;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }
        .hero3-slider .slick-dots li {
            width: 15px;
            height: 15px;
            border: 1px solid #20a8d9;
            border-radius: 50%;
            display: inline-block;
            margin-right: 5px;
        }
        .hero3-slider .slick-dots li button {
            font-size: 0 !important;
            -webkit-transform: translate(0) !important;
            transform: translate(0) !important;
        }
    }
    
    .hero3-single-slide {
        padding: 200px 0 180px 0;
        position: relative;
        z-index: 1;
    }
    
    .hero3-single-slide .lead {
        color: #C2C2C2;
        font-weight: 500;
    }
    /********* hero search box *******/
    
    .h3-hero-search-box {
        margin-top: -70px;
        position: relative;
    }
    
    .h3-search-box-wrapper {
        padding: 40px 30px;
    }
    
    .h3-search-box-wrapper form .input-field label {
        position: relative;
    }
    
    .h3-search-box-wrapper form .input-field label::after {
        content: "";
        position: absolute;
        width: 25px;
        height: 2px;
        background: #20a8d9;
        bottom: 8px;
        left: calc(100% + 5px);
    }
    
    .h3-search-box-wrapper form .input-field.has-icon .label-icon {
        position: absolute;
        left: 15px;
        bottom: 12px;
    }
    
    .h3-search-box-wrapper form .input-field.has-icon input[type=text] {
        color: #111010;
        font-weight: 500;
        padding: 10px 16px;
        padding-left: 38px;
    }
    
    .h3-search-box-wrapper form .input-field.has-icon input[type=text]::-webkit-input-placeholder {
        color: #111010;
    }
    
    .h3-search-box-wrapper form .input-field.has-icon input[type=text]::-moz-placeholder {
        color: #111010;
    }
    
    .h3-search-box-wrapper form .input-field.has-icon input[type=text]:-ms-input-placeholder {
        color: #111010;
    }
    
    .h3-search-box-wrapper form .input-field.has-icon input[type=text]::-ms-input-placeholder {
        color: #111010;
    }
    
    .h3-search-box-wrapper form .input-field.has-icon input[type=text]::placeholder {
        color: #111010;
    }
    
    .h3-search-box-wrapper form .form-select {
        color: #111010;
        font-weight: 500;
    }
    /*********** about section start **********/
    
    .h2-about-item-box {
        padding: 45px 25px 45px 30px;
    }
    
    .h2-about-item-box .icon-bg {
        right: 30px;
        top: 30px;
    }
    
    .h2-about-item-box .icon-wrapper {
        width: 70px;
        height: 70px;
        padding: 15px;
    }
    /********* progress area start ***********/
    
    .progress-counter-box {
        display: inline-block;
    }
    
    .progress-counter-box h2,
    .progress-counter-box .h2 {
        font-size: 120px;
        font-weight: 800;
        line-height: 1em;
    }
    
    .progress-counter-box>span {
        font-weight: 700;
        font-size: 20px;
        color: #111010;
        line-height: 1.2em;
        display: inline-block;
    }
    
    @media (max-width: 767.98px) {
        .progress-counter-box h2,
        .progress-counter-box .h2 {
            font-size: 80px;
        }
        .progress-counter-box span {
            font-size: 16px;
        }
    }
    
    @media (max-width: 480px) {
        .progress-counter-box h2,
        .progress-counter-box .h2 {
            font-size: 50px;
        }
        .progress-counter-box span {
            font-size: 12px;
        }
    }
    
    .single-progress {
        padding-top: 20px;
        overflow: hidden;
    }
    
    .progress-bar-line {
        background: #D9D9D9;
        height: 8px;
        border-radius: 0;
    }
    
    .progress-bar-line .progress {
        height: 8px;
        width: 0;
        position: relative;
        border-radius: 0;
        overflow: visible !important;
    }
    
    .progress-bar-line .progress span {
        color: #111010;
        position: absolute;
        top: -25px;
        right: -15px;
        font-weight: 700;
        font-size: 16px;
    }
    /********* countdown section *********/
    
    .h3-counter-box {
        padding: 30px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        margin-bottom: 40px;
    }
    
    .h3-counter-box::before {
        content: "";
        position: absolute;
        left: 10px;
        bottom: -10px;
        width: calc(100% - 20px);
        height: 100px;
        background: #20a8d9;
        z-index: -1;
        border-radius: 4px;
    }
    
    .h3-counter-box .icon-wrapper {
        width: 70px;
        height: 70px;
        font-size: 32px;
    }
    
    .h3-counter-box h3,
    .h3-counter-box .h3 {
        font-weight: 800;
    }
    
    .h3-counter-box h3 span,
    .h3-counter-box .h3 span {
        font-weight: 800;
    }
    
    .h3-counter-box span {
        font-weight: 500;
    }
    /************* car brands started ************/
    
    .h3-car-card {
        padding: 24px 24px 40px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .h3-car-card .feature-img img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .h3-car-card .feature-img img:hover {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }
    
    .h3-car-card .btn-meta {
        left: 10px;
        top: 8px;
        z-index: 1;
    }
    
    .h3-car-card .btn-meta span {
        color: #C2C2C2;
    }
    
    .h3-car-card h4,
    .h3-car-card .h4 {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .h3-car-card h4:hover,
    .h3-car-card .h4:hover {
        color: #20a8d9;
    }
    
    .h3-car-card .pricing-info span {
        font-size: 12px;
    }
    
    .h3-car-card .pricing-info span .h6 {
        font-size: 18px;
    }
    
    .h3-car-card .pricing-info .info-right {
        position: relative;
    }
    
    .h3-car-card .pricing-info .info-right::before {
        content: "";
        position: absolute;
        left: -12px;
        width: 1px;
        height: 22px;
        background: rgba(11, 22, 63, 0.07);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .h3-car-card .card-feature-box {
        gap: 32px;
    }
    
    .h3-car-card .card-feature-box .icon-box {
        font-size: 14px;
        font-weight: 600;
    }
    
    .h3-car-card .card-feature-box .icon-box span {
        line-height: 0;
    }
    
    .h3-car-card .card-feature-box .icon-box+.icon-box {
        position: relative;
    }
    
    .h3-car-card .card-feature-box .icon-box+.icon-box::before {
        content: "";
        position: absolute;
        left: -16px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        height: 14px;
        background: rgba(11, 22, 63, 0.07);
    }
    
    .h3-car-card:hover {
        -webkit-box-shadow: 20px 20px 100px rgba(73, 73, 73, 0.15);
        box-shadow: 20px 20px 100px rgba(73, 73, 73, 0.15);
    }
    
    @media (max-width: 991.98px) {
        .h3-car-card {
            padding: 18px 18px 24px;
        }
        .h3-car-card .card-feature-box {
            gap: 18px;
        }
        .h3-car-card .card-feature-box .icon-box::before {
            display: none;
        }
    }
    /************** service section start **************/
    
    .h3-services-wrapper {
        -webkit-box-shadow: 0px 4px 50px rgba(0, 56, 60, 0.05);
        box-shadow: 0px 4px 50px rgba(0, 56, 60, 0.05);
    }
    
    .h3-services-wrapper .services-left {
        padding: 70px 15px 70px 40px;
    }
    
    .h3-services-wrapper .services-left h2,
    .h3-services-wrapper .services-left .h2 {
        font-weight: 800;
    }
    
    .services-list-box .icon-wrapper {
        font-size: 30px;
        width: 60px;
        height: 60px;
    }
    
    .services-video-box .video-bg {
        max-width: calc(100% + 90px);
        margin-left: -60px;
    }
    
    .services-video-box .video-popup-btn {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    
    .services-video-box .video-popup-btn:hover {
        top: calc(50% - 10px);
    }
    
    @media (max-width: 1399.98px) {
        .services-video-box .video-bg {
            max-width: calc(100% + 180px);
        }
    }
    
    @media (max-width: 1199.98px) {
        .services-video-box .video-bg {
            max-width: calc(100% + 410px);
        }
    }
    
    @media (max-width: 991.98px) {
        .services-video-box .video-bg {
            max-width: 100%;
            margin-left: 0;
        }
    }
    /********************* feedback section start *****************/
    
    .h3-feedback-slider {
        max-width: 970px;
        margin: 0 auto;
    }
    
    .h3-feedback-single .rating-icons span {
        color: #FF9729;
    }
    
    .h3-feedback-single p {
        font-weight: 500;
    }
    
    .h3-feedback-slider-control {
        width: calc(100% + 24px);
        margin-left: -12px;
        overflow: hidden;
        padding: 40px 12px 120px 12px;
    }
    
    .h3-feedback-slider-control .h3-feedback-client-slider {
        overflow: visible;
    }
    
    .h3-feedback-client-single {
        padding: 24px;
        background: #fff;
        border-radius: 4px;
        -webkit-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .h3-feedback-client-single h6,
    .h3-feedback-client-single .h6,
    .h3-feedback-client-single span {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .h3-feedback-client-single span {
        font-size: 14px;
    }
    
    .h3-feedback-client-single.swiper-slide-thumb-active {
        background-color: #20a8d9;
        -webkit-box-shadow: 0px 10px 30px rgba(252, 0, 18, 0.2);
        box-shadow: 0px 10px 30px rgba(252, 0, 18, 0.2);
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    
    .h3-feedback-client-single.swiper-slide-thumb-active h6,
    .h3-feedback-client-single.swiper-slide-thumb-active .h6,
    .h3-feedback-client-single.swiper-slide-thumb-active span {
        color: #fff;
    }
    
    .h3-feedback-client-single:hover {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        background-color: #20a8d9;
        -webkit-box-shadow: 0px 20px 50px rgba(252, 0, 18, 0.2);
        box-shadow: 0px 20px 50px rgba(252, 0, 18, 0.2);
    }
    
    .h3-feedback-client-single:hover h6,
    .h3-feedback-client-single:hover .h6,
    .h3-feedback-client-single:hover span {
        color: #fff;
    }
    /***************** staff area start *****************/
    
    .single-staff {
        background: #fff;
        padding: 40px 24px;
        -webkit-box-shadow: 0px 4px 50px rgba(0, 56, 60, 0.05);
        box-shadow: 0px 4px 50px rgba(0, 56, 60, 0.05);
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .single-staff span {
        font-size: 14px;
        display: block;
    }
    
    .single-staff .staff-social {
        gap: 8px;
    }
    
    .single-staff .staff-social a {
        width: 35px;
        height: 35px;
        color: #575757;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .single-staff .staff-social a:hover {
        color: #111010;
        background: #fff;
    }
    
    .single-staff .hover-overlay {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        padding: 30px 24px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        opacity: 0;
        visibility: hidden;
    }
    
    .single-staff .hover-overlay::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #20a8d9;
        opacity: 0.8;
        z-index: -1;
    }
    
    .single-staff .hover-overlay .staff-social a {
        color: #fff;
    }
    
    .single-staff .hover-overlay .staff-social a:hover {
        color: #111010;
    }
    
    .single-staff:hover {
        -webkit-box-shadow: 0px 20px 50px rgba(252, 0, 18, 0.2);
        box-shadow: 0px 20px 50px rgba(252, 0, 18, 0.2);
    }
    
    .single-staff:hover .hover-overlay {
        opacity: 1;
        visibility: visible;
    }
    
    .single-staff:hover .hover-overlay h5,
    .single-staff:hover .hover-overlay .h5 {
        -webkit-animation: 0.3s theme_fadeInUp;
        animation: 0.3s theme_fadeInUp;
    }
    
    .single-staff:hover .hover-overlay span {
        -webkit-animation: 0.5s theme_fadeInUp;
        animation: 0.5s theme_fadeInUp;
    }
    
    .single-staff:hover .hover-overlay p {
        -webkit-animation: 0.7s theme_fadeInUp;
        animation: 0.7s theme_fadeInUp;
    }
    
    .single-staff:hover .hover-overlay .staff-social {
        -webkit-animation: 1s theme_fadeInUp;
        animation: 1s theme_fadeInUp;
    }
    
    .h3-explore-btn {
        color: #111010;
        font-weight: 700;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .h3-explore-btn .icon-wrapper {
        width: 40px;
        height: 40px;
        color: #fff;
        margin: 0 8px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        background: #20a8d9;
    }
    
    .h3-explore-btn:hover {
        color: #20a8d9;
    }
    
    .h3-explore-btn:hover .icon-wrapper {
        margin: 0 12px;
        background: #111010;
    }
    /******************** contact section start ************/
    
    .h3-contact-section::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(#111010), to(rgba(17, 16, 16, 0.81)));
        background: linear-gradient(180deg, #111010 0%, rgba(17, 16, 16, 0.81) 100%);
        z-index: -1;
    }
    
    .call-btn {
        color: #fff;
        font-size: 18px;
        font-weight: 700;
    }
    
    .call-btn .icon-wrapper {
        width: 40px;
        height: 40px;
        background: #20a8d9;
    }
    
    .call-btn span {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .call-btn:hover .icon-wrapper {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    /*************** blog section start ************/
    
    .h3-blog-card .feature-img img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
    }
    
    .h3-blog-card .h3-blog-card-content {
        max-width: 386px;
        background: #fff;
        padding: 30px 24px;
        margin-top: -50px;
        position: relative;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .h3-blog-card .h3-blog-card-content h5,
    .h3-blog-card .h3-blog-card-content .h5 {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .h3-blog-card .h3-blog-card-content span {
        font-size: 14px;
        font-weight: 500;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .h3-blog-card:hover .feature-img img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    
    .h3-blog-card:hover .h3-blog-card-content {
        background: #20a8d9;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    
    .h3-blog-card:hover .h3-blog-card-content h5,
    .h3-blog-card:hover .h3-blog-card-content .h5 {
        color: #fff;
    }
    
    .h3-blog-card:hover .h3-blog-card-content span {
        color: #fff;
    }
    /************* hero section start *************/
    
    .h4-hero-section {
        margin-top: 18px;
    }
    
    @media (max-width: 1399.98px) {
        .h4-hero-section .h4-hero-slider {
            padding-left: 48px;
        }
    }
    
    @media (max-width: 1199.98px) {
        .h4-hero-section .h4-hero-slider {
            padding-left: 0;
        }
    }
    
    .h4-hero-slider-single {
        padding: 90px 40px;
        position: relative;
        border-radius: 4px;
        overflow: hidden;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center right;
        z-index: 1;
    }
    
    .h4-hero-slider-single .slide-content {
        max-width: 390px;
    }
    
    .h4-hero-slider-single::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(98.07deg, #111010 14.67%, rgba(17, 16, 16, 0.71) 44.06%, rgba(17, 16, 16, 0) 80.98%);
        z-index: -1;
    }
    
    .h4-hero-slider-single.swiper-slide-active .h4-subtitle {
        -webkit-animation: 1s theme_fadeInUp;
        animation: 1s theme_fadeInUp;
    }
    
    .h4-hero-slider-single.swiper-slide-active h3,
    .h4-hero-slider-single.swiper-slide-active .h3 {
        -webkit-animation: 1.2s theme_fadeInUp;
        animation: 1.2s theme_fadeInUp;
    }
    
    .h4-hero-slider-single.swiper-slide-active p {
        -webkit-animation: 1.5s theme_fadeInUp;
        animation: 1.5s theme_fadeInUp;
    }
    
    .h4-hero-slider-single.swiper-slide-active .btn {
        -webkit-animation: 1.8s theme_fadeInUp;
        animation: 1.8s theme_fadeInUp;
    }
    /**************** search filter *************/
    
    .h4-search-filter form .form-select {
        color: #7A7A7A;
        border-radius: 0;
    }
    /***************** feature products *****************/
    
    .h4-filter-btn-group {
        gap: 16px;
    }
    
    .h4-filter-btn {
        padding: 10px 25px;
        background: transparent;
        border: 1px solid rgba(11, 22, 63, 0.07);
        font-weight: 600;
        font-size: 15px;
        border-radius: 4px;
        position: relative;
        overflow: hidden;
        z-index: 1;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .h4-filter-btn::before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 0;
        height: 100%;
        background: #20a8d9;
        z-index: -1;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .h4-filter-btn:hover,
    .h4-filter-btn.active {
        color: #fff;
        border-color: #20a8d9;
    }
    
    .h4-filter-btn:hover::before,
    .h4-filter-btn.active::before {
        width: 100%;
        right: auto;
        left: 0;
    }
    
    .h4-ft-product-card {
        -webkit-box-shadow: 0px 10px 30px rgba(131, 131, 131, 0.05);
        box-shadow: 0px 10px 30px rgba(131, 131, 131, 0.05);
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        overflow: hidden;
    }
    
    .h4-ft-product-card .product-card-top .discount-badge {
        background: #20a8d9;
        left: 16px;
        top: 16px;
        padding: 0px 12px;
        font-size: 12px;
        border-radius: 3px;
        color: #fff;
    }
    
    .h4-ft-product-card .product-card-top .wish-btn {
        right: 16px;
        top: 16px;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        font-size: 12px;
        background: #F6F6F6;
        color: #C2C2C2;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .h4-ft-product-card .product-card-top .wish-btn:hover {
        color: #20a8d9;
        background: rgba(252, 0, 18, 0.1);
    }
    
    .h4-ft-product-card .product-card-top .feature-img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .h4-ft-product-card .product-card-top .at_product_action {
        bottom: 0;
        visibility: hidden;
        opacity: 0;
    }
    
    .h4-ft-product-card .product-card-bottom {
        padding: 0 24px 40px;
    }
    
    .h4-ft-product-card .product-card-bottom .product-rating span {
        color: #FF9729;
    }
    
    .h4-ft-product-card .product-card-bottom .product-title {
        font-weight: 600;
        color: #111010;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        display: block;
    }
    
    .h4-ft-product-card .product-card-bottom .product-title:hover {
        color: #20a8d9;
    }
    
    .h4-ft-product-card .product-card-bottom .product-pricing span {
        font-size: 14px;
        font-weight: 600;
    }
    
    .h4-ft-product-card .product-card-bottom .product-pricing .sale-price {
        margin-right: 15px;
        position: relative;
    }
    
    .h4-ft-product-card .product-card-bottom .product-pricing .sale-price::before {
        content: "";
        position: absolute;
        left: -3px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: calc(100% + 6px);
        height: 1px;
        background: #7A7A7A;
    }
    
    .h4-ft-product-card:hover {
        -webkit-box-shadow: 20px 20px 100px rgba(73, 73, 73, 0.15);
        box-shadow: 20px 20px 100px rgba(73, 73, 73, 0.15);
    }
    
    .h4-ft-product-card:hover .feature-img {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }
    
    .h4-ft-product-card:hover .at_product_action {
        bottom: 10px;
        visibility: visible;
        opacity: 1;
    }
    
    .at_product_action {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 12px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .at_product_action a {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #fff;
        -webkit-box-shadow: 0px 5px 10px rgba(139, 139, 139, 0.1);
        box-shadow: 0px 5px 10px rgba(139, 139, 139, 0.1);
        font-size: 13px;
        color: #111010;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .at_product_action a:hover {
        color: #fff;
        background: #20a8d9;
    }
    /***************** flash sales start *****************/
    
    .flash-sales-countdown-area {
        padding-bottom: 150px;
    }
    
    .flash-sales-countdown-area::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(#111010), to(rgba(17, 16, 16, 0.81)));
        background: linear-gradient(180deg, #111010 0%, rgba(17, 16, 16, 0.81) 100%);
        z-index: -1;
    }
    
    .flash-sales-countdown {
        gap: 12px;
    }
    
    .flash-sales-countdown li {
        padding: 10px 13px 5px 13px;
        min-width: 70px;
    }
    
    .flash-sales-countdown li h4,
    .flash-sales-countdown li .h4 {
        line-height: 1em;
    }
    
    .flash-sales-countdown li span {
        font-size: 12px;
        display: block;
    }
    
    .flash-sales-slider-area {
        margin-top: -115px;
    }
    
    .flash-sales-slider-wrapper {
        width: calc(100% + 60px);
        margin-left: -30px;
        padding: 0 15px;
    }
    
    @media (max-width: 575.98px) {
        .flash-sales-slider-wrapper {
            max-width: 450px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            padding: 0;
        }
    }
    
    .flash-controls {
        width: 45px;
        height: 45px;
        background: #20a8d9;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        line-height: 45px;
        position: absolute;
        top: calc(50% - 80px);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        z-index: 2;
    }
    
    .flash-controls.flash-button-prev {
        left: -15px;
        background: #111010;
    }
    
    .flash-controls.flash-button-prev:hover {
        background: #20a8d9;
    }
    
    .flash-controls.flash-button-next {
        right: -15px;
    }
    
    .flash-controls.flash-button-next:hover {
        background: #111010;
    }
    
    .flash-sales-slider .h4-ft-product-card:hover {
        -webkit-box-shadow: 0px 4px 50px rgba(0, 56, 60, 0.05);
        box-shadow: 0px 4px 50px rgba(0, 56, 60, 0.05);
    }
    
    @media (max-width: 575.98px) {
        .flash-sales-slider .flash-controls {
            -webkit-transform: translate(0);
            transform: translate(0);
            top: auto;
            bottom: 0;
        }
        .flash-sales-slider .flash-controls.flash-button-prev {
            left: calc(50% - 27px);
        }
        .flash-sales-slider .flash-controls.flash-button-next {
            left: calc(50% + 27px);
            right: auto;
        }
    }
    /***************** offer section start **************/
    
    .h4-offer-banner.box-style-1 {
        padding: 80px 0 0 40px;
    }
    
    .h4-offer-banner.box-style-2 {
        padding: 24px 50px 24px 30px;
        background: #0084FE;
    }
    
    @media (max-width: 767.98px) {
        .h4-offer-banner.box-style-2 {
            padding: 40px 50px 40px 30px;
        }
        .h4-offer-banner.box-style-2 .content-right img {
            max-width: 100%;
        }
    }
    
    @media (max-width: 575.98px) {
        .h4-offer-banner.box-style-2 {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
    }
    
    .h4-offer-banner.box-style-3 {
        padding: 65px 40px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left center;
    }
    /************* best selling area start **************/
    
    .bs-filter-btn-group {
        gap: 16px;
    }
    
    .bs-filter-btn::before {
        background: #111010;
    }
    
    .bs-filter-btn:hover,
    .bs-filter-btn.active {
        border-color: #111010;
    }
    /*************** brands section start **************/
    
    .h4-brands-section::before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        height: 100%;
        background: #20a8d9;
        z-index: -1;
    }
    
    @media (max-width: 991.98px) {
        .h4-brands-section::before {
            bottom: 0;
            top: auto;
            width: 100%;
            height: 50%;
        }
    }
    
    @media (max-width: 767.98px) {
        .h4-brands-section::before {
            height: calc(50% - 55px);
        }
    }
    
    .h4-brands-left p {
        color: #C2C2C2;
    }
    
    .h4-brands-left a {
        color: #20a8d9;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .h4-brands-left a:hover {
        color: #fff;
    }
    
    .h4-brands-list {
        gap: 16px;
    }
    
    .brands-item {
        width: 140px;
        height: 56px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        padding: 6px 10px;
    }
    
    .h4-brands-right .spam-warning {
        font-size: 12px;
    }
    
    .h4-sb-form {
        max-width: 490px;
    }
    
    .h4-sb-form input[type=email] {
        width: 100%;
        border-radius: 4px;
    }
    
    .h4-sb-form button {
        border-radius: 0 4px 4px 0;
        padding: 13px 32px;
    }
    /****************** top categories ***************/
    
    .categories-slider-box {
        padding: 40px 24px 0;
        border-radius: 2px;
    }
    
    .categories-slider-box .h4-filter-btn:hover {
        -webkit-box-shadow: 0px 10px 30px rgba(252, 0, 18, 0.2);
        box-shadow: 0px 10px 30px rgba(252, 0, 18, 0.2);
    }
    
    .h4-categories-slider-wrapper {
        padding: 0 9px;
        width: calc(100% + 18px);
        margin-left: -9px;
    }
    
    .h4-categories-slider {
        padding: 32px 0 40px 0;
    }
    
    .h4-categories-slider .flash-controls {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        top: 40%;
    }
    
    .h4-categories-slider .flash-controls.flash-button-prev {
        left: 0px;
        opacity: 0;
    }
    
    .h4-categories-slider .flash-controls.flash-button-next {
        right: 0px;
        opacity: 0;
    }
    
    .h4-categories-slider:hover .flash-controls.flash-button-prev {
        left: -9px;
        opacity: 1;
    }
    
    .h4-categories-slider:hover .flash-controls.flash-button-next {
        right: -9px;
        opacity: 1;
    }
    
    .h4-categories-card {
        border: 1px solid rgba(11, 22, 63, 0.07);
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .h4-categories-card .at_product_action {
        gap: 10px;
    }
    
    .h4-categories-card .at_product_action a {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
    
    .h4-categories-card .product-card-bottom {
        padding: 0 16px 18px;
    }
    
    .h4-categories-card .product-card-bottom .product-rating span {
        font-size: 10px;
    }
    
    .h4-categories-card .product-card-bottom .product-title {
        font-size: 14px;
    }
    
    .h4-categories-card .product-card-bottom .product-title.title-medium {
        font-size: 16px;
    }
    
    .h4-categories-card .product-card-bottom .product-pricing span {
        font-size: 12px;
    }
    
    .h4-categories-card:hover {
        -webkit-box-shadow: 0px 5px 10px rgba(139, 139, 139, 0.1);
        box-shadow: 0px 5px 10px rgba(139, 139, 139, 0.1);
    }
    /***************** features section start **************/
    
    .h4-features-wrapper {
        padding: 50px 40px;
        gap: 40px;
    }
    
    .h4-features-wrapper .h4-feature-item+.h4-feature-item {
        position: relative;
    }
    
    .h4-features-wrapper .h4-feature-item+.h4-feature-item::before {
        content: "";
        position: absolute;
        left: -30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        height: 32px;
        background: rgba(11, 22, 63, 0.07);
    }
    
    @media (max-width: 1399.98px) {
        .h4-features-wrapper .h4-feature-item+.h4-feature-item::before {
            display: none;
        }
    }
    
    @media (max-width: 767.98px) {
        .h4-features-wrapper {
            gap: 24px;
        }
    }
    
    .h4-feature-item .icon-wrapper {
        width: 55px;
        height: 55px;
        background: #FFF2F3;
        font-size: 20px;
    }
    /******************* product modal *****************/
    
    #at_product_view .modal-dialog {
        max-width: 980px;
        border: 0;
    }
    
    @media (max-width: 1199.98px) {
        #at_product_view .modal-dialog {
            max-width: 800px;
        }
    }
    
    @media (max-width: 767.98px) {
        #at_product_view .modal-dialog {
            max-width: 560px;
        }
    }
    
    .product_modal {
        padding: 30px 24px;
        border: 0;
        border-radius: 4px;
        overflow: hidden;
        background: #fff;
    }
    
    .product_modal .product_view_slider .product_thumb_slider .swiper-slide,
    .product_modal .product_view_slider .product_thumb_slider_2 .swiper-slide {
        border: 1px solid rgba(11, 22, 63, 0.07);
        border-radius: 3px;
        padding: 2px;
    }
    
    .product_modal .product_view_slider .product_thumb_slider .swiper-slide.swiper-slide-thumb-active,
    .product_modal .product_view_slider .product_thumb_slider_2 .swiper-slide.swiper-slide-thumb-active {
        border-color: rgba(252, 0, 18, 0.3);
    }
    
    .product_modal .product_view_right ul.product_review li {
        color: #FF9729;
    }
    
    .product_modal .product_view_right .key_features {
        list-style: disc;
        padding-left: 20px;
    }
    
    .product_modal .product_view_right .key_features li {
        font-size: 15px;
    }
    
    .product_modal .product_view_right .product_color_select ul {
        gap: 4px;
    }
    
    .product_modal .product_view_right .product_color_select ul li {
        position: relative;
    }
    
    .product_modal .product_view_right .product_color_select ul li input {
        position: relative;
        z-index: 2;
        opacity: 0;
        cursor: pointer;
    }
    
    .product_modal .product_view_right .product_color_select ul li span {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 13px;
        height: 13px;
        background: green;
        border-radius: 50%;
        z-index: 1;
    }
    
    .product_modal .product_view_right .add_to_cart_product {
        gap: 16px;
    }
    
    .product_modal .product_view_right .add_to_cart_product form {
        border: 1px solid rgba(11, 22, 63, 0.07);
        border-radius: 4px;
        overflow: hidden;
    }
    
    .product_modal .product_view_right .add_to_cart_product form input {
        display: inline-block;
        padding: 0.3rem 0;
        border-radius: 3px;
        width: 40px;
        text-align: center;
        border: 0;
        color: #111010;
    }
    
    .product_modal .product_view_right .add_to_cart_product form button {
        padding: 0.3rem 12px;
        background: #fff;
        border-radius: 0;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .product_modal .product_view_right .add_to_cart_product form button:first-child {
        border-right: 1px solid rgba(11, 22, 63, 0.07);
    }
    
    .product_modal .product_view_right .add_to_cart_product form button:last-child {
        border-left: 1px solid rgba(11, 22, 63, 0.07);
    }
    
    .product_modal .product_view_right .add_to_cart_product form button:hover {
        background: rgba(17, 16, 16, 0.08);
    }
    
    .product_modal .product_view_right .product_price {
        font-size: 20px;
    }
    
    .template-pagination ul {
        gap: 8px;
    }
    
    .template-pagination ul li a {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 35px;
        height: 35px;
        color: #7A7A7A;
        font-weight: 600;
        border-radius: 3px;
        background: rgba(194, 194, 194, 0.5);
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .template-pagination ul li a:hover {
        background: #20a8d9;
        color: #fff;
    }
    
    .template-pagination.pg-style-2 ul li a {
        background-color: #fff;
        color: #111010;
    }
    
    .template-pagination.pg-style-2 ul li a:hover {
        background: #20a8d9;
        color: #fff;
    }
    
    .template-pagination.pg-style-2 ul li a.active {
        background: #20a8d9;
        color: #fff;
    }
    
    .template-pagination.pg-style-3 ul li a {
        background-color: #fff;
        color: #111010;
    }
    
    .template-pagination.pg-style-3 ul li a:hover {
        background-color: #FEB200;
        color: #fff;
    }
    
    .template-pagination.pg-style-3 ul li a.active {
        background-color: #FEB200;
        color: #fff;
    }
    
    .widget-padding {
        padding: 40px 24px;
    }
    
    .tmg-search-widget form {
        border: 1px solid rgba(11, 22, 63, 0.07);
        border-radius: 4px;
        overflow: hidden;
    }
    
    .tmg-search-widget form input[type=text] {
        width: 90%;
        color: #111010;
    }
    
    .tmg-search-widget form input[type=text]::-webkit-input-placeholder {
        color: #7A7A7A;
    }
    
    .tmg-search-widget form input[type=text]::-moz-placeholder {
        color: #7A7A7A;
    }
    
    .tmg-search-widget form input[type=text]:-ms-input-placeholder {
        color: #7A7A7A;
    }
    
    .tmg-search-widget form input[type=text]::-ms-input-placeholder {
        color: #7A7A7A;
    }
    
    .tmg-search-widget form input[type=text]::placeholder {
        color: #7A7A7A;
    }
    
    .tmg-search-widget form button {
        border-radius: 0 3px 3px 0;
        width: 56px;
        padding-right: 0;
        padding-left: 0;
    }
    
    .tmg-search-widget form button:hover::before {
        left: -30px;
    }
    
    .sidebar-widget .widget-top {
        gap: 20px;
    }
    
    .sidebar-widget .widget-top .spacer {
        display: block;
        width: 100%;
        height: 2px;
        background: rgba(11, 22, 63, 0.005);
        position: relative;
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
    
    .sidebar-widget .widget-top .spacer::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 45px;
        height: 2px;
        background: #20a8d9;
    }
    
    .widget-nav li+li {
        margin-top: 30px;
        position: relative;
    }
    
    .widget-nav li+li::before {
        content: "";
        position: absolute;
        left: 0;
        top: -15px;
        width: 100%;
        height: 1px;
        background: rgba(11, 22, 63, 0.07);
        opacity: 0.5;
    }
    
    .widget-nav li a {
        display: block;
        color: #7A7A7A;
        font-weight: 500;
        font-size: 15px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .widget-nav li a:hover {
        color: #20a8d9;
    }
    
    .recent_posts_list li+li {
        margin-top: 30px;
        position: relative;
    }
    
    .recent_posts_list li+li::before {
        content: "";
        position: absolute;
        left: 0;
        top: -15px;
        width: 100%;
        height: 1px;
        background: rgba(11, 22, 63, 0.07);
        opacity: 0.5;
    }
    
    .recent_posts_list li .thumb-wrapper {
        width: 100px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        border-radius: 4px;
        overflow: hidden;
    }
    
    .recent_posts_list li .thumb-wrapper img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .recent_posts_list li .thumb-wrapper img:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    
    .recent_posts_list li .rp_content {
        margin-left: 20px;
    }
    
    .recent_posts_list li .rp_content a {
        display: block;
        color: #7A7A7A;
        font-weight: 700;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .recent_posts_list li .rp_content a:hover {
        color: #111010;
    }
    
    .recent_posts_list li .rp_content .date {
        font-size: 14px;
        font-weight: 500;
    }
    
    .tags-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 8px;
    }
    
    .tags-list a {
        padding: 6px 14px;
        border: 1px solid rgba(11, 22, 63, 0.07);
        border-radius: 3px;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        color: #7A7A7A;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .tags-list a:hover {
        color: #fff;
        background: #20a8d9;
        border-color: #20a8d9;
    }
    
    .subscribe-widget .sb-top {
        padding: 70px 30px 45px 30px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .subscribe-widget .has-overlay {
        position: relative;
        z-index: 1;
    }
    
    .subscribe-widget .has-overlay::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: -1;
    }
    
    .subscribe-widget .widget-padding p {
        color: rgba(87, 87, 87, 0.7);
    }
    /***************** blog single **************/
    
    .blog-single-area {
        padding: 40px 30px 60px;
    }
    
    .bs-blog-meta .date {
        font-size: 14px;
        font-weight: 500;
    }
    
    .bs-blog-thumb .btn-meta {
        top: 16px;
        left: 16px;
    }
    
    .bs-blockquote {
        background: #F6F6F6;
        padding: 40px 32px;
    }
    
    .bs-blockquote p {
        font-weight: 500;
    }
    
    .bs-blockquote .quote-icon {
        right: 30px;
        bottom: 24px;
    }
    
    .tags-social {
        gap: 24px;
    }
    
    .bs_social_share a {
        width: 35px;
        height: 35px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid rgba(11, 22, 63, 0.07);
        border-radius: 50%;
        color: #7A7A7A;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .bs_social_share a:hover {
        color: #fff;
        background: #20a8d9;
        border-color: #20a8d9;
    }
    
    .bs_social_share a+a {
        margin-left: 5px;
    }
    
    .bs-author-box {
        background: #F6F6F6;
        padding: 40px;
    }
    
    .bs-author-box .author-box-content>a {
        text-decoration: underline;
    }
    
    .bs-author-box .author-box-content .bs-author-socials a {
        width: 35px;
        height: 35px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 5px;
        border-radius: 50%;
        color: #3b5999;
        border: 1px solid #3b5999;
    }
    
    .bs-author-box .author-box-content .bs-author-socials a.instagram {
        border-color: #e4405f;
        color: #e4405f;
    }
    
    .bs-author-box .author-box-content .bs-author-socials a.twitter {
        border-color: #1da1f2;
        color: #1da1f2;
    }
    
    @media (max-width: 575.98px) {
        .bs-author-box {
            padding: 30px 24px;
        }
    }
    
    .bs-post-item .post-control {
        font-size: 14px;
        color: #111010;
        font-weight: 600;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .bs-post-item .post-control:hover {
        color: #20a8d9;
    }
    
    .bs-post-item .bs-title {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        color: #7A7A7A;
    }
    
    .bs-post-item .bs-title:hover {
        color: #20a8d9;
    }
    
    .bs-post-item .date {
        font-size: 14px;
        font-weight: 500;
    }
    
    .comments_list li {
        position: relative;
    }
    
    .comments_list li .date {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 12px;
        font-weight: 500;
    }
    
    .comments_list li .reply-btn {
        color: #0b163f;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .comments_list li .reply-btn:hover {
        color: #20a8d9;
    }
    
    .comments_list li+li {
        margin-top: 60px;
        position: relative;
    }
    
    .comments_list li+li::before {
        content: "";
        position: absolute;
        top: -30px;
        left: 0;
        width: 100%;
        height: 1px;
        background: rgba(11, 22, 63, 0.07);
    }
    
    .comment_form .input-field input,
    .comment_form .input-field textarea {
        border: 1px solid rgba(11, 22, 63, 0.07);
        width: 100%;
        border-radius: 3px;
        color: #7A7A7A;
        background: rgba(246, 246, 246, 0.2);
        padding: 14px 18px;
    }
    
    .comment_form .input-field input::-webkit-input-placeholder,
    .comment_form .input-field textarea::-webkit-input-placeholder {
        color: #7A7A7A;
    }
    
    .comment_form .input-field input::-moz-placeholder,
    .comment_form .input-field textarea::-moz-placeholder {
        color: #7A7A7A;
    }
    
    .comment_form .input-field input:-ms-input-placeholder,
    .comment_form .input-field textarea:-ms-input-placeholder {
        color: #7A7A7A;
    }
    
    .comment_form .input-field input::-ms-input-placeholder,
    .comment_form .input-field textarea::-ms-input-placeholder {
        color: #7A7A7A;
    }
    
    .comment_form .input-field input::placeholder,
    .comment_form .input-field textarea::placeholder {
        color: #7A7A7A;
    }
    /****************** blog grid *****************/
    
    .blog-grid-slider .swiper-pagination {
        bottom: 45px;
    }
    
    .blog-grid-slider .swiper-pagination .swiper-pagination-bullet::before {
        background: #111010;
    }
    
    @media (max-width: 767.98px) {
        .blog-grid-slider .swiper-pagination {
            bottom: 18px;
        }
    }
    
    .bgr-slide-card {
        padding: 24px;
    }
    
    .bgr-slide-card .blog-badge {
        right: 40px;
        top: 0;
    }
    
    .bgr-slide-card .feature-img {
        max-width: 500px;
        border-radius: 4px;
        overflow: hidden;
    }
    
    .bgr-slide-card .feature-img img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .bgr-slide-card .feature-img img:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    
    .bgr-slide-card h3,
    .bgr-slide-card .h3 {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .bgr-slide-card h3:hover,
    .bgr-slide-card .h3:hover {
        color: #20a8d9;
    }
    
    @media (max-width: 1199.98px) {
        .bgr-slide-card .feature-img {
            max-width: 100%;
        }
    }
    /*************** car listing ***********/
    
    .car_listing_sidebar {
        position: sticky;
        top: 110px;
    }
    
    .car_listing_nav ul {
        position: relative;
    }
    
    .car_listing_nav ul::before {
        content: "";
        position: absolute;
        left: 5px;
        top: 0;
        width: 2px;
        height: 100%;
        background: #111010;
    }
    
    .car_listing_nav ul li+li {
        margin-top: 16px;
    }
    
    .car_listing_nav ul li a {
        font-weight: 500;
        color: #7A7A7A;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        position: relative;
        padding-left: 26px;
    }
    
    .car_listing_nav ul li a::before {
        content: "";
        position: absolute;
        left: 1px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 10px;
        height: 10px;
        background: #111010;
        border-radius: 50%;
        z-index: 2;
    }
    
    .car_listing_nav ul li a::after {
        content: "";
        position: absolute;
        left: -3px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        background: #F6F6F6;
        border-radius: 50%;
        border: 1px solid #20a8d9;
        z-index: 1;
        opacity: 0;
    }
    
    .car_listing_nav ul li a:hover {
        color: #20a8d9;
    }
    
    .car_listing_nav ul li a.active {
        color: #20a8d9;
        font-weight: 600;
    }
    
    .car_listing_nav ul li a.active::before {
        background-color: #20a8d9;
    }
    
    .car_listing_nav ul li a.active::after {
        opacity: 1;
    }
    
    .car_listing_form .form-btns {
        gap: 24px;
    }
    
    .listing_info_box {
        padding: 40px 32px;
    }
    
    .listing_info_box .input-field label {
        font-weight: 600;
        font-size: 14px;
        color: #111010;
        margin-bottom: 8px;
    }
    
    .listing_info_box .input-field input,
    .listing_info_box .input-field textarea {
        display: block;
        border: 1px solid rgba(11, 22, 63, 0.07);
        width: 100%;
        border-radius: 4px;
        color: #111010;
        background-color: rgba(246, 246, 246, 0.2);
        padding: 0.65rem 18px;
    }
    
    .listing_info_box .input-field input::-webkit-input-placeholder,
    .listing_info_box .input-field textarea::-webkit-input-placeholder {
        color: #7A7A7A;
    }
    
    .listing_info_box .input-field input::-moz-placeholder,
    .listing_info_box .input-field textarea::-moz-placeholder {
        color: #7A7A7A;
    }
    
    .listing_info_box .input-field input:-ms-input-placeholder,
    .listing_info_box .input-field textarea:-ms-input-placeholder {
        color: #7A7A7A;
    }
    
    .listing_info_box .input-field input::-ms-input-placeholder,
    .listing_info_box .input-field textarea::-ms-input-placeholder {
        color: #7A7A7A;
    }
    
    .listing_info_box .input-field input::placeholder,
    .listing_info_box .input-field textarea::placeholder {
        color: #7A7A7A;
    }
    
    .listing_info_box .input-field .estimated-text {
        font-size: 12px;
        display: inline-block;
        margin-top: 4px;
        font-weight: 500;
    }
    
    .listing_info_box .input-field .radio-field label {
        position: relative;
    }
    
    .listing_info_box .input-field .radio-field label input {
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
    }
    
    .listing_info_box .input-field .radio-field label input:checked~.input-circle {
        border-color: #20a8d9;
    }
    
    .listing_info_box .input-field .radio-field label input:checked~.input-circle::before {
        background: #20a8d9;
    }
    
    .listing_info_box .input-field .radio-field label .input-circle {
        position: relative;
        width: 16px;
        height: 16px;
        border: 1px solid transparent;
        border-radius: 50%;
        display: inline-block;
        margin-right: 6px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .listing_info_box .input-field .radio-field label .input-circle::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 9px;
        height: 9px;
        background-color: #111010;
        border-radius: 50%;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .listing_info_box .input-field .meta-checkbox {
        font-size: 12px;
    }
    
    .listing_info_box .input-field .meta-checkbox label {
        color: #7A7A7A;
        font-weight: 400;
        position: relative;
    }
    
    .listing_info_box .input-field .meta-checkbox label .toggle-switch {
        width: 28px;
        height: 16px;
        background: #F6F6F6;
        border: 1px solid #E9E9E9;
        display: inline-block;
        border-radius: 30px;
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
        margin-right: 6px;
        position: relative;
    }
    
    .listing_info_box .input-field .meta-checkbox label .toggle-switch::before {
        content: "";
        position: absolute;
        left: 3px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px;
        height: 8px;
        background: #7A7A7A;
        border-radius: 50%;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .listing_info_box .input-field .meta-checkbox label input {
        width: auto;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }
    
    .listing_info_box .input-field .meta-checkbox label input:checked~.toggle-switch::before {
        background: #20a8d9;
        left: auto;
        right: 3px;
    }
    
    .listing_info_box .input-field .top-label {
        gap: 10px;
    }
    
    .listing_info_box .input-field .top-label h6,
    .listing_info_box .input-field .top-label .h6 {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-size: 15px;
    }
    
    .listing_info_box .input-field .top-label .spacer {
        width: 100%;
        height: 2px;
        background: rgba(11, 22, 63, 0.006);
        position: relative;
    }
    
    .listing_info_box .input-field .top-label .spacer::before {
        content: "";
        position: absolute;
        left: 0;
        width: 40px;
        height: 2px;
        background: #20a8d9;
    }
    
    .listing_info_box .input-field .checkbox-list label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 12px;
        color: #7A7A7A;
    }
    
    .listing_info_box .input-field .checkbox-list label input {
        border-color: #7A7A7A;
    }
    
    .listing_info_box .list-content {
        list-style-type: disc;
        margin-left: 20px;
    }
    
    .listing_info_box .list-content li {
        font-size: 14px;
        color: #7A7A7A;
    }
    
    .listing_info_box .file_upload {
        padding: 40px 24px;
        text-align: center;
        border: 1px dashed #E9E9E9;
        border-radius: 4px;
        position: relative;
    }
    
    .listing_info_box .file_upload input[type=file] {
        position: absolute;
        bottom: 10px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: inline-block;
        width: 220px;
        opacity: 0;
    }
    /********** inventory details ************/
    
    .iv-meta span {
        font-size: 12px;
        font-weight: 500;
    }
    
    .iv-meta span+span {
        margin-left: 32px;
        position: relative;
    }
    
    .iv-meta span+span::before {
        content: "";
        position: absolute;
        left: -16px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        height: 13px;
        background: rgba(122, 122, 122, 0.6);
    }
    
    .iv-meta span i {
        margin-right: 4px;
    }
    
    .iv_info_item {
        gap: 12px;
    }
    
    .iv_info_item .icon-wrapper {
        width: 48px;
        height: 48px;
        color: #20a8d9;
        font-size: 24px;
    }
    
    .iv_info_item .meta {
        font-size: 12px;
        font-weight: 600;
        display: block;
    }
    
    .iv_info_item .title {
        font-weight: 600;
        color: #111010;
        display: block;
    }
    
    .expanded-content {
        display: none;
    }
    
    .iv-expand-btn {
        font-weight: 600;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .iv-expand-btn:hover {
        color: #111010;
    }
    
    .iv_ft_list li {
        font-size: 14px;
        font-weight: 500;
        color: #7A7A7A;
        margin-top: 10px;
    }
    
    .iv_ft_list li span {
        width: 14px;
        height: 14px;
        background: #20a8d9;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 8px;
        color: #fff;
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    
    .iv_feature_accordion .accordion-item {
        border: 1px solid rgba(11, 22, 63, 0.07);
        border-radius: 4px;
        overflow: hidden;
    }
    
    .iv_feature_accordion .accordion-header a {
        font-size: 18px;
        font-weight: 700;
        color: #111010;
        padding: 15px 30px;
        background: transparent;
        position: relative;
    }
    
    .iv_feature_accordion .accordion-header a::after {
        content: "\f107";
        font-family: "FontAwesome";
        background: none;
        position: absolute;
        right: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
        height: auto;
    }
    
    .iv_feature_accordion .accordion-header a:not(.collapsed) {
        background: #111010;
        color: #fff;
    }
    
    .iv_feature_accordion .accordion-header a:not(.collapsed)::after {
        content: "\f106";
        color: #fff;
    }
    /************** inventory sidebar ************/
    
    .iv_sidebar_widget form label {
        font-size: 14px;
        font-weight: 600;
        color: #111010;
    }
    
    .iv_sidebar_widget form input,
    .iv_sidebar_widget form textarea {
        display: block;
        width: 100%;
        border: 1px solid rgba(11, 22, 63, 0.07);
        border-radius: 4px;
        padding: 8px 12px;
        background: rgba(246, 246, 246, 0.1);
    }
    
    .iv_sidebar_widget form .input-box span {
        width: 38px;
        height: 44px;
        border: 1px solid rgba(11, 22, 63, 0.07);
        border-right: 0;
        text-align: center;
        line-height: 42px;
        border-radius: 4px 0 0 4px;
        font-weight: 600;
    }
    
    .iv_sidebar_widget form .input-box input {
        border-radius: 0 4px 4px 0;
    }
    
    .iv_pricing_widget .widget_meta span {
        font-size: 12px;
        position: relative;
        font-weight: 500;
    }
    
    .iv_pricing_widget .widget_meta span+span {
        margin-left: 32px;
    }
    
    .iv_pricing_widget .widget_meta span+span::before {
        content: "";
        position: absolute;
        left: -16px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        height: 13px;
        background: rgba(255, 255, 255, 0.6);
    }
    
    .iv_pricing_widget .widget_meta span i {
        margin-right: 6px;
    }
    
    .iv_seller_widget .iv_seller_info .rating span {
        font-size: 12px;
        font-weight: 500;
        color: #7A7A7A;
    }
    
    .iv_seller_widget .iv_seller_info .rating span i {
        color: #FF9729;
    }
    
    .iv_seller_widget .iv_seller_info>a {
        font-weight: 600;
        color: #7A7A7A;
        font-size: 14px;
        text-decoration: underline;
    }
    
    .iv_seller_widget .widget_btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .iv_seller_widget .widget_btns a {
        padding: 13px 25px;
        font-size: 14px;
        color: #20a8d9;
        background: rgba(252, 0, 18, 0.05);
        border-radius: 4px;
        font-weight: 600;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .iv_seller_widget .widget_btns a:hover {
        color: #fff;
        background: rgba(252, 0, 18, 0.8);
    }
    
    @media (max-width: 575.98px) {
        .iv_seller_widget .widget_btns {
            gap: 16px;
        }
        .iv_seller_widget .widget_btns a {
            padding: 10px 20px;
        }
    }
    /************ inventory slider *************/
    
    .inventory-slider .swiper-btn {
        position: absolute;
        right: 0;
        top: -80px;
        z-index: 10;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        line-height: 40px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .inventory-slider .swiper-btn.slider-btn-prev {
        background: #111010;
        right: 50px;
    }
    
    .inventory-slider .swiper-btn.slider-btn-prev:hover {
        background: #20a8d9;
    }
    
    .inventory-slider .swiper-btn.slider-btn-next {
        background: #20a8d9;
    }
    
    .inventory-slider .swiper-btn.slider-btn-next:hover {
        background: #111010;
    }
    
    @media (max-width: 575.98px) {
        .inventory-slider .swiper-btn {
            display: none;
        }
    }
    
    .inventory-slider .filter-card-item:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    /************** inventory listing sidebar ****************/
    
    .iv2_sidebar {
        padding: 30px 16px;
    }
    
    .iv2_sidebar_widget {
        position: relative;
    }
    
    .iv2_sidebar_widget+.iv2_sidebar_widget {
        margin-top: 24px;
        position: relative;
    }
    
    .iv2_sidebar_widget+.iv2_sidebar_widget::before {
        content: "";
        position: absolute;
        left: 0;
        top: -12px;
        width: 100%;
        height: 1px;
        background: rgba(11, 22, 63, 0.07);
    }
    
    .iv2_search_widget input {
        padding: 10px 16px;
        font-size: 14px;
    }
    
    .iv2_search_widget button {
        width: 46px;
        height: 46.5px;
    }
    
    .iv2_sidebar_accordion .accordion-button:not(.collapsed) {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .iv2_sidebar_accordion .accordion-button::after {
        content: "\f107";
        font-family: "FontAwesome";
        background: none;
        width: auto;
        height: auto;
    }
    
    .iv2_sidebar_list.at_scrollbar {
        height: 250px;
    }
    
    .iv2_sidebar_list li+li {
        margin-top: 10px;
    }
    
    .iv2_sidebar_list li label {
        font-size: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 500;
        color: #7A7A7A;
    }
    
    .iv2_sidebar_list li input[type=checkbox] {
        opacity: 0;
    }
    
    .iv2_sidebar_list li input[type=checkbox]:checked~.ct-checkbox {
        background: #20a8d9;
        border-color: #20a8d9;
        color: #fff;
    }
    
    .iv2_sidebar_list li .ct-checkbox {
        width: 14px;
        height: 14px;
        border: 1px solid rgba(11, 22, 63, 0.5);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 2px;
        font-size: 8px;
        margin-left: -13px;
        color: transparent;
    }
    
    .iv2_rangeslider_widget .ui-slider-handle {
        width: 16px;
        height: 16px;
        background: #fff;
        border: 3px solid #20a8d9;
        border-radius: 50%;
        top: -7px;
        outline: 0;
    }
    
    .iv2_rangeslider_widget .ui-widget-content {
        background: #C2C2C2;
        height: 3px;
        border: 0;
        margin-left: 10px;
    }
    
    .iv2_rangeslider_widget .ui-slider-range {
        background: #20a8d9;
    }
    
    .iv2_rangeslider_widget input {
        border: 1px solid rgba(11, 22, 63, 0.07);
        padding: 6px 24px;
        border-radius: 4px;
        text-align: center;
        width: 50%;
    }
    /************ inventory listing ************/
    
    .iv_listing_top {
        padding: 16px 18px;
        gap: 24px;
    }
    
    .iv_listing_filter_menu {
        gap: 16px;
    }
    
    .iv_listing_filter_menu .form-select {
        padding: 10px 12px;
        padding-right: 24px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 220px;
    }
    
    .iv_listing_filter_menu .grid_btn {
        width: 48px;
        height: 48px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid rgba(11, 22, 63, 0.07);
        -ms-flex-negative: 0;
        flex-shrink: 0;
        border-radius: 3px;
        color: #7A7A7A;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .iv_listing_filter_menu .grid_btn:hover {
        color: #20a8d9;
    }
    
    .iv_listing_filter_menu .grid_btn.active {
        color: #20a8d9;
    }
    
    @media (max-width: 575.98px) {
        .iv_listing_filter_menu .form-select {
            width: 150px;
        }
    }
    
    .listing_card_item .thumb-wrapper {
        max-width: 260px;
    }
    
    .listing_card_item .thumb-wrapper img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .listing_card_item .thumb-wrapper img:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    
    .listing_card_item .small-btn-meta {
        position: absolute;
        right: 24px;
        top: 24px;
    }
    
    .listing_card_item h5,
    .listing_card_item .h5 {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .listing_card_item h5:hover,
    .listing_card_item .h5:hover {
        color: #20a8d9;
    }
    
    .listing_card_item .card-feature-box {
        gap: 10px;
    }
    
    .listing_card_item .card-feature-box .icon-box {
        padding: 2px 15px;
        border-radius: 3px;
    }
    
    @media (max-width: 991.98px) {
        .listing_card_item .thumb-wrapper {
            max-width: 100%;
        }
    }
    /***************** dealer single *****************/
    
    .dealer-single-info {
        padding: 32px;
    }
    
    .dealer-single-info .dl_single_left {
        max-width: 280px;
    }
    
    .dealer-single-info .dl_single_left .listing-count {
        font-size: 14px;
    }
    
    @media (max-width: 767.98px) {
        .dealer-single-info .dl_single_left {
            max-width: 100%;
        }
    }
    
    .dealer-single-info .rating_box li {
        font-size: 14px;
        font-weight: 500;
        color: #FF9729;
    }
    
    .dealer-single-info .info-meta span {
        font-size: 12px;
        font-weight: 500;
    }
    
    .dealer-single-info .info-meta span i {
        margin-right: 4px;
    }
    
    .dealer-single-info .info-meta a {
        font-size: 12px;
        text-decoration: underline;
        font-weight: 600;
        text-transform: uppercase;
    }
    
    .dealer-single-info .dl_info_meta {
        gap: 32px;
    }
    
    .dealer-single-info .dl_info_meta li a {
        color: #7A7A7A;
        font-weight: 500;
        font-size: 14px;
    }
    
    .dealer-single-info .dl_info_meta li+li {
        position: relative;
    }
    
    .dealer-single-info .dl_info_meta li+li::before {
        content: "";
        position: absolute;
        left: -16px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        height: 15px;
        background: rgba(11, 22, 63, 0.07);
    }
    
    @media (max-width: 1399.98px) {
        .dealer-single-info .dl_info_meta {
            gap: 16px;
        }
        .dealer-single-info .dl_info_meta li+li::before {
            display: none;
        }
    }
    
    .dealer-single-info .review_share_btns a {
        padding: 10px 13px;
        border: 1px solid rgba(11, 22, 63, 0.07);
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        color: #111010;
        margin-right: 8px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .dealer-single-info .review_share_btns a span {
        color: #FF9729;
    }
    
    .dealer-single-info .review_share_btns a:hover {
        color: #20a8d9;
    }
    
    .dealer-single-tab .nav {
        padding-bottom: 6px;
        gap: 60px;
    }
    
    .dealer-single-tab .nav li a {
        font-size: 14px;
        font-weight: 700;
        color: #111010;
        padding: 10px 0;
    }
    
    .dealer-single-tab .nav li a.active {
        color: #20a8d9;
        border-bottom: 2px solid #20a8d9;
    }
    
    @media (max-width: 767.98px) {
        .dealer-single-tab .nav {
            gap: 24px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
    }
    
    .dealer_reviews>li {
        max-width: 700px;
    }
    
    .dealer_reviews>li+li {
        margin-top: 40px;
        position: relative;
    }
    
    .dealer_reviews>li+li::before {
        content: "";
        position: absolute;
        left: 0;
        top: -20px;
        width: 100%;
        height: 1px;
        background: rgba(11, 22, 63, 0.07);
    }
    
    .dealer_reviews>li .date {
        font-size: 12px;
        font-weight: 500;
    }
    
    .dealer_reviews>li .review-stars li {
        font-size: 10px;
        color: #FF9729;
    }
    
    .review_box .review-form-wrap>span {
        font-size: 14px;
        font-weight: 500;
    }
    
    .review_box .review-form-wrap .rating li {
        color: #FF9729;
        font-size: 12px;
    }
    
    .review_box .review-form-wrap .rating li:last-child {
        color: #575757;
    }
    
    .review_box .review-form-wrap form input,
    .review_box .review-form-wrap form textarea {
        outline: 0;
        color: #111010;
    }
    
    .review_box .review-form-wrap form input::-webkit-input-placeholder,
    .review_box .review-form-wrap form textarea::-webkit-input-placeholder {
        color: #C2C2C2;
    }
    
    .review_box .review-form-wrap form input::-moz-placeholder,
    .review_box .review-form-wrap form textarea::-moz-placeholder {
        color: #C2C2C2;
    }
    
    .review_box .review-form-wrap form input:-ms-input-placeholder,
    .review_box .review-form-wrap form textarea:-ms-input-placeholder {
        color: #C2C2C2;
    }
    
    .review_box .review-form-wrap form input::-ms-input-placeholder,
    .review_box .review-form-wrap form textarea::-ms-input-placeholder {
        color: #C2C2C2;
    }
    
    .review_box .review-form-wrap form input::placeholder,
    .review_box .review-form-wrap form textarea::placeholder {
        color: #C2C2C2;
    }
    /************** dealership single sidebar ***************/
    
    .dl_sidebar_widget {
        padding: 32px 16px;
        max-width: 500px;
    }
    
    .dl_sidebar_widget .rating-box span {
        font-weight: 500;
        font-size: 14px;
        color: #C2C2C2;
        display: block;
    }
    
    .dl_sidebar_widget .rating-box ul {
        line-height: 0.8em;
    }
    
    .dl_sidebar_widget .rating-box ul li {
        display: inline-block;
        font-size: 12px;
        color: #FF9729;
        line-height: 0;
    }
    
    .dl_form_style input,
    .dl_form_style .form-select,
    .dl_form_style textarea {
        padding: 11px 16px;
        font-size: 14px;
        color: #111010;
    }
    
    .dl_form_style input::-webkit-input-placeholder,
    .dl_form_style .form-select::-webkit-input-placeholder,
    .dl_form_style textarea::-webkit-input-placeholder {
        color: #C2C2C2;
    }
    
    .dl_form_style input::-moz-placeholder,
    .dl_form_style .form-select::-moz-placeholder,
    .dl_form_style textarea::-moz-placeholder {
        color: #C2C2C2;
    }
    
    .dl_form_style input:-ms-input-placeholder,
    .dl_form_style .form-select:-ms-input-placeholder,
    .dl_form_style textarea:-ms-input-placeholder {
        color: #C2C2C2;
    }
    
    .dl_form_style input::-ms-input-placeholder,
    .dl_form_style .form-select::-ms-input-placeholder,
    .dl_form_style textarea::-ms-input-placeholder {
        color: #C2C2C2;
    }
    
    .dl_form_style input::placeholder,
    .dl_form_style .form-select::placeholder,
    .dl_form_style textarea::placeholder {
        color: #C2C2C2;
    }
    
    .dl_card_box .figure_img img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .dl_card_box .figure_img img:hover {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }
    
    .dl_card_box h5,
    .dl_card_box .h5 {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .dl_card_box h5:hover,
    .dl_card_box .h5:hover {
        color: #20a8d9;
    }
    
    .dl_card_box .listing-count {
        font-size: 14px;
        z-index: 1;
    }
    
    .dl_card_box .slide_meta_text {
        font-weight: 500;
        font-size: 12px;
    }
    
    .dl_card_box .slide_meta_text i {
        margin-right: 4px;
    }
    
    .dl_card_box .slide_meta_text.phone {
        font-size: 14px;
        font-weight: 600;
    }
    
    .dl_card_box .dl_social {
        gap: 8px;
    }
    
    .dl_card_box .dl_social a {
        width: 35px;
        height: 35px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid rgba(11, 22, 63, 0.07);
        border-radius: 3px;
        color: #C2C2C2;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .dl_card_box .dl_social a:hover {
        color: #20a8d9;
    }
    
    @media (max-width: 767.98px) {
        .dl_card_box h5,
        .dl_card_box .h5 {
            font-size: 18px;
        }
    }
    
    .dl_slider_widget .slick-list {
        margin: 0 -8px;
    }
    
    .dl_slider_widget .slick-list .slick-slide {
        margin: 0 8px;
    }
    
    .dl_slider_widget .slick-dots {
        position: absolute;
        right: 0;
        top: -32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 4px;
    }
    
    .dl_slider_widget .slick-dots li {
        display: inline-block;
        line-height: 0;
    }
    
    .dl_slider_widget .slick-dots li button {
        font-size: 0;
        width: 8px;
        height: 8px;
        background: #C2C2C2;
        border-radius: 50%;
        padding: 0;
    }
    
    .dl_slider_widget .slick-dots li.slick-active button {
        background: #20a8d9;
    }
    
    .dl_posts li+li {
        margin-top: 32px;
        position: relative;
    }
    
    .dl_posts li+li::before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background: rgba(11, 22, 63, 0.07);
        top: -16px;
    }
    
    .dl_posts li .thumb-wrapper img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .dl_posts li .thumb-wrapper img:hover {
        -webkit-transform: scale(1.06);
        transform: scale(1.06);
    }
    
    .dl_posts li .dl_post_content h6,
    .dl_posts li .dl_post_content .h6 {
        font-size: 16px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .dl_posts li .dl_post_content h6:hover,
    .dl_posts li .dl_post_content .h6:hover {
        color: #20a8d9;
    }
    
    .dl_posts li .dl_post_content .meta-text {
        font-size: 12px;
        font-weight: 500;
    }
    
    .dl_posts li .dl_post_content .meta-text i {
        margin-right: 4px;
    }
    
    .dl_posts li .dl_post_content .price {
        font-weight: 500;
        font-size: 15px;
        display: block;
    }
    
    .dl_info_widget a.btn-primary {
        -webkit-box-shadow: 0px 20px 50px rgba(252, 0, 18, 0.2);
        box-shadow: 0px 20px 50px rgba(252, 0, 18, 0.2);
    }
    /***************** shop sidebar ***************/
    
    .shop_sidebar_ct_list {
        height: 240px;
    }
    
    .shop_sidebar_ct_list li {
        font-size: 14px;
    }
    
    .shop_sidebar_ct_list li a {
        font-size: 14px;
        font-weight: 500;
        color: #7A7A7A;
        padding: 8px 12px 8px 0;
        display: block;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .shop_sidebar_ct_list li a:hover {
        color: #20a8d9;
    }
    
    .shop-range-widget .range-filter input {
        padding: 4px 0;
    }
    
    .shop-range-widget .range-filter .submit-btn {
        border: 1px solid rgba(11, 22, 63, 0.07);
        background: rgba(194, 194, 194, 0.2);
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .shop-colors-widget form label {
        position: relative;
        display: inline-block;
        margin-right: 6px;
    }
    
    .shop-colors-widget form label input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    
    .shop-colors-widget form label input:checked~span i {
        opacity: 1;
    }
    
    .shop-colors-widget form label span {
        width: 20px;
        height: 20px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 10px;
    }
    
    .shop-colors-widget form label span i {
        color: #fff;
        opacity: 0;
    }
    
    .shop-colors-widget form .filter-btns {
        position: relative;
    }
    
    .shop-colors-widget form .filter-btns::before {
        content: "";
        position: absolute;
        left: -20px;
        width: calc(100% + 80px);
        top: -24px;
        height: 1px;
        background: rgba(11, 22, 63, 0.07);
    }
    
    .shop-colors-widget form .filter-btns .btn {
        padding: 8px 22px;
        border-radius: 1px;
    }
    
    .shop-colors-widget form .filter-btns .reset-btn {
        background: rgba(194, 194, 194, 0.2);
        margin-left: 16px;
        outline: 0;
        border: 0;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .shop-colors-widget form .filter-btns .reset-btn:hover {
        background: #111010;
        color: #fff;
    }
    
    .shop-products-widget>ul>li {
        position: relative;
    }
    
    .shop-products-widget>ul>li+li::before {
        content: "";
        position: absolute;
        left: -20px;
        top: -24px;
        width: calc(100% + 80px);
        height: 1px;
        background: rgba(11, 22, 63, 0.07);
    }
    
    .shop-products-widget>ul>li .feature-thumb {
        width: 80px;
    }
    
    .shop-products-widget>ul>li .rating-box li {
        font-size: 10px;
        color: #FF9729;
        margin-right: 1px;
    }
    
    .shop-products-widget>ul>li .title {
        margin-top: 4px;
        font-size: 14px;
        color: #111010;
        font-weight: 700;
        line-height: 1.3em;
        display: block;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .shop-products-widget>ul>li .title:hover {
        color: #20a8d9;
    }
    
    .shop-products-widget>ul>li .price del,
    .shop-products-widget>ul>li .price span {
        font-size: 12px;
        font-weight: 600;
        color: #7A7A7A;
    }
    /************ product details tab ************/
    
    .product-details-tab-content>ul {
        gap: 24px;
        background: #fff;
    }
    
    .product-details-tab-content>ul li a {
        padding: 14px 35px;
        font-size: 14px;
        font-weight: 600;
        background-color: #fff;
        border-radius: 3px;
        color: #111010;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        display: inline-block;
        border: 1px solid rgba(11, 22, 63, 0.07);
    }
    
    .product-details-tab-content>ul li a.active {
        background-color: #20a8d9;
        color: #fff;
        -webkit-box-shadow: 0px 10px 30px rgba(252, 0, 18, 0.2);
        box-shadow: 0px 10px 30px rgba(252, 0, 18, 0.2);
        border-color: #20a8d9;
    }
    
    .description-tab-box .bg-color {
        background: #F6F6F6;
    }
    
    .description-tab-box table {
        width: 100%;
    }
    
    .description-tab-box table tr {
        border-bottom: 1px solid rgba(11, 22, 63, 0.07);
    }
    
    .description-tab-box table tr td {
        padding: 8px 0;
        font-size: 14px;
        font-weight: 500;
    }
    
    .review-tab-box .rating-field li {
        font-size: 14px;
        font-weight: 500;
    }
    
    .review-tab-box .rating-field li i {
        color: #FF9729;
    }
    
    .users_review .top-left span {
        font-size: 14px;
        font-weight: 500;
    }
    /***************** product details sidebar ****************/
    
    .pd-widget-title {
        position: relative;
    }
    
    .pd-widget-title::before {
        content: "";
        position: absolute;
        left: -20px;
        bottom: 0;
        width: calc(100% + 40px);
        height: 1px;
        background-color: rgba(11, 22, 63, 0.07);
    }
    /*************** related products slider **************/
    
    .rl-products-slider .flash-controls {
        left: auto;
        right: 0;
        top: -60px;
    }
    
    .rl-products-slider .flash-controls.slider-button-prev {
        right: 60px;
        background: #111010;
    }
    
    .rl-products-slider .flash-controls.slider-button-prev:hover {
        background: #20a8d9;
    }
    
    @media (max-width: 767.98px) {
        .rl-products-slider .flash-controls {
            display: none;
        }
    }
    
    .contact-form-area {
        padding: 25px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border-radius: 20px;
    }
    
    .contact-form-area h4 {
        text-align: center;
        border-top: 2px solid #20a8d9;
        border-bottom: 2px solid #20a8d9;
        padding: 5px 0px;
        width: 360px;
        margin: auto;
        font-size: 20px;
    }
    
    .ct-form-wrapper .input-field input,
    .ct-form-wrapper .input-field textarea {
        padding: 12px 18px;
        outline: 0;
    }
    
    .ct-form-wrapper .input-field .form-select {
        padding: 12px 18px;
    }
    
    .contact-info li+li {
        margin-top: 30px;
    }
    
    .contact-info li .icon-wrapper {
        width: 50px;
        height: 50px;
        background: rgba(252, 0, 18, 0.05);
        color: #20a8d9;
        font-size: 20px;
    }
    
    .contact-info li .info-content span {
        font-size: 14px;
        font-weight: 500;
    }
    
    .contact-info li .info-content a {
        font-weight: 700;
        color: #111010;
    }
    
    .contact-social a {
        width: 48px;
        height: 48px;
        border: 1px solid rgba(11, 22, 63, 0.07);
        color: #7A7A7A;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 4px;
        font-size: 18px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        margin-right: 10px;
    }
    
    .contact-social a:hover {
        border-color: #20a8d9;
        background-color: #20a8d9;
        color: #fff;
    }
    /************** dealership slider **************/
    
    .dealership-slider-area>.container {
        background-color: #F8F8F8;
    }
    
    .dealership-slider-area>.container.mt--80 {
        margin-top: -80px;
    }
    
    .dealership-slider .swiper-pagination {
        bottom: 60px;
    }
    
    .dealership-slider .swiper-pagination .swiper-pagination-bullet::before {
        background: #111010;
    }
    
    @media (max-width: 767.98px) {
        .dealership-slider .swiper-pagination {
            bottom: 15px;
        }
    }
    
    .dealership-single .dealers-info li+li {
        margin-top: 12px;
    }
    
    .dealership-single .dealers-info li .info-text {
        font-weight: 500;
        font-size: 14px;
        color: #7A7A7A;
    }
    
    .dealership-single .map-btn {
        font-size: 14px;
        font-weight: 700;
        color: #20a8d9;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .dealership-single .map-btn:hover {
        color: #111010;
    }
    
    .login-section .bg-primary-blur {
        width: 200px;
        height: 200px;
        background: rgba(252, 0, 18, 0.3);
        -webkit-filter: blur(200px);
        filter: blur(200px);
    }
    
    .login-form .cookies-area label,
    .login-form .cookies-area a {
        font-size: 14px;
        font-weight: 500;
    }
    
    .login-form .cookies-area a {
        text-decoration: underline;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        color: #0086FF;
    }
    
    .login-form .cookies-area a:hover {
        color: #20a8d9;
    }
    
    .login-form .login-btns {
        gap: 24px;
    }
    
    .login-form .login-btns button,
    .login-form .login-btns a {
        width: 50%;
        text-align: center;
    }
    
    .login-form .login-btns .outline-btn svg path {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .login-form .login-btns .outline-btn:hover svg path {
        fill: #fff !important;
    }
    
    @media (max-width: 1199.98px) {
        .login-form .login-btns button,
        .login-form .login-btns a {
            width: auto;
        }
    }
    
    .login-form p {
        font-weight: 500;
        font-size: 14px;
    }
    
    .login-form p a {
        color: #0086FF;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .login-form p a:hover {
        color: #20a8d9;
    }
    
    .login-form-right .bg-star-color {
        width: 206px;
        height: 200px;
        background: rgba(255, 151, 41, 0.5);
        -webkit-filter: blur(200px);
        filter: blur(200px);
        border-radius: 50%;
    }
    
    .login-form-right .ball-shape {
        top: 50%;
        right: -90px;
    }
    
    .promotion-section .bg-primary-shape {
        width: 500px;
        height: 500px;
        background-color: rgba(252, 0, 18, 0.1);
        -webkit-filter: blur(200px);
        filter: blur(200px);
    }
    
    .promotion-title-top .section-desc {
        border-left: 2px solid #20a8d9;
        padding-left: 24px;
        margin-left: -24px;
    }
    
    @media (max-width: 991.98px) {
        .promotion-title-top .section-desc {
            margin-left: 0;
            border-left: 0;
        }
    }
    
    .promotion-pricing-plan .bg-circle-shape {
        width: 250px;
        height: 250px;
        background: rgba(255, 151, 41, 0.2);
        -webkit-filter: blur(200px);
        filter: blur(200px);
        right: -100px;
        bottom: -100px;
    }
    
    .promotion-price-single {
        padding: 40px 32px;
    }
    
    .promotion-price-single .pr-icon {
        position: absolute;
        right: 40px;
        top: 40px;
        z-index: -1;
    }
    
    .promotion-price-single h2,
    .promotion-price-single .h2 {
        font-weight: 800;
        font-size: 48px;
    }
    
    .promotion-price-single h2 span,
    .promotion-price-single .h2 span {
        font-weight: 600;
        font-size: 16px;
        color: #7A7A7A;
    }
    
    .promotion-price-single .spacer {
        width: calc(100% + 70px);
        height: 1px;
        margin-left: -35px;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(19.79%, #E9E9E9), color-stop(76.56%, #E9E9E9), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(360deg, #E9E9E9 19.79%, #E9E9E9 76.56%, rgba(255, 255, 255, 0) 100%);
        display: block;
    }
    
    .promotion-price-single ul li {
        font-size: 14px;
    }
    
    .promotion-price-single ul li+li {
        margin-top: 12px;
    }
    /************ checkout *****************/
    
    .checkout-badge {
        padding: 18px 24px;
        color: #111010;
        font-weight: 500;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .checkout-badge strong {
        font-weight: 700;
    }
    
    .checkout-badge:hover {
        color: #111010;
    }
    
    .checkout-box {
        padding: 40px 32px;
    }
    
    span.spacer {
        width: 100%;
        height: 1px;
        background-color: rgba(11, 22, 63, 0.02);
        display: block;
        position: relative;
    }
    
    span.spacer::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 200px;
        height: 2px;
        background-color: #20a8d9;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .checkout-form .input-field {
        margin-bottom: 24px;
    }
    
    .checkout-form .input-field label {
        font-weight: 600;
        font-size: 14px;
        color: #111010;
        margin-bottom: 8px;
    }
    
    .checkout-form .input-field input {
        font-size: 14px;
    }
    
    .checkout-form .alternate-shipping {
        margin-top: -12px;
    }
    
    .checkout-form .alternate-shipping label {
        font-size: 14px;
        font-weight: 500;
    }
    
    .checkout-form .alternate-shipping-form {
        display: none;
    }
    
    .order-sidebar {
        padding: 40px 32px;
    }
    
    .order-sidebar span.spacer::before {
        width: 100px;
    }
    
    .order-sidebar table tr+tr {
        border-top: 1px solid rgba(11, 22, 63, 0.07);
    }
    
    .order-sidebar table tr th,
    .order-sidebar table tr td {
        font-weight: 500;
        padding: 12px 0;
    }
    
    .order-sidebar table tr th:last-child,
    .order-sidebar table tr td:last-child {
        text-align: right;
    }
    
    .order-sidebar table tr th {
        font-weight: 800;
        color: #111010;
    }
    
    .order-sidebar table tr td {
        font-size: 14px;
    }
    
    .order-sidebar .coupon-form button {
        min-width: 126px;
    }
    
    .order-sidebar .payments-method label {
        display: block;
    }
    
    .order-sidebar .payments-method label+label {
        margin-top: 16px;
    }
    /************** cart page **********/
    
    .shopping-cart-left .checkout-badge label {
        font-size: 14px;
    }
    
    .shopping-cart-left table th,
    .shopping-cart-left table td {
        padding: 12px 40px;
        vertical-align: middle;
        white-space: nowrap;
    }
    
    .shopping-cart-left table th h6,
    .shopping-cart-left table th .h6,
    .shopping-cart-left table td h6,
    .shopping-cart-left table td .h6 {
        font-size: 16px;
    }
    
    .shopping-cart-left table td {
        font-weight: 500;
    }
    
    .shopping-cart-left .cart-count {
        background: #F6F6F6;
        padding: 4px 6px;
    }
    
    .shopping-cart-left .cart-count input {
        width: 40px;
        padding: 0;
        background: transparent;
        border-radius: 3px;
        text-align: center;
        color: #0c0800;
        font-weight: 500;
    }
    
    .shopping-cart-left .cart-count button {
        color: #7A7A7A;
        font-weight: 500;
    }
    
    .shopping-cart-left .table-bottom {
        padding: 0 40px 24px;
    }
    
    .shopping-cart-left .table-bottom form {
        gap: 16px;
    }
    
    .shopping-cart-left .table-bottom form input {
        background: #F6F6F6;
        font-size: 14px;
    }
    
    .shopping-cart-left .table-bottom button {
        padding: 12px 30px;
        font-size: 14px;
    }
    
    .cart-sidebar {
        padding: 40px 32px;
    }
    
    .cart-sidebar .spacer::before {
        width: 80px;
    }
    
    .wishlist-table table tr+tr {
        border-top: 1px solid rgba(11, 22, 63, 0.07);
    }
    
    .wishlist-table table th,
    .wishlist-table table td {
        vertical-align: middle;
        white-space: nowrap;
        padding: 8px 32px;
        border: 0;
        font-weight: 500;
    }
    
    .wishlist-table table th {
        font-weight: 700;
    }
    
    .wishlist-table table td {
        padding: 16px 32px;
    }
    
    .wishlist-table table td h6,
    .wishlist-table table td .h6 {
        font-size: 16px;
    }
    
    .wishlist-table table .price-column {
        width: 300px;
    }
    
    .wishlist-table table .rating li {
        font-size: 14px;
    }
    
    .wishlist-table table .rating li i {
        color: #FF9729;
    }
    
    .wishlist-table table .stock-btn {
        background: #F6F6F6;
        padding: 8px 30px;
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
    }
    
    .wishlist-table table .close-btn {
        width: 35px;
        height: 35px;
        background: #F6F6F6;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 3px;
        color: #7A7A7A;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .wishlist-table table .close-btn:hover {
        color: #20a8d9;
    }
    
    .car-info-box {
        padding: 40px;
        margin-top: -60px;
    }
    
    .car-info-box .location {
        font-weight: 500;
    }
    
    .car-info-box .location i {
        margin-right: 6px;
    }
    
    .car-info-box .pricing {
        font-size: 30px;
    }
    
    .car-info-box .pricing span {
        font-size: 18px;
    }
    
    .car-info-box .right-btns {
        gap: 16px;
    }
    
    .car-info-box .right-btns a {
        width: 56px;
        height: 56px;
        background: #F6F6F6;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 4px;
        color: #7A7A7A;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .car-info-box .right-btns a:hover {
        color: #fff;
        background: #111010;
    }
    
    @media (max-width: 575.98px) {
        .car-info-box {
            padding: 32px 24px;
        }
    }
    /***************** car rental sidebar *************/
    
    .advisor-widget .author-info .rating-star li {
        font-size: 14px;
        font-weight: 500;
    }
    
    .advisor-widget .author-info .rating-star li i {
        color: #FF9729;
    }
    
    .advisor-widget .author-info a {
        text-decoration: underline;
    }
    
    .rental-feature-box {
        padding: 60px 24px 48px;
    }
    
    .rental-feature-box h6 span,
    .rental-feature-box .h6 span {
        width: 10px;
        height: 10px;
        background: #0b163f;
        display: inline-block;
        border-radius: 50%;
    }
    
    .rating-field li {
        font-size: 14px;
        font-weight: 500;
        margin-right: 1px;
    }
    
    .rating-field li i {
        color: #FF9729;
    }
    
    .rental-review-box {
        padding: 32px 32px 48px;
    }
    
    .rental-review-box .review-star {
        gap: 16px;
    }
    
    .rental-review-box .review-star ul li {
        font-size: 14px;
        font-weight: 500;
    }
    
    .rental-review-box .review-star ul li i {
        color: #FF9729;
    }
    
    .users_review .gap-24 {
        gap: 24px;
    }
    /*************** feedback section start *********/
    
    .sr-feedback-single {
        padding: 0 24px 40px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .sr-feedback-single .sr-feedback-top .client-thumb {
        margin-top: -40px;
    }
    
    .sr-feedback-single .sr-feedback-top span {
        font-size: 14px;
    }
    
    .sr-feedback-single .sr-feedback-quote .quote {
        width: 30px;
        height: 30px;
        position: relative;
    }
    
    .sr-feedback-single .sr-feedback-quote .quote::before {
        content: "";
        position: absolute;
        left: -10px;
        top: -10px;
        width: 50px;
        height: 50px;
        border: 1px dashed #20a8d9;
        border-radius: 50%;
    }
    
    .sr-feedback-single .sr-feedback-quote .hr-line {
        width: 100%;
        height: 1px;
        background: rgba(11, 22, 63, 0.07);
        display: block;
    }
    
    .sr-feedback-single:hover {
        -webkit-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
    }
    
    .deals-list-info li .icon-wrapper {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }
    /*************** service section start ***************/
    
    .sr-section-title h2 .shape-primary,
    .sr-section-title .h2 .shape-primary {
        position: relative;
    }
    
    .sr-section-title h2 .shape-primary::after,
    .sr-section-title .h2 .shape-primary::after {
        content: "";
        width: 252px;
        height: 125px;
        border: 3px solid #20a8d9;
        position: absolute;
        bottom: -120px;
        right: -25px;
        border-radius: 50%;
        -webkit-clip-path: circle(45.4% at 50% 0);
        clip-path: circle(45.4% at 50% 0);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    
    .sr-service-single .feature-img {
        position: relative;
        z-index: 1;
    }
    
    .sr-service-single .feature-img::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(5.11%, rgba(0, 0, 0, 0.7)), color-stop(46.65%, rgba(0, 0, 0, 0.532)), to(rgba(0, 0, 0, 0)));
        background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.7) 5.11%, rgba(0, 0, 0, 0.532) 46.65%, rgba(0, 0, 0, 0) 100%);
        z-index: 1;
        opacity: 0;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .sr-service-single .feature-img img {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .sr-service-single .icon-wrapper {
        width: 88px;
        height: 88px;
        -webkit-box-shadow: 0px 6px 20px rgba(0, 56, 60, 0.2);
        box-shadow: 0px 6px 20px rgba(0, 56, 60, 0.2);
        top: -65px;
        left: 0;
        border-radius: 0 1px 0 0;
        z-index: 2;
    }
    
    .sr-service-single .icon-wrapper img {
        width: 40px;
    }
    
    .sr-service-single .icon-wrapper::before {
        content: "";
        position: absolute;
        left: 0;
        top: -6px;
        width: calc(100% + 6px);
        height: 6px;
        background: #20a8d9;
        border-radius: 0 4px 0 0;
    }
    
    .sr-service-single .icon-wrapper::after {
        content: "";
        position: absolute;
        right: -6px;
        top: -6px;
        width: 6px;
        height: 70px;
        background: #20a8d9;
        border-radius: 0 4px 0 0;
    }
    
    .sr-service-single h4,
    .sr-service-single .h4 {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .sr-service-single h4:hover,
    .sr-service-single .h4:hover {
        color: #20a8d9;
    }
    
    .sr-service-single .btn-secondary {
        overflow: hidden;
    }
    
    .sr-service-single .btn-secondary span {
        position: relative;
        z-index: 3;
    }
    
    .sr-service-single .btn-secondary span i {
        margin-left: 8px;
    }
    
    .sr-service-single .btn-secondary::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(269.21deg, rgba(39, 38, 38, 0) 4.94%, #111010 41.79%, #111010 92.59%);
        z-index: 1;
    }
    
    .sr-service-single .btn-secondary::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(269.21deg, rgba(252, 0, 18, 0) 4.94%, rgba(252, 0, 18, 0.87) 41.79%, #20a8d9 92.59%);
        z-index: 2;
        opacity: 0;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .sr-service-single .btn-secondary .tire-shape-black {
        opacity: 1;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .sr-service-single .btn-secondary .tire-shape-white {
        opacity: 0;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .sr-service-single .btn-secondary:hover {
        background-color: #20a8d9;
        border-color: #20a8d9;
    }
    
    .sr-service-single .btn-secondary:hover::before {
        opacity: 0;
    }
    
    .sr-service-single .btn-secondary:hover::after {
        opacity: 1;
    }
    
    .sr-service-single .btn-secondary:hover .tire-shape-black {
        opacity: 0;
    }
    
    .sr-service-single .btn-secondary:hover .tire-shape-white {
        opacity: 1;
    }
    
    .sr-service-single:hover .feature-img img {
        -webkit-transform: scale(1.001);
        transform: scale(1.001);
    }
    
    .sr-service-single:hover .feature-img::before {
        opacity: 1;
    }
    /****************** feature section start *****************/
    
    .sr-feature-section .primary-blur {
        width: 550px;
        height: 550px;
        background: rgba(252, 0, 18, 0.1);
        -webkit-filter: blur(200px);
        filter: blur(200px);
    }
    
    .sr-feature-section .yellow-blur {
        width: 550px;
        height: 550px;
        background: rgba(255, 151, 41, 0.1);
        -webkit-filter: blur(200px);
        filter: blur(200px);
    }
    
    .sr-ft-list li {
        position: relative;
    }
    
    .sr-ft-list li+li {
        margin-top: 24px;
    }
    
    .sr-ft-list li .sr-ft-list-content {
        padding: 32px 50px 32px 24px;
        margin-right: 25px;
        -webkit-box-shadow: 0px 4px 50px rgba(0, 56, 60, 0.05);
        box-shadow: 0px 4px 50px rgba(0, 56, 60, 0.05);
    }
    
    .sr-ft-list li .sr-ft-list-content.icon-left {
        padding: 32px 24px 32px 50px;
        margin-right: auto;
        margin-left: 25px;
    }
    
    .sr-ft-list li .icon-wrapper {
        width: 56px;
        height: 56px;
        -webkit-box-shadow: 0px 6px 20px rgba(0, 56, 60, 0.2);
        box-shadow: 0px 6px 20px rgba(0, 56, 60, 0.2);
        color: #20a8d9;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-size: 24px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .sr-ft-list li .icon-wrapper.icon-left {
        right: auto;
        left: 0;
    }
    /**************** dealership2 hero ****************/
    
    .dl2-hero-section {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
        padding: 120px 0 480px 0;
    }
    
    .dl2-hero-section .at-header-social {
        top: calc(50% - 260px);
    }
    
    .dl2-hero-section .btn-scroll-down {
        right: -40px;
        bottom: 100px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        z-index: 1;
    }
    
    @media (max-width: 575.98px) {
        .dl2-hero-section {
            padding: 65px 0 150px 0;
        }
    }
    
    .dl2-search-car .border-left-linear {
        left: -16px;
        bottom: -16px;
    }
    
    .dl2-search-car .border-right-linear {
        right: -16px;
        top: 25px;
    }
    
    .dl2-search-car .nav li a {
        color: #fff;
        padding: 4px 20px;
        font-weight: 500;
        border-radius: 4px;
        position: relative;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .dl2-search-car .nav li a::before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -8px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 20px;
        height: 10px;
        background: #fff;
        -webkit-clip-path: polygon(50% 99%, 0 0, 100% 0);
        clip-path: polygon(50% 99%, 0 0, 100% 0);
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        opacity: 0;
    }
    
    .dl2-search-car .nav li a.active {
        background: #fff;
        color: #20a8d9;
    }
    
    .dl2-search-car .nav li a.active::before {
        opacity: 1;
    }
    
    .dl2-search-form {
        gap: 10px;
    }
    
    .dl2-search-form .submit-btn {
        width: 43px;
        height: 43px;
        background: #20a8d9;
        color: #fff;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        border-radius: 4px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .dl2-search-form .submit-btn:hover {
        color: #111010;
    }
    /************* dealership about section **************/
    
    .ds-about-info .dots-wide {
        left: -150px;
        bottom: -120px;
    }
    
    .about-info-box {
        padding: 40px 32px 40px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .about-info-box .icon-wrapper {
        width: 56px;
        height: 56px;
        background: rgba(252, 0, 18, 0.05);
        color: #20a8d9;
        font-size: 24px;
    }
    
    .about-info-box:hover {
        -webkit-box-shadow: 15px 30px 70px rgba(0, 0, 0, 0.08);
        box-shadow: 15px 30px 70px rgba(0, 0, 0, 0.08);
    }
    
    .bs-brands {
        padding: 60px 40px;
    }
    
    .bs-brands .title-top {
        gap: 16px;
    }
    
    .bs-brands .bs-brand-wrapper {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        border: 1px solid rgba(11, 22, 63, 0.07);
        height: 140px;
        padding: 24px;
    }
    
    .bs-brands .bs-brand-wrapper:hover {
        -webkit-box-shadow: 15px 30px 70px rgba(0, 0, 0, 0.08);
        box-shadow: 15px 30px 70px rgba(0, 0, 0, 0.08);
        border-color: transparent;
    }
    
    @media (max-width: 480px) {
        .bs-brands {
            padding: 40px 24px;
        }
        .bs-brands .bs-brand-wrapper {
            padding: 16px;
            height: 130px;
        }
    }
    
    .explore-link {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        color: #20a8d9;
    }
    
    .explore-link:hover {
        color: #111010;
    }
    
    .dl2-banner-slider .swiper-pagination {
        width: auto;
        bottom: 6px;
        left: 24px;
    }
    
    .dl2-banner-single {
        padding: 40px 24px;
    }
    
    .dl2-banner-single .banner-subtitle {
        position: relative;
        display: inline-block;
        color: #20a8d9;
        font-weight: 700;
    }
    
    .dl2-banner-single .banner-subtitle::after {
        content: "";
        position: absolute;
        left: calc(100% + 5px);
        bottom: 8px;
        width: 60px;
        height: 2px;
        background: #20a8d9;
    }
    
    .dl2-banner-single .dots-shape {
        right: 30px;
        bottom: 30px;
    }
    
    .dl2-banner-single .tire-circle {
        left: 30px;
        bottom: 190px;
    }
    /**************** dealership call to action ***************/
    
    .ds-call-to-action {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right center;
    }
    
    .gradient-overlay {
        background: linear-gradient(89.79deg, #151414 41.73%, rgba(0, 6, 39, 0) 99.79%);
    }
    
    .cta-btns-wrapper {
        gap: 32px;
    }
    
    @media (max-width: 575.98px) {
        .cta-btns-wrapper {
            gap: 16px;
        }
    }
    /************** featured listing **************/
    
    .listing-ft-controls {
        gap: 16px;
    }
    
    .listing-ft-controls button {
        padding: 10px 30px;
        background: #fff;
        font-weight: 600;
        color: #111010;
        border-radius: 4px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .listing-ft-controls button.active {
        background: #20a8d9;
        color: #fff;
    }
    
    .filter-card-lg .feature-img {
        overflow: hidden;
    }
    
    .filter-card-lg .feature-img img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }
    
    .filter-card-lg .feature-img img:hover {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }
    
    .filter-card-lg .content-wrapper {
        padding: 32px;
    }
    
    .filter-card-lg .content-wrapper span i {
        margin-right: 4px;
    }
    /*************** dealership counter ***************/
    
    .dl2-counterup-area {
        padding: 80px 48px;
    }
    
    .dl2-couter-box .icon-wrapper {
        width: 72px;
        height: 72px;
        font-size: 30px;
    }
    
    .dl2-couter-box.right-line::before {
        content: "";
        position: absolute;
        right: 6px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        height: 60px;
        background: rgba(255, 255, 255, 0.1);
    }
    
    @media (max-width: 1399.98px) {
        .dl2-couter-box.right-line::before {
            display: none;
        }
    }
    
    .dl2-feature-list li+li {
        margin-top: 60px;
    }
    
    .dl2-feature-list li .icon-wrapper {
        width: 80px;
        height: 80px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-size: 32px;
    }
    /*************** dealer section start ****************/
    
    .dl2-dealers {
        padding-bottom: 290px;
    }
    
    .dl2-dealer-card {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .dl2-dealer-card .dl_social a {
        border: 0;
        -webkit-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
    }
    
    .dl2-dealer-card .dl_social a:hover {
        color: #fff;
        background: #111010;
    }
    
    .dl2-dealer-card:hover {
        -webkit-box-shadow: 15px 30px 70px rgba(0, 0, 0, 0.08);
        box-shadow: 15px 30px 70px rgba(0, 0, 0, 0.08);
    }
    /****************** car body types *******************/
    
    .car-sorting-box {
        background-size: cover;
        background-repeat: no-repeat;
        padding: 60px 42px;
    }
    
    .car-sorting-box.mt--250 {
        margin-top: -250px;
    }
    
    @media (max-width: 575.98px) {
        .car-sorting-box {
            padding: 40px 24px;
        }
    }
    
    .dl2-car-brands {
        gap: 16px;
    }
    
    .dl2-car-brand-item {
        background: #383838;
        height: 120px;
        width: calc(20% - 14px);
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .dl2-car-brand-item:hover {
        background: rgba(252, 0, 18, 0.9);
    }
    
    @media (max-width: 991.98px) {
        .dl2-car-brand-item {
            width: calc(25% - 12px);
        }
    }
    
    @media (max-width: 767.98px) {
        .dl2-car-brand-item {
            width: calc(33% - 10px);
        }
    }
    
    @media (max-width: 575.98px) {
        .dl2-car-brand-item {
            width: calc(50% - 10px);
        }
    }
    /******************* dealership apps section ***************/
    
    .dl2-apps-content .bg-circle-shape {
        opacity: 0.15;
    }
    
    .dl2-apps-content .search-btn {
        left: 130px;
        top: 50px;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    /***************** dl2 blog card ***************/
    
    .dl2-blog-card .dl2-blog-card-content {
        position: absolute;
        z-index: 2;
        left: 0;
        bottom: 0;
        padding: 0 55px 40px 30px;
    }
    
    .dl2-blog-card .dl2-blog-card-content .dl2-blog-meta span {
        color: #fff;
        font-size: 12px;
    }
    
    .dl2-blog-card .dl2-blog-card-content .dl2-blog-meta span i {
        margin-right: 6px;
    }
    
    .dl2-blog-card .dl2-blog-card-content .blog-title {
        color: #fff;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        font-size: 30px;
    }
    
    .dl2-blog-card .dl2-blog-card-content .blog-title:hover {
        color: #20a8d9;
    }
    
    .dl2-blog-card .dl2-blog-card-content .dl2-blog-explore {
        color: #fff;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .dl2-blog-card .dl2-blog-card-content .dl2-blog-explore:hover {
        color: #20a8d9;
    }
    
    @media (max-width: 575.98px) {
        .dl2-blog-card {
            background: #111010;
        }
        .dl2-blog-card .gradient-overlay {
            display: none;
        }
        .dl2-blog-card .dl2-blog-card-content {
            position: relative;
        }
        .dl2-blog-card .dl2-blog-card-content .blog-title {
            font-size: 22px;
        }
    }
    
    .dl2-blog-card2 {
        padding: 24px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .dl2-blog-card2 .feature-img {
        max-width: 210px;
    }
    
    .dl2-blog-card2 .blog-meta span {
        font-size: 12px;
    }
    
    .dl2-blog-card2 .blog-meta span i {
        margin-right: 6px;
    }
    
    .dl2-blog-card2 .blog-title {
        font-size: 22px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .dl2-blog-card2 .blog-title:hover {
        color: #20a8d9;
    }
    
    .dl2-blog-card2 .dl2-blog-explore {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        color: #111010;
    }
    
    .dl2-blog-card2 .dl2-blog-explore:hover {
        color: #20a8d9;
    }
    
    .dl2-blog-card2:hover {
        -webkit-box-shadow: 15px 30px 70px rgba(0, 0, 0, 0.08);
        box-shadow: 15px 30px 70px rgba(0, 0, 0, 0.08);
    }
    
    @media (max-width: 767.98px) {
        .dl2-blog-card2 .feature-img {
            max-width: 100%;
            width: 100%;
        }
        .dl2-blog-card2 .feature-img img {
            width: 100%;
        }
    }
    /**************** moto rent hero *************/
    
    .moto-rent-hero {
        padding-bottom: 40px;
    }
    
    .moto-rent-hero .md-header-social {
        bottom: 50%;
    }
    
    .moto-rent-hero .md-header-social ul li a:hover {
        color: #FE5915;
    }
    
    .moto-rent-hero .doted-white {
        left: 24px;
        bottom: 35px;
    }
    
    .moto-rent-hero .texture-yellow {
        right: 0;
        top: 0;
        width: 50%;
        height: 100%;
    }
    
    .moto-rent-hero .wave-shape {
        right: 0;
        top: 0;
        width: 50%;
    }
    
    @media (max-width: 1199.98px) {
        .moto-rent-hero {
            padding: 100px 0 60px 0;
        }
    }
    
    .bg-texture-gradient::after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        top: 0;
        height: 100%;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#111010), to(rgba(17, 16, 16, 0.81)));
        background-image: linear-gradient(180deg, #111010 0%, rgba(17, 16, 16, 0.81) 100%);
        z-index: -1;
    }
    
    .hero-bike-slider {
        width: 776px;
        padding: 40px 0 0 50px;
    }
    
    .hero-bike-slider .bike-slider-pagination {
        top: auto;
        bottom: 40px;
        left: 332px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 250px;
        z-index: 15;
        background: #111010;
        height: 2px;
    }
    
    .hero-bike-slider .bike-slider-pagination .swiper-pagination-progressbar-fill {
        background: #FE5915;
    }
    
    .hero-bike-slider .bike-pagination-text {
        position: absolute;
        bottom: 30px;
        left: 90px;
        width: 465px;
        z-index: 10;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    
    .hero-bike-slider .bike-pagination-text span {
        font-size: 12px;
        color: #111010;
        background-color: #FCEFE5;
        padding: 2px 4px;
        display: inline-block;
        font-weight: 700;
        border-radius: 2px;
    }
    
    @media (max-width: 1440px) {
        .hero-bike-slider {
            width: 100%;
            padding-left: 0;
        }
        .hero-bike-slider .bike-slider-pagination {
            width: 180px;
            left: 290px;
        }
        .hero-bike-slider .bike-pagination-text {
            width: 380px;
        }
    }
    
    @media (max-width: 575.98px) {
        .hero-bike-slider .bike-slider-pagination {
            left: 150px;
            display: none;
        }
        .hero-bike-slider .bike-pagination-text {
            display: none;
        }
    }
    
    .hero-bike-single {
        padding-bottom: 60px;
    }
    
    .hero-bike-single .slide-index {
        font-size: 120px;
        color: #FFD7B4;
        bottom: 50px;
        left: 0;
        line-height: 0;
    }
    
    @media (max-width: 575.98px) {
        .hero-bike-single .slide-index {
            font-size: 80px;
        }
    }
    /************** hero search *****************/
    
    .md-hero-search {
        margin-top: -25px;
        position: relative;
        z-index: 2;
    }
    
    .md-search-form {
        padding: 24px 32px;
        gap: 40px;
    }
    
    .md-search-form .md-search-form-fields {
        gap: 60px;
    }
    
    .md-search-form .md-search-form-fields .md-select-box+.md-select-box {
        position: relative;
    }
    
    .md-search-form .md-search-form-fields .md-select-box+.md-select-box::before {
        content: "";
        position: absolute;
        left: -30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        height: 40px;
        background-color: rgba(11, 22, 63, 0.07);
    }
    
    .md-search-form .mds-btn {
        width: 64px;
        height: 64px;
        font-size: 24px;
        background-color: #FE5915;
        border-radius: 6px;
        color: #fff;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .md-search-form .mds-btn:hover {
        background-color: #2A2929;
    }
    
    @media (max-width: 991.98px) {
        .md-search-form .md-search-form-fields {
            gap: 24px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        .md-search-form .md-search-form-fields .md-select-box+.md-select-box::before {
            display: none;
        }
    }
    
    .md-select-box {
        width: 182px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    
    .md-select-box label {
        color: #111010;
        font-weight: 500;
    }
    
    .md-select-box .form-select {
        margin-top: -10px;
        margin-left: -14px;
        max-width: 170px;
    }
    
    @media (max-width: 991.98px) {
        .md-select-box {
            width: calc(50% - 12px);
        }
    }
    
    @media (max-width: 480px) {
        .md-select-box {
            width: 100%;
            border-bottom: 1px solid rgba(11, 22, 63, 0.07);
        }
    }
    
    .md-category-section {
        padding-bottom: 95px;
    }
    
    .md-ct-single-item {
        border-radius: 6px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        min-height: 250px;
    }
    
    .md-ct-single-item .md-ct-single-box {
        background-color: #fff;
        padding: 32px 24px;
        border-radius: 6px 6px 0 0;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .md-ct-single-item .icon-wrapper {
        background-color: rgba(252, 0, 18, 0.05);
        width: 80px;
        height: 80px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .md-ct-single-item .icon-wrapper svg path {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .md-ct-single-item h5,
    .md-ct-single-item .h5 {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .md-ct-single-item .total-count {
        font-size: 14px;
        font-weight: 500;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .md-ct-single-item .total-count .dot {
        width: 8px;
        height: 8px;
        background-color: #FE5915;
        display: inline-block;
        border-radius: 50%;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .md-ct-single-item .md-ct-explore-btn {
        position: absolute;
        white-space: nowrap;
        left: 50%;
        bottom: 20px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
        visibility: hidden;
        color: #fff;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .md-ct-single-item .md-ct-explore-btn span {
        width: 20px;
        height: 20px;
        background-color: #fff;
        color: #FE5915;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .md-ct-single-item .md-ct-explore-btn:hover span {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        background-color: #2A2929;
        color: #fff;
    }
    
    .md-ct-single-item:hover {
        background-color: #FE5915;
    }
    
    .md-ct-single-item:hover .md-ct-single-box {
        background-color: transparent;
    }
    
    .md-ct-single-item:hover .md-ct-single-box .icon-wrapper {
        background-color: rgba(255, 255, 255, 0.2);
    }
    
    .md-ct-single-item:hover .md-ct-single-box .icon-wrapper svg path {
        fill: #fff;
    }
    
    .md-ct-single-item:hover .md-ct-single-box h5,
    .md-ct-single-item:hover .md-ct-single-box .h5 {
        color: #fff;
    }
    
    .md-ct-single-item:hover .md-ct-single-box .total-count {
        color: #fff;
    }
    
    .md-ct-single-item:hover .md-ct-single-box .total-count .dot {
        background-color: #fff;
    }
    
    .md-ct-single-item:hover .md-ct-explore-btn {
        bottom: 32px;
        opacity: 1;
        visibility: visible;
    }
    /*************** call to action ****************/
    
    .md-cta-box {
        padding: 60px 48px;
        background-repeat: repeat;
    }
    
    .md-cta-box .bike-man {
        position: absolute;
        bottom: 0;
        right: 140px;
    }
    
    .md-cta-box .cta-shape {
        right: 120px;
        top: -25px;
    }
    
    @media (max-width: 1199.98px) {
        .md-cta-box {
            overflow: hidden;
        }
        .md-cta-box .bike-man {
            position: initial;
        }
    }
    
    @media (max-width: 767.98px) {
        .md-cta-box .bike-man {
            max-width: 100%;
        }
    }
    /**************** featured motor ********************/
    
    .md-bike-slider-wrapper .mk-bike-single {
        position: relative;
    }
    
    .md-bike-slider-wrapper .mk-bike-single span {
        font-size: 120px;
        color: #FCE6D3;
        bottom: 50px;
        left: 0;
        line-height: 0;
        font-weight: 700;
        opacity: 0.8;
        margin-top: 50px;
        display: inline-block;
    }
    
    .md-bike-slider-wrapper .mk-bike-single .ex-btn {
        position: absolute;
        left: 50%;
        top: 40%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 40px;
        height: 40px;
        background-color: #FE5915;
        color: #fff;
        z-index: 2;
        text-align: center;
        line-height: 40px;
        border-radius: 50%;
    }
    
    .md-bike-slider-wrapper .ft-bike-slider-pagination {
        width: 280px;
        height: 2px;
        background-color: #EAEDF2;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 80px;
        top: auto;
        bottom: 50px;
    }
    
    .md-bike-slider-wrapper .ft-bike-slider-pagination .swiper-pagination-progressbar-fill {
        background-color: #FE5915;
    }
    
    @media (max-width: 1199.98px) {
        .md-bike-slider-wrapper .ft-bike-slider-pagination {
            left: 34%;
        }
    }
    
    @media (max-width: 767.98px) {
        .md-bike-slider-wrapper .ft-bike-slider-pagination {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            width: 200px;
        }
    }
    
    @media (max-width: 575.98px) {
        .md-bike-slider-wrapper .ft-bike-slider-pagination {
            display: none;
        }
    }
    
    .md-bike-slider-wrapper .bike-pagination-text {
        position: absolute;
        bottom: 40px;
        left: 60px;
        width: 495px;
        z-index: 10;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    
    .md-bike-slider-wrapper .bike-pagination-text span {
        font-size: 12px;
        color: #111010;
        background-color: #EAEDF2;
        padding: 2px 4px;
        display: inline-block;
        font-weight: 700;
        border-radius: 2px;
    }
    
    @media (max-width: 991.98px) {
        .md-bike-slider-wrapper .bike-pagination-text {
            width: 410px;
        }
    }
    
    @media (max-width: 575.98px) {
        .md-bike-slider-wrapper .bike-pagination-text {
            display: none;
        }
    }
    
    .md-featured-motor-list {
        padding: 56px 32px;
    }
    
    .md-featured-motor-list::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(216.8deg, #111010 1.06%, rgba(17, 16, 16, 0.81) 52.14%);
        z-index: -1;
    }
    
    .md-featured-motor-list .nav.nav-tabs {
        max-height: 515px;
    }
    
    .md-featured-motor-list .nav.nav-tabs .mCustomScrollBox {
        width: 100%;
    }
    
    .md-featured-motor-list .nav.nav-tabs .mCSB_inside>.mCSB_container {
        margin-right: 0;
    }
    
    .md-featured-motor-list .nav.nav-tabs .mCSB_scrollTools {
        opacity: 0;
    }
    
    .motor-list-single {
        padding: 24px 20px;
        background-color: #2C2C2E;
        border-radius: 6px;
        gap: 20px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .motor-list-single .motor-list-content h5,
    .motor-list-single .motor-list-content .h5 {
        color: #fff;
    }
    
    .motor-list-single .motor-list-content .features {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .motor-list-single .motor-list-content .features span {
        color: #fff;
        font-size: 14px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .motor-list-single:hover {
        background-color: #FE5915;
    }
    
    .motor-list-single.active {
        background-color: #FE5915;
    }
    
    @media (max-width: 575.98px) {
        .motor-list-single {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
    }
    /************ about section start *************/
    
    .md-about-section {
        background-repeat: no-repeat;
        background-position: left center;
        background-size: cover;
    }
    
    .md-about-section::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(261.78deg, rgba(17, 16, 16, 0.95) 7.6%, rgba(17, 16, 16, 0.7695) 67.15%);
        z-index: -1;
    }
    
    ul.md-feature-list {
        gap: 32px;
    }
    
    ul.md-feature-list li {
        width: calc(50% - 16px);
    }
    
    ul.md-feature-list li h4,
    ul.md-feature-list li .h4 {
        font-size: 22px;
    }
    
    ul.md-feature-list li p {
        color: #E9E9E9;
        font-size: 15px;
    }
    
    @media (max-width: 767.98px) {
        ul.md-feature-list {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        ul.md-feature-list li {
            width: 100%;
        }
    }
    /******************* listing section ****************/
    
    .md-listing-single figure img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .md-listing-single .md-listing-single-content {
        padding: 24px 24px 32px;
    }
    
    .md-listing-single .md-listing-single-content .meta-data {
        font-size: 12px;
        font-weight: 500;
    }
    
    .md-listing-single .md-listing-single-content .meta-data i {
        margin-right: 4px;
    }
    
    .md-listing-single .md-listing-single-content ul.meta-list li {
        width: calc(50% - 12px);
        margin-bottom: 6px;
    }
    
    .md-listing-single .md-listing-single-content ul.meta-list li:nth-child(odd) {
        margin-right: 24px;
    }
    
    .md-listing-single:hover figure img {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    /******************* banner slider ******************/
    
    .md-banner-slider .md-banner-pagination {
        text-align: center;
        margin-top: 40px;
    }
    
    .md-banner-slider .md-banner-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background-color: #111010;
        opacity: 1;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .md-banner-slider .md-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 34px;
        background-color: #FE5915;
        border-radius: 50px;
    }
    /******************* feedback section ***************/
    
    .md-feedback-section {
        padding-bottom: 150px;
    }
    
    .md-feedback-single .clients_name {
        font-size: 18px;
        font-weight: 700;
        color: #111010;
        position: relative;
        padding-left: 40px;
        margin-left: 6px;
        display: inline-block;
    }
    
    .md-feedback-single .clients_name::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 4px;
        width: 35px;
        height: 2px;
        background-color: #111010;
    }
    
    .md-feedback-carousel .carousel-indicators {
        position: initial;
        margin: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    
    .md-feedback-carousel .carousel-indicators button {
        width: 48px;
        height: 48px;
        text-indent: 0;
        opacity: 1;
        border-radius: 50%;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .md-feedback-carousel .carousel-indicators button img {
        border: 2px solid #fff;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .md-feedback-carousel .carousel-indicators button.active {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        position: relative;
        z-index: 3;
    }
    
    .md-feedback-carousel .carousel-indicators button.active img {
        border-color: #FE5915;
    }
    
    .md-feedback-carousel .carousel-indicators button+button {
        margin-left: -15px;
    }
    
    .md-feedback-explore {
        font-size: 18px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        color: #FE5915;
    }
    
    .md-feedback-explore svg path {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .md-feedback-explore:hover {
        color: #2A2929;
    }
    
    .md-feedback-explore:hover svg path {
        color: #2A2929;
    }
    /*************** motor parts ************/
    
    .motor-pats {
        margin-top: -80px;
    }
    
    .motor-parts-box {
        padding: 70px 32px;
        border-radius: 10px;
    }
    
    .motor-parts-box::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(216.8deg, #111010 1.06%, rgba(17, 16, 16, 0.81) 52.14%);
        z-index: -1;
        border-radius: 10px;
    }
    
    .motor-parts-box .slide-control {
        width: 40px;
        height: 40px;
        background-color: #FE5915;
        color: #fff;
        border-radius: 50%;
        position: absolute;
        bottom: -20px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .motor-parts-box .slide-control:hover {
        background-color: #fff;
        color: #111010;
    }
    
    .motor-parts-box .slide-control.moto-parts-slider-prev {
        right: 100px;
    }
    
    .motor-parts-box .slide-control.moto-parts-slider-next {
        right: 48px;
    }
    
    .moto-parts-content p {
        color: #7B7B7B;
    }
    
    .parts-single {
        border-radius: 6px;
        padding: 24px 22px;
    }
    /*************** apps section ************/
    
    .md-send-links form {
        gap: 24px;
    }
    
    .md-send-links form .phone-number {
        -webkit-box-shadow: 12px 20px 60px rgba(0, 23, 104, 0.12);
        box-shadow: 12px 20px 60px rgba(0, 23, 104, 0.12);
    }
    
    .md-send-links form select {
        border-radius: 4px 0 0 4px;
        font-size: 20px;
        color: #5F5F5F;
        font-weight: 500;
        width: 80px;
        padding: 11px 0 11px 12px;
        background-position: right 2px center;
    }
    
    .md-send-links form input[type=tel] {
        font-size: 20px;
        font-weight: 500;
        padding: 11px 18px 11px 10px;
        color: #5F5F5F;
    }
    
    .md-send-links form input[type=tel]::-webkit-input-placeholder {
        color: #5F5F5F;
    }
    
    .md-send-links form input[type=tel]::-moz-placeholder {
        color: #5F5F5F;
    }
    
    .md-send-links form input[type=tel]:-ms-input-placeholder {
        color: #5F5F5F;
    }
    
    .md-send-links form input[type=tel]::-ms-input-placeholder {
        color: #5F5F5F;
    }
    
    .md-send-links form input[type=tel]::placeholder {
        color: #5F5F5F;
    }
    
    .apps-title::after {
        content: "";
        position: absolute;
        left: calc(100% + 10px);
        bottom: 3px;
        width: 80px;
        height: 2px;
        background-color: #FE5915;
    }
    
    .el_menu_list>ul>li>a {
        color: #242430;
        font-weight: 500;
    }
    
    .el_menu_list>ul>li.has-submenu::after {
        color: #242430;
    }
    
    .el_menu_list>ul>li:hover>a {
        color: #5CAD2F;
    }
    
    .el_menu_list>ul>li:hover::after {
        color: #5CAD2F;
    }
    
    .el_listing_btn {
        padding: 14px 16px;
        background-color: #5CAD2F;
        color: #fff;
        font-weight: 500;
        border-radius: 4px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .el_listing_btn span {
        width: 17px;
        height: 17px;
        background-color: #fff;
        border-radius: 50%;
        color: #5CAD2F;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 10px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    
    .el_listing_btn:hover {
        background-color: #242430;
        color: #fff;
    }
    
    .el_listing_btn:hover span {
        background-color: #5CAD2F;
        color: #fff;
    }
    
    .el_header_toggle .cart_total_item {
        background-color: #5CAD2F;
    }
    
    .el-menu-toggle span {
        background-color: #242430;
    }
    
    .el-hero-section {
        padding: 160px 0;
    }
    
    .el-hero-section .leaf {
        bottom: 100px;
    }
    
    .el-header-socials {
        left: -155px;
        bottom: 50%;
        -webkit-transform: translateY(50%) rotate(-90deg);
        transform: translateY(50%) rotate(-90deg);
    }
    
    .el-header-socials span {
        color: #5F5F5F;
    }
    
    .el-header-socials span::before {
        display: none;
    }
    
    .el-header-socials span svg {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        margin-right: 24px;
    }
    
    .el-header-socials .social-list li {
        margin-right: 0;
    }
    
    .el-header-socials .social-list li a {
        border: 2px solid #E7E7E7;
        color: #242430;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .el-header-socials .social-list li a:hover {
        color: #5CAD2F;
    }
    
    .el-section-title .title-desc::before {
        content: "";
        position: absolute;
        left: -12px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        height: 100px;
        background-color: #E7E7E7;
    }
    
    @media (max-width: 767.98px) {
        .el-section-title .title-left {
            width: 100%;
        }
        .el-section-title .title-desc {
            width: 100%;
        }
        .el-section-title .title-desc::before {
            display: none;
        }
    }
    /**************** about section start ****************/
    
    .el-about-section .el-blur {
        top: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    @media (max-width: 1199.98px) {
        .el-about-section {
            overflow: hidden;
        }
    }
    
    .el-about-box {
        background-color: #fff;
        padding: 48px 24px;
        border-radius: 10px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .el-about-box .icon-wrapper svg path {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .el-about-box h5,
    .el-about-box .h5,
    .el-about-box p {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .el-about-box .el-explore {
        color: #5CAD2F;
        font-weight: 700;
        font-size: 14px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .el-about-box .el-explore svg path {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .el-about-box:hover {
        background-color: #242430;
    }
    
    .el-about-box:hover .icon-wrapper svg path {
        fill: #fff;
    }
    
    .el-about-box:hover h5,
    .el-about-box:hover .h5,
    .el-about-box:hover p {
        color: #fff;
    }
    
    .el-about-box:hover .el-explore {
        color: #fff;
    }
    
    .el-about-box:hover .el-explore svg path {
        fill: #fff;
        stroke: #fff;
    }
    
    .el-about-box.active {
        background-color: #242430;
    }
    
    .el-about-box.active .icon-wrapper svg path {
        fill: #fff;
    }
    
    .el-about-box.active h5,
    .el-about-box.active .h5,
    .el-about-box.active p {
        color: #fff;
    }
    
    .el-about-box.active .el-explore {
        color: #fff;
    }
    
    .el-about-box.active .el-explore svg path {
        fill: #fff;
        stroke: #fff;
    }
    /***************** dealership section start **************/
    
    .el-dealership-section {
        margin-bottom: -60px;
    }
    
    .el-dealership-section .el-dealership-content {
        padding-bottom: 180px;
    }
    
    @media (max-width: 1199.98px) {
        .el-dealership-section {
            margin-bottom: 0;
            overflow: hidden;
        }
        .el-dealership-section .el-dealership-content {
            padding-bottom: 40px;
        }
    }
    
    .el-author-info {
        gap: 60px;
    }
    
    .el-author-info .author-info-content {
        position: relative;
    }
    
    .el-author-info .author-info-content::before {
        content: "";
        position: absolute;
        left: -24px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        height: 40px;
        background-color: #E7E7E7;
    }
    
    .el-author-info .author-info-content span {
        font-size: 15px;
    }
    
    @media (max-width: 575.98px) {
        .el-author-info {
            gap: 16px;
        }
        .el-author-info .author-info-content::before {
            display: none;
        }
    }
    
    .el-achivements-box {
        padding: 40px 24px;
        background-color: #fff;
        -webkit-clip-path: polygon(82% 0, 100% 15%, 100% 100%, 0 100%, 0 0);
        clip-path: polygon(82% 0, 100% 15%, 100% 100%, 0 100%, 0 0);
    }
    
    .el-achivements-box .el-title-sm::after {
        content: "";
        position: absolute;
        left: calc(100% + 10px);
        width: 78px;
        height: 1px;
        background-color: #E7E7E7;
        bottom: 1px;
    }
    
    .el-achivements-box .el-achivement-single+.el-achivement-single {
        margin-top: 22px;
    }
    
    .el-achivement-single .icon-wrapper {
        width: 64px;
        height: 64px;
        background-color: rgba(92, 173, 47, 0.1);
    }
    
    .el-achivement-single .el-achivement-content h3,
    .el-achivement-single .el-achivement-content .h3 {
        font-size: 32px;
    }
    
    .el-achivement-single .el-achivement-content>span {
        font-weight: 500;
        font-size: 15px;
    }
    
    .achivements-social-info a {
        width: 40px;
        height: 40px;
        background-color: #fff;
        border-radius: 50%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid #E7E7E7;
        margin-right: 12px;
        color: #242430;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .achivements-social-info a:hover {
        color: #fff;
        background-color: #5CAD2F;
        border-color: #5CAD2F;
    }
    
    .el-spacer-bottom {
        height: 100px;
        background-color: #F4FFED;
    }
    /******************* service section start *******************/
    
    .el-service-section .bg-shape {
        width: 100%;
        height: 515px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .el-service-section .els-circle-gradient {
        width: 118px;
        height: 118px;
        border-radius: 50%;
        background-image: linear-gradient(214.74deg, rgba(92, 173, 47, 0.3) -44.19%, rgba(92, 173, 47, 0) 89.94%);
        bottom: -50px;
        right: -30px;
    }
    
    .el-service-slider-control {
        width: 56px;
        height: 56px;
        border: 1px solid #5CAD2F;
        color: #5CAD2F;
        background-color: transparent;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        border-radius: 4px;
    }
    
    .el-service-slider-control:hover {
        background-color: #5CAD2F;
        color: #fff;
    }
    
    .el-service-box {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .el-service-box figure img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .el-service-box .el-service-box-content {
        padding: 32px 32px 40px;
    }
    
    .el-service-box .el-service-box-content h4,
    .el-service-box .el-service-box-content .h4 {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .el-service-box .el-service-box-content h4:hover,
    .el-service-box .el-service-box-content .h4:hover {
        color: #5CAD2F;
    }
    
    .el-service-box .el-service-box-content .el-explore {
        color: #242430;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .el-service-box .el-service-box-content .el-explore svg path {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .el-service-box .el-service-box-content .el-explore:hover {
        color: #5CAD2F;
    }
    
    .el-service-box .el-service-box-content .el-explore:hover svg path {
        fill: #5CAD2F;
        stroke: #5CAD2F;
    }
    
    .el-service-box:hover {
        -webkit-box-shadow: 12px 20px 60px rgba(0, 23, 104, 0.05);
        box-shadow: 12px 20px 60px rgba(0, 23, 104, 0.05);
    }
    /******************* car listing section *************/
    
    .el-car-listing {
        padding-bottom: 255px;
    }
    
    .el-car-listing .elc-circle-gradient {
        border-radius: 50%;
        background-color: rgba(137, 255, 227, 0.15);
        -webkit-filter: blur(200px);
        filter: blur(200px);
    }
    
    .el-car-listing .elc-circle-gradient.gradient-1 {
        width: 300px;
        height: 300px;
        left: 100px;
        top: 100px;
        -webkit-filter: blur(150px);
        filter: blur(150px);
    }
    
    .el-car-listing .elc-circle-gradient.gradient-2 {
        width: 600px;
        height: 600px;
        right: -40px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    @media (max-width: 1399.98px) {
        .el-car-listing {
            padding-bottom: 120px;
        }
    }
    
    .el-car-listing-slider .leaf-shape {
        top: -110px;
    }
    
    .el-car-listing-slider .doted-box {
        right: 55px;
        top: -60px;
    }
    
    .elc-slider-single .elc-slider-img {
        padding: 100px 40px;
    }
    
    .elc-slider-single .elc-slider-single-box {
        padding: 40px 32px;
        max-width: 536px;
        margin-top: -127px;
    }
    
    .elc-slider-single .elc-slider-single-box .likes {
        font-size: 12px;
        color: #242430;
        font-weight: 500;
        background-color: rgba(252, 0, 18, 0.05);
        padding: 2px 6px;
        border-radius: 30px;
        position: absolute;
        right: 16px;
        top: 16px;
    }
    
    .elc-slider-single .elc-slider-single-box .likes i {
        color: #20a8d9;
        margin-right: 3px;
    }
    
    .elc-slider-single .elc-slider-single-box h3,
    .elc-slider-single .elc-slider-single-box .h3 {
        font-size: 32px;
    }
    
    .elc-slider-single .elc-slider-single-box .btn {
        padding: 10px 24px;
    }
    
    @media (max-width: 767.98px) {
        .elc-slider-single .elc-slider-single-box {
            margin-top: -90px;
        }
        .elc-slider-single .elc-slider-single-box h3,
        .elc-slider-single .elc-slider-single-box .h3 {
            font-size: 26px;
        }
    }
    
    .el-car-listing-slider-thumb {
        max-width: 630px;
        position: absolute;
        bottom: 0;
        right: 109px;
    }
    
    .el-car-listing-slider-thumb .listing-thumb-single {
        padding: 26px 8px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        border: 1px solid #fff;
        border-radius: 4px;
    }
    
    .el-car-listing-slider-thumb .listing-thumb-single.swiper-slide-thumb-active {
        border-color: #5CAD2F;
    }
    
    @media (max-width: 1399.98px) {
        .el-car-listing-slider-thumb {
            position: relative;
            right: auto;
            margin-top: 40px;
        }
    }
    /***************** feature section start *****************/
    
    .el-feature-section {
        background-color: #F4FFED;
    }
    
    .el-feature-section .feature-img img {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    
    @media (max-width: 1399.98px) {
        .el-feature-section .feature-img img {
            position: relative;
        }
    }
    
    ul.el-features-list {
        gap: 22px;
    }
    
    ul.el-features-list li {
        margin-bottom: 10px;
    }
    
    ul.el-features-list li p {
        color: #7B7B7B;
    }
    
    .el-feature-explore {
        color: #5CAD2F;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .el-feature-explore svg path {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .el-feature-explore:hover {
        color: #242430;
    }
    
    .el-feature-explore:hover svg path {
        fill: #242430;
    }
    
    .el-single-brand img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        opacity: 0.6;
    }
    
    .el-single-brand img:hover {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        opacity: 1;
    }
    /***************** feedback section start ****************/
    
    .el-feedback-wrapper {
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .el-feedback-wrapper .el-dots {
        top: 140px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: 100%;
    }
    
    .el-feedback-slider {
        position: absolute;
        max-width: 480px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0;
        z-index: 1;
    }
    
    .el-feedback-slider .el-feedback-slide-contorls {
        margin-top: 30px;
    }
    
    .el-feedback-slider .el-feedback-slide-contorls .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background-color: #242430;
        opacity: 1;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .el-feedback-slider .el-feedback-slide-contorls .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 30px;
        border-radius: 30px;
        background-color: #5CAD2F;
    }
    
    @media (max-width: 767.98px) {
        .el-feedback-slider {
            position: relative;
            margin-top: 48px;
        }
    }
    
    .el-feedback-single .el-feedback-box {
        padding: 40px 24px;
        border-radius: 6px;
    }
    
    .el-feedback-single .el-feedback-box::before {
        content: "";
        position: absolute;
        left: 50%;
        top: -24px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 40px;
        height: 25px;
        background-color: #fff;
        -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    }
    
    .el-feedback-single .el-feedback-box .rating {
        background-color: #FF992E;
        color: #fff;
        padding: 2px 12px;
        border-radius: 0 4px 0 0;
        font-size: 12px;
        font-weight: 700;
    }
    
    .el-footer-top-widget .icon-wrapper {
        background-color: #26351C;
    }
    
    .el-footer-top-widget .widget-outline-btn {
        border: 1px solid #5CAD2F;
    }
    
    .el-footer-top-widget .widget-outline-btn:hover {
        background-color: #5CAD2F;
    }
    
    .el-footer-top-widget .phone-number {
        color: #5CAD2F;
    }
    
    .el-subscribe-form input {
        border-color: #5CAD2F;
    }
    
    .el-subscribe-form .md-primary-btn {
        background-color: #5CAD2F;
    }
    
    .el-subscribe-form .md-primary-btn:hover {
        background-color: #5CAD2F;
    }
    
    .footer-news-widget .el-news-explore {
        color: #5CAD2F;
    }
    
    .el-footer-social-links li a:hover {
        color: #5CAD2F;
    }
    /************** electric details ************/
    
    .eld-info-box {
        padding: 40px 32px;
        background-color: #242430;
    }
    
    .eld-info-icons {
        gap: 14px;
    }
    
    .eld-info-icon {
        width: 40px;
        height: 40px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 4px;
        border: 1px solid rgba(231, 231, 231, 0.3);
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        color: #fff;
    }
    
    .eld-info-icon:hover {
        background-color: #5CAD2F;
        color: #fff;
        border-color: #5CAD2F;
    }
    
    .eld-features-box .icon-wrapper {
        width: 40px;
        height: 40px;
        background-color: rgba(255, 255, 255, 0.15);
    }
    
    .el-product-description {
        padding: 32px 24px;
    }
    
    .eld-navs li a {
        font-weight: 500;
        color: #7B7B7B;
        padding: 2px 8px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        display: inline-block;
        position: relative;
    }
    
    .eld-navs li a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #20a8d9;
        z-index: 2;
        width: 0;
    }
    
    .eld-navs li a.active {
        color: #20a8d9;
    }
    
    .eld-navs li a.active::after {
        width: 100%;
    }
    
    @media (max-width: 1399.98px) {
        .eld-navs {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
    }
    
    .eld-prd-title {
        display: inline-block;
    }
    
    .eld-prd-title::after {
        content: "";
        position: absolute;
        width: 1000px;
        height: 1px;
        background-color: #E7E7E7;
        left: calc(100% + 10px);
        bottom: 4px;
    }
    
    .eld-prd-title::before {
        content: "";
        position: absolute;
        left: calc(100% + 10px);
        bottom: 4px;
        width: 95px;
        height: 2px;
        background-color: #5CAD2F;
        z-index: 1;
    }
    
    .ppr-table {
        width: 100%;
        border: 1px solid #E7E7E7;
        border-collapse: collapse;
    }
    
    .ppr-table tr td {
        border: 1px solid #E7E7E7;
        border-collapse: collapse;
        font-size: 14px;
        padding: 6px 16px;
    }
    
    .ppr-table tr td:first-child {
        background-color: #F6F6F6;
    }
    
    .eld-image-rotate {
        width: 100% !important;
        height: auto !important;
    }
    
    .eld-image-rotate .images-list .images-display {
        display: none;
        cursor: -webkit-grab;
        cursor: grab;
        text-align: center;
    }
    
    .eld-image-rotate .images-list .images-display img {
        max-width: 100%;
    }
    
    .eld-image-rotate .images-list .images-display.active {
        display: block;
    }
    
    .eld-image-rotate .navigation-bar-wrapper {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -30px;
        z-index: 6;
    }
    
    .eld-image-rotate .navigation-bar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .eld-image-rotate .navigation-bar .navigation-bar-previous,
    .eld-image-rotate .navigation-bar .navigation-bar-next {
        cursor: pointer;
        display: inline-block;
        background-color: transparent;
        text-align: center;
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 50%;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eld-image-rotate .navigation-bar .navigation-bar-previous:hover,
    .eld-image-rotate .navigation-bar .navigation-bar-next:hover {
        background-color: #D9D9D9;
    }
    
    .eld-image-rotate .navigation-bar .navigation-bar-previous::before,
    .eld-image-rotate .navigation-bar .navigation-bar-next::before {
        font-family: "FontAwesome";
    }
    
    .eld-image-rotate .navigation-bar .navigation-bar-previous {
        margin-right: 160px;
    }
    
    .eld-image-rotate .navigation-bar .navigation-bar-previous::before {
        content: "\f104";
    }
    
    .eld-image-rotate .navigation-bar .navigation-bar-next::before {
        content: "\f105";
    }
    
    .eld-rv-form .input-wrapper {
        gap: 16px;
    }
    
    .eld-contact-box {
        padding: 40px 30px;
    }
    
    .eld-contact-info ul li .icon-wrapper {
        width: 40px;
        height: 40px;
        background-color: rgba(92, 173, 47, 0.1);
    }
    
    .eld-contact-form .input-field input,
    .eld-contact-form .input-field textarea {
        border: 1px solid #E7E7E7;
        border-radius: 4px;
        padding: 12px 16px;
        font-size: 14px;
        width: 100%;
    }
    
    .eld-contact-form .input-field input::-webkit-input-placeholder,
    .eld-contact-form .input-field textarea::-webkit-input-placeholder {
        color: #C2C2C2;
    }
    
    .eld-contact-form .input-field input::-moz-placeholder,
    .eld-contact-form .input-field textarea::-moz-placeholder {
        color: #C2C2C2;
    }
    
    .eld-contact-form .input-field input:-ms-input-placeholder,
    .eld-contact-form .input-field textarea:-ms-input-placeholder {
        color: #C2C2C2;
    }
    
    .eld-contact-form .input-field input::-ms-input-placeholder,
    .eld-contact-form .input-field textarea::-ms-input-placeholder {
        color: #C2C2C2;
    }
    
    .eld-contact-form .input-field input::placeholder,
    .eld-contact-form .input-field textarea::placeholder {
        color: #C2C2C2;
    }
    /*************** sidebar widgets ************/
    
    .el_mrp_widget .offer-btn {
        color: #5F5F5F;
    }
    
    .el_timing_widget .timing-wrap {
        gap: 40px;
    }
    
    .el_timing_widget .timing-wrap .icon-wrapper {
        width: 48px;
        height: 48px;
        background-color: #5CAD2F;
        -webkit-box-shadow: 0 0 0 6px rgba(92, 173, 47, 0.4);
        box-shadow: 0 0 0 6px rgba(92, 173, 47, 0.4);
    }
    
    .el_timing_widget .timing-wrap p {
        font-size: 12px;
    }
    
    .el_timing_widget .timing-wrap .minutes_info {
        position: relative;
    }
    
    .el_timing_widget .timing-wrap .minutes_info::before {
        content: "";
        position: absolute;
        left: -20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        height: 38px;
        background-color: #E9E9E9;
    }
    /***************** bike listing *****************/
    
    .bike_listing_top {
        padding: 18px 32px;
    }
    
    .bike_listing_top .form-select {
        max-width: 160px;
        padding-right: 0;
    }
    /************** bike listing details sidebar ************/
    
    .bld-author-widget .widget-top {
        padding: 32px;
    }
    
    .bld-author-widget .author-info {
        padding: 0 32px 32px;
    }
    
    .bld-author-widget .author-socials a {
        width: 32px;
        height: 32px;
        background-color: transparent;
        color: #111010;
        border: 1px solid rgba(240, 240, 240, 0.7);
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        margin-right: 4px;
    }
    
    .bld-author-widget .author-socials a:hover {
        background-color: #20a8d9;
        color: #fff;
    }
    
    .bld-author-widget .info-list {
        padding: 0 32px 32px;
    }
    
    .bld-author-widget .info-list li {
        padding: 16px 0;
        border-top: 1px solid #F0F0F0;
    }
    
    .bld-author-widget .info-list li .icon-wrapper {
        width: 56px;
        height: 56px;
        border: 1px solid #F0F0F0;
        font-size: 24px;
    }
    
    .bld-author-widget .info-list li h6,
    .bld-author-widget .info-list li .h6 {
        font-size: 16px;
    }
    
    .bld-contact-widget {
        padding: 40px 24px;
    }
    /***************** listing details *****************/
    
    .bld-feature-box {
        padding: 32px 24px;
    }
    
    .bld-feature-box .icon-wrapper {
        background-color: #F8F8F8;
        width: 74px;
        height: 74px;
    }
    
    .bld-title::after {
        content: "";
        position: absolute;
        left: calc(100% + 10px);
        bottom: 3px;
        background-color: rgba(11, 22, 63, 0.07);
        width: 1500px;
        height: 1px;
    }
    
    .bld-title::before {
        content: "";
        position: absolute;
        left: calc(100% + 10px);
        bottom: 3px;
        background-color: #20a8d9;
        width: 70px;
        height: 2px;
        z-index: 1;
    }
    
    .bld-tab-navs {
        grid-column-gap: 24px;
        grid-row-gap: 16px;
    }
    
    .bld-tab-navs li {
        display: inline-block;
    }
    
    .bld-tab-navs li a {
        padding: 12px 24px;
        background-color: #fff;
        color: #111010;
        font-weight: 500;
        border-radius: 4px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        display: inline-block;
    }
    
    .bld-tab-navs li a.active {
        background-color: #FE5915;
        color: #fff;
    }
    
    .bld-info-list {
        grid-row-gap: 24px;
        grid-column-gap: 16px;
    }
    
    .bld-info-list .iv_info_item {
        width: calc(25% - 12px);
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    
    @media (max-width: 991.98px) {
        .bld-info-list .iv_info_item {
            width: calc(33% - 10px);
        }
    }
    
    @media (max-width: 767.98px) {
        .bld-info-list .iv_info_item {
            width: calc(50% - 12px);
            -ms-flex-negative: 1;
            flex-shrink: 1;
        }
    }
    
    .bld-features-list {
        list-style-type: disc;
        padding-left: 20px;
    }
    
    .bld-features-list li {
        font-weight: 600;
        width: 25%;
        margin-bottom: 8px;
    }
    
    @media (max-width: 991.98px) {
        .bld-features-list li {
            width: 33%;
        }
    }
    
    @media (max-width: 767.98px) {
        .bld-features-list li {
            width: calc(50% - 12px);
        }
    }
    
    @media (max-width: 575.98px) {
        .bld-features-list {
            grid-row-gap: 10px;
            grid-column-gap: 24px;
        }
    }
    
    .bike-listing-slider-control {
        width: 114px;
        height: 330px;
        position: absolute;
        right: 24px;
        bottom: 70px;
    }
    
    .bike-listing-slider-control .swiper-slide {
        border: 1px solid #fff;
    }
    
    .bike-listing-slider-control .swiper-slide.swiper-slide-thumb-active {
        border-color: #FE5915;
    }
    
    @media (max-width: 991.98px) {
        .bike-listing-slider-control {
            position: relative;
            width: 330px;
            height: auto;
            bottom: auto;
            right: auto;
            margin-top: 24px;
        }
    }
    /************** eq search form *************/
    
    .eq-hero-section {
        padding: 230px 0 180px;
        margin-top: -40px;
    }
    
    @media (max-width: 1399.98px) {
        .eq-hero-section {
            padding: 120px 0;
        }
    }
    
    @media (max-width: 1199.98px) {
        .eq-hero-section {
            padding-bottom: 0;
        }
    }
    
    .eq-header-nav {
        -webkit-box-shadow: 10px 20px 60px rgba(0, 23, 104, 0.08);
        box-shadow: 10px 20px 60px rgba(0, 23, 104, 0.08);
    }
    
    .eq-search-form {
        gap: 16px;
    }
    
    .eq-search-form select {
        width: calc(30% - 12px);
        background-color: #F6F7F9;
        border: 1px solid #E9E9E9;
        border-radius: 4px;
    }
    
    .eq-search-form .eq-submit-btn {
        padding: 10px 16px;
        background-color: #FEB200;
        color: #fff;
        border-radius: 6px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-search-form .eq-submit-btn:hover {
        background-color: #111010;
    }
    
    @media (max-width: 767.98px) {
        .eq-search-form select {
            width: calc(50% - 8px);
        }
    }
    
    @media (max-width: 480px) {
        .eq-search-form select {
            width: 100%;
        }
        .eq-search-form .eq-submit-btn {
            width: 100%;
        }
    }
    
    .eq-hero-slider-wrapper {
        position: absolute;
        right: 0;
        top: 0;
        width: calc(50% - 16px);
        height: 100%;
        background-color: #fff;
        padding-top: 150px;
    }
    
    .eq-hero-slider-wrapper .eq-hero-slider {
        max-width: 830px;
        margin: 0;
    }
    
    .eq-hero-slider-wrapper .eq_hero_slider_pagination_wrapper {
        right: -85px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .eq-hero-slider-wrapper .eq-hero-slider-pagination {
        position: relative;
        width: 220px;
        height: 2px;
        background-color: #111010;
        -webkit-transform: rotate(90deg) translateY(-50%);
        transform: rotate(90deg) translateY(-50%);
    }
    
    .eq-hero-slider-wrapper .eq-hero-slider-pagination .swiper-pagination-progressbar-fill {
        background-color: #FEB200;
    }
    
    .eq-hero-slider-wrapper .slide-index {
        font-size: 20px;
        font-weight: 700;
        color: #111010;
        position: absolute;
        right: 102px;
    }
    
    .eq-hero-slider-wrapper .slide-index.slide-start-index {
        top: -148px;
    }
    
    .eq-hero-slider-wrapper .slide-index.slide-end-index {
        bottom: -148px;
    }
    
    @media (max-width: 1800px) {
        .eq-hero-slider-wrapper .eq-hero-slider {
            max-width: 700px;
        }
    }
    
    @media (max-width: 1500px) {
        .eq-hero-slider-wrapper .eq_hero_slider_pagination_wrapper {
            right: auto;
            left: 50%;
            bottom: 70px;
            top: auto;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }
        .eq-hero-slider-wrapper .eq_hero_slider_pagination_wrapper .eq-hero-slider-pagination {
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }
        .eq-hero-slider-wrapper .slide-index.slide-start-index {
            top: -20px;
            left: -30px;
        }
        .eq-hero-slider-wrapper .slide-index.slide-end-index {
            top: -20px;
            left: auto;
            right: -30px;
        }
    }
    
    @media (max-width: 1399.98px) {
        .eq-hero-slider-wrapper {
            width: calc(45% - 35px);
            padding-top: 95px;
        }
    }
    
    @media (max-width: 1199.98px) {
        .eq-hero-slider-wrapper {
            position: relative;
            width: 100%;
            margin-top: 80px;
            padding: 60px 24px 100px;
        }
        .eq-hero-slider-wrapper .eq-hero-slider {
            max-width: 100%;
        }
    }
    /******************** category section start *****************/
    
    .eq-category-item {
        padding: 24px 24px 40px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-category-item .thumbnail img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        -webkit-transform: scale(1.001);
        transform: scale(1.001);
    }
    
    .eq-category-item h5,
    .eq-category-item .h5 {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-category-item h5:hover,
    .eq-category-item .h5:hover {
        color: #FEB200;
    }
    
    .eq-category-item .eq-btn-1 {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-category-item .eq-explore-btn {
        position: absolute;
        left: 24px;
        bottom: 24px;
        z-index: 2;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-category-item:hover {
        -webkit-box-shadow: 10px 20px 60px rgba(0, 23, 104, 0.08);
        box-shadow: 10px 20px 60px rgba(0, 23, 104, 0.08);
    }
    
    .eq-category-item:hover .thumbnail img {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }
    
    .eq-category-item:hover .eq-btn-1 {
        opacity: 0;
        visibility: hidden;
    }
    
    .eq-category-item:hover .eq-explore-btn {
        bottom: 32px;
        opacity: 1;
        visibility: visible;
    }
    /**************** call to action start ***************/
    
    .eq-cta-box .path-shape {
        width: 310px;
        top: -1px;
        right: -1px;
        height: calc(100% + 2px);
        background-color: #FEB200;
        -webkit-clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
    }
    
    @media (max-width: 575.98px) {
        .eq-cta-box .path-shape {
            width: 100px;
            -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 0% 100%);
        }
    }
    
    .eq-cta-box .eq-cta-btns {
        gap: 24px;
    }
    
    .eq-cta-box .eq-primary-btn:hover {
        background-color: transparent;
        border: 1px solid #fff;
    }
    
    .eq-cta-box .eq-white-btn svg path {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-cta-box .eq-white-btn:hover {
        background-color: transparent;
        border: 1px solid #fff;
        color: #fff;
    }
    
    .eq-cta-box .eq-white-btn:hover svg path {
        fill: #fff;
    }
    /********************** about section start ******************/
    
    .eq-counter-box {
        padding: 24px;
        min-width: 140px;
        -webkit-box-shadow: 10px 20px 60px rgba(0, 23, 104, 0.08);
        box-shadow: 10px 20px 60px rgba(0, 23, 104, 0.08);
    }
    
    .eq-counter-box .icon-wrapper::after {
        content: "";
        position: absolute;
        width: 54px;
        height: 54px;
        background-image: linear-gradient(314.59deg, #FF992E -38.96%, rgba(255, 153, 46, 0) 90.67%);
        border-radius: 50%;
        left: 18px;
        top: -8px;
        z-index: -1;
    }
    
    .eq-about-navs {
        grid-column-gap: 40px;
        grid-row-gap: 10px;
    }
    
    .eq-about-navs li a {
        font-size: 18px;
        font-weight: 700;
        color: #111010;
        position: relative;
        display: inline-block;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-about-navs li a::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: -2px;
        width: 0;
        height: 2px;
        background-color: #FEB200;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-about-navs li a.active {
        color: #FEB200;
    }
    
    .eq-about-navs li a.active::before {
        width: 100%;
        left: 0;
        right: auto;
    }
    
    .eq-about-list {
        list-style-type: disc;
    }
    
    .eq-about-list li {
        font-weight: 500;
    }
    
    .eq-about-list li+li {
        margin-top: 10px;
    }
    /******************* equipment listing *****************/
    
    .eq-listing-card {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-listing-card .thumbnail img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-listing-card .thumbnail .pricing-box {
        background-color: #111010;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        padding: 8px 16px;
        border-radius: 5px 0 0 0;
    }
    
    .eq-listing-card .thumbnail .pricing-box h5,
    .eq-listing-card .thumbnail .pricing-box .h5 {
        color: #FEB200;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-listing-card .eq-listing-card-content .category {
        font-size: 12px;
        font-weight: 700;
    }
    
    .eq-listing-card .eq-listing-card-content h5,
    .eq-listing-card .eq-listing-card-content .h5 {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-listing-card .eq-listing-card-content h5:hover,
    .eq-listing-card .eq-listing-card-content .h5:hover {
        color: #FEB200;
    }
    
    .eq-listing-card .eq-listing-card-content .outline-btn:hover {
        background-color: #FEB200;
        color: #fff;
        border-color: #FEB200;
    }
    
    .eq-listing-card:hover {
        -webkit-box-shadow: 10px 20px 60px rgba(0, 23, 104, 0.08);
        box-shadow: 10px 20px 60px rgba(0, 23, 104, 0.08);
    }
    
    .eq-listing-card:hover .thumbnail img {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    
    .eq-listing-card:hover .thumbnail .pricing-box {
        background-color: #FEB200;
    }
    
    .eq-listing-card:hover .thumbnail .pricing-box h5,
    .eq-listing-card:hover .thumbnail .pricing-box .h5 {
        color: #fff;
    }
    /******************** wcs section start ******************/
    
    .eq-wcs-area .left-bg {
        width: calc(50% + 12px);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    @media (max-width: 991.98px) {
        .eq-wcs-area .left-bg {
            display: none;
        }
    }
    
    @media (max-width: 991.98px) {
        .eq-wcs-area {
            padding-bottom: 0;
        }
    }
    
    .eq-wcs-content .eq-primary-btn:hover {
        background-color: transparent;
        border: 1px solid #FEB200;
        color: #FEB200;
    }
    
    .eq-progressbar .progress-bar-line {
        background-color: #838383;
    }
    
    .eq-counter-box2 {
        position: absolute;
        bottom: -40px;
        right: calc(50% - 12px);
        padding: 40px;
        background-color: #FEB200;
        border-radius: 10px 0 0 10px;
        min-width: 675px;
        z-index: 3;
    }
    
    .eq-counter-box2::after {
        content: "";
        position: absolute;
        right: -50px;
        bottom: 0;
        width: 50px;
        height: 40px;
        background-color: #AE7A00;
        -webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
        clip-path: polygon(0 0, 0 100%, 100% 0);
    }
    
    @media (max-width: 1399.98px) {
        .eq-counter-box2 {
            min-width: auto;
            width: calc(50% - 12px);
        }
    }
    
    @media (max-width: 991.98px) {
        .eq-counter-box2 {
            position: relative;
            width: calc(100% - 24px);
            left: 12px;
            right: auto;
            border-radius: 10px;
        }
        .eq-counter-box2::after {
            display: none;
        }
    }
    /********************** feedback section start *****************/
    
    .eq-feedback-single {
        padding: 24px 24px 0;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-feedback-single .star-badge {
        background-color: #111010;
        padding: 9px 24px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-feedback-single .star-badge i {
        margin-right: 4px;
    }
    
    .eq-feedback-single .quote-icon {
        width: 60px;
        height: 60px;
        border: 1px dashed #111010;
        background-color: transparent;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        z-index: 1;
    }
    
    .eq-feedback-single .quote-icon::before {
        content: "";
        position: absolute;
        width: 45px;
        height: 45px;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: #111010;
        border-radius: 50%;
        z-index: -1;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-feedback-single .clients_name {
        padding-left: 40px;
    }
    
    .eq-feedback-single .clients_name::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 3px;
        width: 33px;
        height: 2px;
        background-color: #111010;
    }
    
    .eq-feedback-single:hover {
        -webkit-box-shadow: 2px 20px 20px rgba(0, 23, 104, 0.08);
        box-shadow: 2px 20px 20px rgba(0, 23, 104, 0.08);
    }
    
    .eq-feedback-single:hover .star-badge {
        background-color: #FEB200;
    }
    
    .eq-feedback-single:hover .quote-icon {
        border-color: #FEB200;
    }
    
    .eq-feedback-single:hover .quote-icon::before {
        background-color: #FEB200;
    }
    
    .eq-feedback-pagination {
        position: absolute;
        bottom: 0 !important;
        left: 0 !important;
        text-align: center;
    }
    
    .eq-feedback-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background-color: #111010;
        border-radius: 50%;
        opacity: 1;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-feedback-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #FEB200;
        width: 32px;
        border-radius: 30px;
    }
    /****************** brand section *******************/
    
    .eq-brand-box {
        max-height: 335px;
    }
    
    .eq-brand-box.black-texture-bg::before {
        border-radius: 6px;
    }
    
    .eq-brand-slider-box {
        max-width: 96%;
        margin-left: auto;
        margin-right: auto;
        padding: 48px 32px;
        -webkit-box-shadow: 10px 20px 60px rgba(0, 23, 104, 0.08);
        box-shadow: 10px 20px 60px rgba(0, 23, 104, 0.08);
    }
    
    .eq-brand-thumbnail {
        height: 139px;
        background-color: #F6F7F9;
    }
    /***************** blog section start *******************/
    
    @media (max-width: 767.98px) {
        .eq-blog-section {
            padding-top: 120px;
            padding-bottom: 95px;
        }
    }
    
    .eq-blog-card {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-blog-card .feature-thumb img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-blog-card .feature-thumb img:hover {
        -webkit-transform: scale(1.017);
        transform: scale(1.017);
    }
    
    .eq-blog-card .eq-blog-card-content h4,
    .eq-blog-card .eq-blog-card-content .h4 {
        font-size: 22px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .eq-blog-card .eq-blog-card-content h4:hover,
    .eq-blog-card .eq-blog-card-content .h4:hover {
        color: #FEB200;
    }
    
    .eq-blog-card .eq-blog-card-content .eq-blog-meta {
        grid-column-gap: 32px;
        grid-row-gap: 8px;
    }
    
    .eq-blog-card .eq-blog-card-content .eq-blog-meta span {
        position: relative;
        color: #969696;
    }
    
    .eq-blog-card .eq-blog-card-content .eq-blog-meta span i {
        margin-right: 4px;
    }
    
    .eq-blog-card .eq-blog-card-content .eq-blog-meta span+span::before {
        content: "";
        position: absolute;
        left: -16px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        height: 16px;
        background-color: #E2E2E2;
    }
    
    .eq-blog-card:hover {
        -webkit-box-shadow: 10px 20px 60px rgba(0, 23, 104, 0.08);
        box-shadow: 10px 20px 60px rgba(0, 23, 104, 0.08);
    }
    
    @media (max-width: 480px) {
        .eq-blog-card .eq-blog-card-content .eq-blog-meta {
            grid-column-gap: 16px;
        }
        .eq-blog-card .eq-blog-card-content .eq-blog-meta span+span::before {
            display: none;
        }
    }
    /**************** sidebar widgets *************/
    
    .eq-sidebar-widget.eq-widget-padding {
        padding: 32px 24px;
    }
    
    .eq-sidebar-widget+.eq-sidebar-widget {
        margin-top: 24px;
    }
    
    .eq-sidebar-widget .widget-title .title-line {
        width: 100%;
        height: 2px;
        background-color: #E7E7E7;
    }
    
    .eq-sidebar-widget .widget-title .title-line::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 45px;
        height: 100%;
        background-color: #FEB200;
    }
    
    .eq-search-widget form {
        padding: 15px;
    }
    
    .eq-search-widget form input[type=text] {
        padding: 0;
    }
    
    .eq-search-widget form .eq-submit-btn {
        padding: 6px 12px;
    }
    
    @media (max-width: 480px) {
        .eq-search-widget form .eq-submit-btn {
            width: auto;
        }
    }
    
    .eq-sidebar-lists li+li {
        margin-top: 10px;
    }
    
    .eq-sidebar-lists li label {
        position: relative;
        padding-left: 8px;
    }
    
    .eq-sidebar-lists li label input {
        opacity: 0;
    }
    
    .eq-sidebar-lists li label input:checked~.eq-custom-checkbox {
        border-color: #111010;
    }
    
    .eq-sidebar-lists li label input:checked~.eq-custom-checkbox::before {
        background-color: #FEB200;
    }
    
    .eq-sidebar-lists li label input:checked~.subtitle {
        color: #111010;
    }
    
    .eq-sidebar-lists li label .eq-custom-checkbox {
        width: 18px;
        height: 18px;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: transparent;
        border: 2px solid #5F5F5F;
        border-radius: 50%;
    }
    
    .eq-sidebar-lists li label .eq-custom-checkbox::before {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        background-color: transparent;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 50%;
    }
    
    .eq-sidebar-lists li label .subtitle {
        font-weight: 500;
    }
    /****************** listing details *******************/
    
    .eq_listing_top {
        padding: 15px;
    }
    
    .eq_listing_filter_menu .form-select {
        padding: 7px 11px;
    }
    
    .eq_listing_filter_menu .grid_btn {
        width: 40px;
        height: 40px;
    }
    
    .eq_listing_filter_menu .grid_btn:hover {
        color: #FEB200;
    }
    
    .eq_listing_filter_menu .grid_btn.active {
        color: #FEB200;
    }
    /************* equipment details **************/
    
    .eqd-title-box {
        max-width: 536px;
        padding: 40px 32px;
        border-radius: 0 4px 4px 4px;
        margin-top: -70px;
        -webkit-box-shadow: 10px 20px 60px rgba(0, 23, 104, 0.08);
        box-shadow: 10px 20px 60px rgba(0, 23, 104, 0.08);
    }
    
    .eqd-title::after {
        content: "";
        position: absolute;
        left: calc(100% + 8px);
        bottom: 3px;
        width: 65px;
        height: 2px;
        background-color: #FEB200;
    }
    
    .eqd-title::before {
        content: "";
        position: absolute;
        left: calc(100% + 8px);
        bottom: 8px;
        width: 29px;
        height: 2px;
        background-color: #FEB200;
    }
    
    .eqd-list li {
        position: relative;
        padding-left: 16px;
    }
    
    .eqd-list li+li {
        margin-top: 15px;
    }
    
    .eqd-list li::before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #FEB200;
        border-radius: 50%;
    }
    
    .eqd-table tr {
        border-radius: 8px;
    }
    
    .eqd-table tr:nth-child(odd) {
        background-color: #fff;
    }
    
    .eqd-table tr td {
        border: 0;
        padding: 16px;
        font-weight: 500;
    }
    
    .eqd-vd-single::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1;
    }
    
    .eqd-review-box {
        padding: 40px 32px;
    }
    
    .eqd-review-box .outline-btn {
        border: 1px solid #FEB200;
        color: #FEB200;
    }
    
    .eqd-review-box .outline-btn:hover {
        background-color: #FEB200;
        color: #fff;
    }
    /************ sidebar ***********/
    
    .eq_booking_widget .booking_money {
        border-radius: 10px 10px 0 0;
    }
    
    .eq_booking_widget .booking_money_info {
        padding: 8px;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-67.31%, #111010), color-stop(32.69%, rgba(17, 16, 16, 0.81)));
        background-image: linear-gradient(180deg, #111010 -67.31%, rgba(17, 16, 16, 0.81) 32.69%);
        grid-column-gap: 16px;
        grid-row-gap: 8px;
    }
    
    .eq_booking_widget .booking_money_info span {
        font-size: 12px;
        color: #fff;
        position: relative;
    }
    
    .eq_booking_widget .booking_money_info span+span::before {
        content: "";
        position: absolute;
        left: -8px;
        top: 50%;
        width: 1px;
        height: 15px;
        background-color: rgba(255, 255, 255, 0.2);
    }
    
    .eq_booking_widget .eqd_booking_form {
        padding: 24px 24px 40px;
    }
    
    .eq_booking_widget .eqd_booking_form .radio-field label {
        position: relative;
        padding-left: 8px;
        display: block;
    }
    
    .eq_booking_widget .eqd_booking_form .radio-field label input {
        opacity: 0;
    }
    
    .eq_booking_widget .eqd_booking_form .radio-field label input:checked~.eq-custom-checkbox {
        border-color: #111010;
    }
    
    .eq_booking_widget .eqd_booking_form .radio-field label input:checked~.eq-custom-checkbox::before {
        background-color: #FEB200;
    }
    
    .eq_booking_widget .eqd_booking_form .radio-field label input:checked~.subtitle {
        color: #111010;
    }
    
    .eq_booking_widget .eqd_booking_form .radio-field label .eq-custom-checkbox {
        width: 18px;
        height: 18px;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: transparent;
        border: 2px solid #5F5F5F;
        border-radius: 50%;
    }
    
    .eq_booking_widget .eqd_booking_form .radio-field label .eq-custom-checkbox::before {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        background-color: transparent;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 50%;
    }
    
    .eq_booking_widget .eqd_booking_form .radio-field label .subtitle {
        font-weight: 500;
    }
    
    .eq_author_widget img.author-thumb {
        width: 80px;
    }
    
    .eq_author_widget h6,
    .eq_author_widget .h6 {
        font-size: 16px;
    }
    /***************** cycle hero ***************/
    
    .cycle-hero {
        margin-top: -90px;
    }
    
    .cycle-hero .hero-dark-shape {
        width: 770px;
        right: 0;
        top: 0;
        height: 100%;
        -webkit-clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .cycle-hero .hero-dark-shape span {
        line-height: 0.9em;
        font-size: 190px;
        text-transform: uppercase;
        position: absolute;
        font-weight: 700;
        left: 30%;
        top: 30%;
        color: rgba(95, 95, 95, 0.2);
    }
    
    .cycle-hero .hero-dark-shape::before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(#111010), to(rgba(17, 16, 16, 0.81)));
        background: linear-gradient(180deg, #111010 0%, rgba(17, 16, 16, 0.81) 100%);
        z-index: -1;
    }
    
    .cycle-hero .hero-color-shape {
        width: 1320px;
        height: 45px;
        left: 50%;
        bottom: -1px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 2;
    }
    
    @media (max-width: 1500px) {
        .cycle-hero .hero-dark-shape span {
            font-size: 150px;
            top: 30%;
        }
    }
    
    @media (max-width: 1399.98px) {
        .cycle-hero .hero-dark-shape {
            width: 400px;
        }
    }
    
    @media (max-width: 1199.98px) {
        .cycle-hero .hero-dark-shape {
            display: none;
        }
        .cycle-hero .hero-color-shape {
            display: none;
        }
    }
    
    .bc_color_variant ul li {
        position: relative;
        display: inline-block;
        width: 30px;
        height: 30px;
        cursor: pointer;
        border-radius: 3px;
    }
    
    .bc_color_variant ul li span {
        width: 100%;
        height: 100%;
        display: inline-block;
        border: 3px solid #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 5px;
    }
    
    .bc_color_variant ul li input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
        z-index: 1;
    }
    
    .bc_color_variant ul li input:checked~span {
        -webkit-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
    }
    
    .cycle-hero {
        padding: 120px 0;
    }
    
    .cycle-hero .cycle-hero-pagination {
        position: absolute;
        right: 25px;
        left: auto;
        width: 76px;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
    }
    
    .cycle-hero .cycle-hero-pagination .swiper-pagination-bullet {
        display: block;
        width: 70px;
        height: 50px;
        background: transparent;
        color: #606060;
        border-radius: 50px;
        text-align: center;
        line-height: 50px;
        font-size: 20px;
        font-weight: 700;
        opacity: 1;
        margin: 0;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .cycle-hero .cycle-hero-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #20a8d9;
        color: #fff;
    }
    
    @media (max-width: 1199.98px) {
        .cycle-hero {
            padding: 190px 0 50px 0;
        }
    }
    
    @media (max-width: 767.98px) {
        .cycle-hero .cycle-hero-pagination {
            display: none;
        }
    }
    
    .cl-hero-control-slider-wrapper {
        width: 550px;
    }
    
    @media (max-width: 767.98px) {
        .cl-hero-control-slider-wrapper {
            width: 100%;
        }
    }
    
    .cl-hero-slider-control {
        margin-left: 0;
        margin-top: -60px;
    }
    
    .cl-hero-slider-control .cl-hero-slider-control-thumb {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.5;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .cl-hero-slider-control .cl-hero-slider-control-thumb.swiper-slide-active {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    
    @media (max-width: 1199.98px) {
        .cl-hero-slider-control {
            margin-top: 24px;
        }
    }
    
    .cl-hero-slide-control-arrow {
        width: 40px;
        height: 40px;
        background-color: #fff;
        -webkit-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        color: #0b163f;
        border-radius: 50%;
        text-align: center;
        line-height: 40px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
    }
    
    .cl-hero-slide-control-arrow.cl-hero-slides-control-prev {
        left: 0;
    }
    
    .cl-hero-slide-control-arrow.cl-hero-slides-control-next {
        right: 0;
    }
    /***************** cycle brands *************/
    
    .cycle-brands-list .cycle-brand-item {
        width: calc(20% - 20px);
    }
    
    @media (max-width: 991.98px) {
        .cycle-brands-list .cycle-brand-item {
            width: calc(25% - 18px);
        }
    }
    
    @media (max-width: 767.98px) {
        .cycle-brands-list .cycle-brand-item {
            width: calc(33% - 15px);
        }
    }
    
    @media (max-width: 575.98px) {
        .cycle-brands-list .cycle-brand-item {
            width: calc(50% - 12px);
        }
    }
    
    .cycle-brand-item {
        background-color: #fff;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .cycle-brand-item::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -10px;
        width: 100%;
        height: 10px;
        background-color: #20a8d9;
        -webkit-filter: blur(24px);
        filter: blur(24px);
        opacity: 0;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .cycle-brand-item img {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .cycle-brand-item .brand-white {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%) scale(0.7);
        transform: translate(-50%, -50%) scale(0.7);
        opacity: 0;
    }
    
    .cycle-brand-item:hover {
        background-color: #20a8d9;
    }
    
    .cycle-brand-item:hover::before {
        opacity: 0.6;
    }
    
    .cycle-brand-item:hover .brand-gray {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0;
    }
    
    .cycle-brand-item:hover .brand-white {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    
    .cycle-category-box {
        padding: 40px 24px;
    }
    
    .cycle-category-box img.cycle {
        border: 2px solid rgba(180, 180, 180, 0.2);
    }
    
    .cycle-category-box .meta-text {
        font-size: 14px;
        font-weight: 500;
        color: #606060;
        position: relative;
    }
    
    .cycle-category-box .meta-text::before {
        content: "";
        position: absolute;
        left: -12px;
        top: 6px;
        width: 8px;
        height: 8px;
        background-color: #20a8d9;
        border-radius: 50%;
    }
    
    .cycle-category-box .box-overlay {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        opacity: 0;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .cycle-category-box .box-overlay::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #0b163f;
        opacity: 0.8;
        z-index: -1;
    }
    
    .cycle-category-box:hover .box-overlay {
        opacity: 1;
    }
    
    .cycle-category-box:hover .box-overlay .overlay-title {
        -webkit-animation: 0.3s fadeInUp;
        animation: 0.3s fadeInUp;
    }
    
    .cycle-category-box:hover .box-overlay .meta-text {
        -webkit-animation: 0.5s fadeInUp;
        animation: 0.5s fadeInUp;
    }
    
    .cycle-category-box:hover .box-overlay .explore-btn {
        -webkit-animation: 0.6s fadeInUp;
        animation: 0.6s fadeInUp;
    }
    
    .cycle-banner {
        padding: 0 0 0 24px;
    }
    
    .cycle-banner.banner-overlay::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(101.16deg, #111010 3.01%, rgba(29, 29, 29, 0.81));
        z-index: -1;
    }
    
    .cycle-banner .circle-shape {
        position: absolute;
        width: 342px;
        height: 342px;
        background-color: #FF757F;
        border-radius: 50%;
        position: absolute;
        right: -171px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: -2;
        opacity: 0.5;
    }
    
    .cycle-banner .banner-subtitle {
        font-family: "Sail", cursive;
        font-size: 20px;
    }
    
    .cycle-banner .banner-list li {
        font-size: 14px;
    }
    
    .cycle-banner .banner-list li span {
        width: 8px;
        height: 8px;
        display: inline-block;
        background-color: #fff;
        border-radius: 50%;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
    }
    
    .cycle-banner .banner-img img {
        margin-left: -30px;
    }
    
    .cycle-banner.ps-32 {
        padding-left: 32px;
    }
    /********************** about section ***********/
    
    .cycle-ab-badge {
        left: 52%;
        top: 14%;
    }
    
    @media (max-width: 575.98px) {
        .cycle-ab-badge {
            left: 45%;
            max-width: 170px;
        }
    }
    
    .cl-explore-btn {
        font-weight: 700;
        color: #111010;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .cl-explore-btn:hover {
        color: #20a8d9;
    }
    /******************** featured cycle **************/
    
    .featured-cycle .dark-clip-shape {
        left: 0;
        top: 0;
        width: 50%;
        height: 100%;
        -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
    }
    
    .featured-cycle .dark-clip-shape::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(#111010), to(rgba(17, 16, 16, 0.81)));
        background: linear-gradient(180deg, #111010 0%, rgba(17, 16, 16, 0.81) 100%);
        z-index: -1;
    }
    
    .featured-cycle .featured-text {
        position: absolute;
        right: 80px;
        top: 30px;
        font-size: 220px;
        font-family: "Plus Jakarta Sans", sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        color: rgba(118, 118, 118, 0.08);
        z-index: -1;
        line-height: 0.8;
    }
    
    @media (max-width: 1399.98px) {
        .featured-cycle .featured-text {
            font-size: 140px;
        }
    }
    
    @media (max-width: 1199.98px) {
        .featured-cycle .dark-clip-shape {
            width: 100%;
            -webkit-clip-path: initial;
            clip-path: initial;
        }
    }
    
    .cl-featured-left {
        max-width: 500px;
    }
    
    .cl-featured-left p {
        color: #F6F6F6;
    }
    
    .cl-feature-single.border-left {
        padding-left: 32px;
        position: relative;
    }
    
    .cl-feature-single.border-left::before {
        content: "";
        position: absolute;
        left: -8px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        height: 40px;
        background-color: rgba(241, 241, 241, 0.2);
    }
    
    @media (max-width: 575.98px) {
        .cl-feature-single.border-left {
            padding-left: 0;
        }
        .cl-feature-single.border-left::before {
            display: none;
        }
    }
    
    @media (max-width: 1600px) {
        .cl-featured-img img {
            max-width: 100%;
        }
    }
    
    .cl-feature-btn {
        width: 32px;
        height: 32px;
        text-align: center;
        line-height: 32px;
        background-color: #20a8d9;
        border-radius: 50%;
        color: #fff;
        z-index: 2;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .cl-feature-btn:hover {
        background-color: #111010;
        color: #fff;
    }
    
    .cl-feature-btn.btn-1 {
        left: 80px;
        bottom: 24px;
    }
    
    .cl-feature-btn.btn-2 {
        top: 64%;
        right: -30px;
    }
    
    .cl-feature-btn.btn-3 {
        left: 250px;
        top: 60px;
    }
    
    @media (max-width: 1600px) {
        .cl-feature-btn.btn-2 {
            right: 0;
        }
    }
    /******************** cycle filter ****************/
    
    .cycle-filter-nav li a {
        color: #5F5F5F;
        padding: 8px 22px;
        display: inline-block;
        border-radius: 4px;
        border: 1px solid rgba(95, 95, 95, 0.6);
        font-weight: 500;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .cycle-filter-nav li a.active {
        background-color: #20a8d9;
        color: #fff;
        border-color: #20a8d9;
    }
    
    .cycle-filter-nav li a:hover {
        background-color: #20a8d9;
        color: #fff;
        border-color: #20a8d9;
    }
    
    .cycle-card {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .cycle-card .thumbnail {
        background-color: rgba(241, 241, 241, 0.6);
        padding: 12px;
    }
    
    .cycle-card .at_product_action {
        bottom: 0;
        opacity: 0;
        visibility: hidden;
    }
    
    .cycle-card .card-title {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .cycle-card .card-title:hover {
        color: #20a8d9;
    }
    
    .cycle-card:hover {
        -webkit-box-shadow: 15px 30px 70px rgba(0, 0, 0, 0.08);
        box-shadow: 15px 30px 70px rgba(0, 0, 0, 0.08);
    }
    
    .cycle-card:hover .at_product_action {
        bottom: 20px;
        opacity: 1;
        visibility: visible;
    }
    /******************* call to action ****************/
    
    .cycle-cta-box {
        border-radius: 8px;
        padding: 60px 80px 60px 48px;
    }
    
    .cycle-cta-box::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(#111010), to(rgba(17, 16, 16, 0.81)));
        background: linear-gradient(180deg, #111010 0%, rgba(17, 16, 16, 0.81) 100%);
        z-index: -1;
        border-radius: 8px;
    }
    
    .cycle-cta-box .cycle-cta-left {
        width: 36%;
    }
    
    .cycle-cta-box .cycle-man {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0;
    }
    
    .cycle-cta-box .cycle-cta-right .arrow-icon {
        left: -100px;
        top: 0;
    }
    
    @media (max-width: 1199.98px) {
        .cycle-cta-box .cycle-cta-left {
            width: 50%;
        }
    }
    
    @media (max-width: 991.98px) {
        .cycle-cta-box .cycle-cta-left {
            width: 100%;
            margin-bottom: 32px;
        }
    }
    
    .cl-cta-explore {
        color: #fff;
        font-weight: 500;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .cl-cta-explore svg circle {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .cl-cta-explore svg path {
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .cl-cta-explore:hover svg circle {
        stroke: #20a8d9;
    }
    
    .cl-cta-explore:hover svg path {
        fill: #20a8d9;
        stroke: #20a8d9;
    }
    /******************* feedback section **************/
    
    .cycle-feedback .dark-clip-shape {
        width: calc(50% - 150px);
        height: 500px;
        bottom: 0;
        left: 0;
        -webkit-clip-path: polygon(0 0, 60% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 60% 0, 100% 100%, 0% 100%);
    }
    
    .cycle-feedback .dark-clip-shape::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(#111010), to(rgba(17, 16, 16, 0.81)));
        background: linear-gradient(180deg, #111010 0%, rgba(17, 16, 16, 0.81) 100%);
        z-index: -1;
    }
    
    @media (max-width: 1399.98px) {
        .cycle-feedback .dark-clip-shape {
            display: none;
        }
    }
    
    .cl-feedback-single {
        padding: 40px 32px;
    }
    
    .cl-feedback-single .quote-icon {
        right: -22px;
        top: 36px;
    }
    
    .cl-feedback-single p {
        font-style: italic;
        font-size: 18px;
    }
    
    .cycle-blog .circle-shape {
        left: 10%;
        top: 100px;
    }
    
    .cycle-blog .circle-half {
        right: 0;
        top: 150px;
    }
    /****************** subscribe area **************/
    
    .cycle-sb-form {
        max-width: 480px;
        margin: 0 auto;
    }
    /*************************** cycle listing page **************************/
    
    .cycle-pagination li a {
        width: 32px;
        height: 32px;
        display: inline-block;
        text-align: center;
        line-height: 32px;
        color: #0b163f;
        background-color: transparent;
        border-radius: 4px;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        font-weight: 500;
    }
    
    .cycle-pagination li a.active {
        background-color: #20a8d9;
        color: #fff;
    }
    
    .cycle-pagination li a:hover {
        background-color: #20a8d9;
        color: #fff;
    }
    /************************ bicycle details ***********************/
    
    .cycle_product_modal .product_view_right .product_color_select_box ul li {
        width: 30px;
        height: 30px;
        display: inline-block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .cycle_product_modal .product_view_right .product_color_select_box ul li span {
        width: 100%;
        height: 100%;
        border-radius: 2px;
        display: inline-block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 3px solid transparent;
    }
    
    .cycle_product_modal .product_view_right .product_color_select_box ul li input {
        width: 100%;
        height: 100%;
    }
    
    .cycle_product_modal .product_view_right .product_color_select_box ul li input:checked~span {
        border: 3px solid #fff;
        -webkit-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
    }
    
    .product_size_select ul li {
        position: relative;
        width: 30px;
        height: 30px;
        cursor: pointer;
    }
    
    .product_size_select ul li input {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    
    .product_size_select ul li input:checked~span {
        border-color: #20a8d9;
    }
    
    .product_size_select ul li span {
        width: 100%;
        height: 100%;
        border: 1px solid #DCDCDC;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 11px;
        font-weight: 600;
        border-radius: 3px;
    }
    
    .cycle-details-nav {
        grid-row-gap: 15px;
        grid-column-gap: 60px;
    }
    
    .cycle-details-nav li a {
        font-weight: 600;
        color: #0b163f;
        padding: 16px 0;
        display: inline-block;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
        position: relative;
    }
    
    .cycle-details-nav li a::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: -1px;
        width: 0;
        height: 2px;
        background-color: #20a8d9;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .cycle-details-nav li a.active {
        color: #20a8d9;
    }
    
    .cycle-details-nav li a.active::before {
        right: auto;
        left: 0;
        width: 100%;
    }
    
    @media (max-width: 767.98px) {
        .cycle-details-nav {
            grid-column-gap: 16px;
        }
    }
    
    .cycle-sidebar.mt-110 {
        margin-top: 110px;
    }
    
    @media (max-width: 1199.98px) {
        .cycle-sidebar.mt-110 {
            margin-top: 30px;
        }
    }
    
    body {
        background: #fff;
    }
    
    ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    input,
    textarea {
        padding: 13.5px 18px;
        border: 0;
        font-size: 14px;
        outline: 0;
        color: #C2C2C2;
    }
    
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: #C2C2C2;
    }
    
    input::-moz-placeholder,
    textarea::-moz-placeholder {
        color: #C2C2C2;
    }
    
    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        color: #C2C2C2;
    }
    
    input::-ms-input-placeholder,
    textarea::-ms-input-placeholder {
        color: #C2C2C2;
    }
    
    input::placeholder,
    textarea::placeholder {
        color: #C2C2C2;
    }
    
    .form-select {
        font-size: 14px;
    }
    
    .bg-secondary-gradient {
        background: -webkit-gradient(linear, left top, left bottom, from(#111010), to(rgba(17, 16, 16, 0.81)));
        background: linear-gradient(180deg, #111010 0%, rgba(17, 16, 16, 0.81) 100%);
    }
    
    .form-select:focus {
        border-color: rgba(11, 22, 63, 0.07);
    }
    
    .at-section-title .at-subtitle::after {
        content: "";
        width: 130px;
        height: 50px;
        border: 3px solid #20a8d9;
        position: absolute;
        bottom: -52px;
        right: -20px;
        border-radius: 50%;
        opacity: 0.2;
        -webkit-clip-path: circle(45.4% at 50% 0);
        clip-path: circle(45.4% at 50% 0);
    }
    
    .at-section-title .at-subtitle.shape-primary::after {
        opacity: 1;
    }
    
    .swiper-pagination .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
        margin: 0 !important;
        border: 1px solid transparent;
        opacity: 1;
        background: transparent;
        position: relative;
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .swiper-pagination .swiper-pagination-bullet::before {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        background: #fff;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
    }
    
    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border-color: #20a8d9;
    }
    
    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
        background: #20a8d9;
    }
    
    .spacer {
        border: 0;
        border-bottom: 1px solid rgba(11, 22, 63, 0.07);
    }
    
    .z-1 {
        z-index: 1;
    }
    
    .z-2 {
        z-index: 2;
    }
    
    .z-3 {
        z-index: 3;
    }
    
    .z-5 {
        z-index: 5;
    }
    
    .z--1 {
        z-index: -1;
    }
    
    .rounded-10 {
        border-radius: 10px;
    }
    
    .bg-primary-light {
        background-color: rgba(255, 230, 234, 0.5);
    }
    
    .soft-light {
        mix-blend-mode: soft-light;
    }
    
    .pera-text-2 {
        color: #7A7A7A !important;
    }
    
    .fw-500 {
        font-weight: 500;
    }
    
    .fw-800 {
        font-weight: 800;
    }
    
    .bg-green {
        background-color: #2ABB52;
    }
    
    .bg-blue {
        background-color: #0084FE;
    }
    
    .light-bg {
        background-color: #F4F7FD;
    }
    
    .black-texture-bg {
        position: relative;
        z-index: 1;
    }
    
    .black-texture-bg::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#111010), to(rgba(17, 16, 16, 0.81)));
        background-image: linear-gradient(180deg, #111010 0%, rgba(17, 16, 16, 0.81) 100%);
        z-index: -1;
    }
    
    .h4-subtitle::before {
        content: "";
        position: absolute;
        left: calc(100% + 6px);
        bottom: 6px;
        width: 60px;
        height: 3px;
        background: #20a8d9;
    }
    
    .h4-subtitle.shape-white::before {
        background: #fff;
    }
    
    .text-md-primary {
        color: #FE5915;
    }
    
    .bg-md-primary {
        background-color: #FE5915;
    }
    
    .el-heading {
        color: #242430;
    }
    
    .text-el-primary {
        color: #5CAD2F;
    }
    
    .text-el-black {
        color: #242430;
    }
    
    .el-box-shadow {
        -webkit-box-shadow: 12px 20px 60px rgba(0, 23, 104, 0.12);
        box-shadow: 12px 20px 60px rgba(0, 23, 104, 0.12);
    }
    
    .md-heading-bold {
        font-weight: 800;
    }
    
    .text-eq-primary {
        color: #FEB200;
    }
    
    .bg-eq-primary {
        background-color: #FEB200;
    }
    
    .bc-background {
        background-color: #F1F7FE;
    }
    
    @-webkit-keyframes theme_fadeInUp {
        0% {
            -webkit-transform: translateY(30px);
            transform: translateY(30px);
            opacity: 0;
        }
        50% {
            -webkit-transform: translateY(30px);
            transform: translateY(30px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
        }
    }
    
    @keyframes theme_fadeInUp {
        0% {
            -webkit-transform: translateY(30px);
            transform: translateY(30px);
            opacity: 0;
        }
        50% {
            -webkit-transform: translateY(30px);
            transform: translateY(30px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
        }
    }
    
    @-webkit-keyframes ripple-animation {
        0% {
            -webkit-box-shadow: 0 0 0 0 #20a8d9;
            box-shadow: 0 0 0 0 #20a8d9;
        }
        50% {
            -webkit-box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
        }
        100% {
            -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
        }
    }
    
    @keyframes ripple-animation {
        0% {
            -webkit-box-shadow: 0 0 0 0 #20a8d9;
            box-shadow: 0 0 0 0 #20a8d9;
        }
        50% {
            -webkit-box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
        }
        100% {
            -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
        }
    }
    
    @-webkit-keyframes ripple-animation2 {
        0% {
            -webkit-box-shadow: 0 0 0 0 #FE5915;
            box-shadow: 0 0 0 0 #FE5915;
        }
        50% {
            -webkit-box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
        }
        100% {
            -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
        }
    }
    
    @keyframes ripple-animation2 {
        0% {
            -webkit-box-shadow: 0 0 0 0 #FE5915;
            box-shadow: 0 0 0 0 #FE5915;
        }
        50% {
            -webkit-box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
        }
        100% {
            -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
        }
    }
    
    @-webkit-keyframes lds-dual-ring {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @keyframes lds-dual-ring {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    .ring-preloader {
        background: rgba(17, 16, 16, 0.96);
        z-index: 1000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .lds-dual-ring {
        display: inline-block;
        width: 80px;
        height: 80px;
    }
    
    .lds-dual-ring:after {
        content: " ";
        display: block;
        width: 64px;
        height: 64px;
        margin: 8px;
        border-radius: 50%;
        border: 6px solid #20a8d9;
        border-color: #20a8d9 transparent #20a8d9 transparent;
        -webkit-animation: lds-dual-ring 1.2s linear infinite;
        animation: lds-dual-ring 1.2s linear infinite;
    }
    /*# sourceMappingURL=scss */
    /*# sourceMappingURL=main.css.map */
    /* fresh code start here */
    
    header #contact {
        text-align: center;
    }
    
    header #contact p {
        border: 2px solid #20a8d9;
        width: 55%;
        border-radius: 30px;
        padding: 3px;
        background: #20a8d9;
        color: #fff;
        margin: auto;
    }
    
    header #log p {
        background-color: #20a8d9;
        color: #fff;
        padding: 5px 20px;
        margin: 0px;
        border-radius: 25px;
    }
    
    header #logs li {
        display: inline-block;
        padding: 0px 5px;
    }
    
    header #logs li a {
        background-color: #20a8d9;
        color: #fff;
        padding: 10px 20px;
        border-radius: 25px;
        font-size: 15px;
    }
    
    header #logs li a {
        background-color: #20a8d9;
        color: #fff;
        padding: 10px 20px;
        border-radius: 25px;
        font-size: 15px;
    }
    
    header #logs #whats a {
        padding: 0;
    }
    
    header #logs #whats a img {
        width: 50px;
        height: 50px;
    }
    
    header .btn-secondary {
        position: relative;
        color: #fff;
        background-color: #20a8d9;
        overflow: hidden;
        z-index: 1;
        border: 0;
        padding: 8px 18px;
    }
    
    #banner {
        background-image: linear-gradient(45deg, #00000082, #49474799), url('../main/bann1.jpg');
        background-size: cover;
        padding: 100px 0;
        text-align: center;
    }
    
    #banner h1 {
        color: #fff;
        font-size: 2.8rem;
        font-weight: bold;
    }
    
    #banner h4 {
        color: #fff;
        font-size: 28px;
    }
    
    .at-search-box #sbtn {
        position: absolute;
        left: 45%;
        top: 205px;
    }
    
    #advrs {
        display: block;
    }
    
    #advrs #adv {
        background-color: #20a8d9;
        border-radius: 10px;
        padding: 20px 0px;
    }
    
    #advrs #adv #brand {
        background-color: #fff;
        width: 80px;
        height: 80px;
        border-radius: 100%;
        margin: auto;
    }
    
    #advrs #adv #brand img {
        width: 100%;
        height: 80px;
        object-fit: contain;
    }
    
    #advrs #adv #a-del {
        padding-left: 20px;
    }
    
    #advrs #adv #a-del h4 {
        color: #fff;
        margin: 0;
        font-size: 18px;
    }
    
    #advrs #adv #a-del ul li {
        display: inline-block;
    }
    
    #advrs #adv #a-del ul li i {
        color: gold;
    }
    
    #advrs #adv #a-del p {
        color: #fff;
        margin: 0;
        font-weight: bold;
        font-size: 13px;
    }
    
    #post {
        padding: 30px 0;
    }
    
    #post img {
        width: 100%;
    }
    
    #apart {
        background-color: #20a8d9;
        border-radius: 10px;
        padding: 20px 50px;
    }
    
    #apart #part-img {
        background-color: #fff;
        width: 80px;
        height: 80px;
        border-radius: 100%;
        padding: 10px 0px;
        border: 1px solid #000;
    }
    
    #apart #part-img img {
        width: 100%;
        height: 60px;
        object-fit: contain;
    }
    
    #apart #name h2 {
        color: #fff;
        font-size: 16px;
        width: 100px;
        margin-top: 15px;
    }
    
    #service {
        padding: 60px 0 0 0;
    }
    
    #service #serv {
        border-radius: 10px;
        border: 1px solid #ccc;
        padding-bottom: 10px;
        height: 535px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    
    #service #serv img {
        width: 100%;
        border-radius: 10px 10px 0px 0px;
    }
    
    #service #serv h3 {
        text-align: center;
        font-size: 18px;
        color: #20a8d9;
        padding: 15px 0;
        margin: 0px;
    }
    
    #service #serv p {
        padding: 8px;
        text-align: justify;
        font-size: 14px;
        height: 185px;
        overflow: hidden;
    }
    
    #service #serv #sr-icon {
        background-color: #fff;
        width: 50px;
        height: 50px;
        border: 1px solid #000;
        margin: auto;
        border-radius: 100%;
        padding: 4px;
    }
    
    #service #serv #sr-icon img {
        width: 40px;
        height: 40px;
        object-fit: contain;
    }
    
    #service #serv h5 {
        text-align: center !important;
        font-size: 13px;
        font-weight: 600;
        color: #000;
        margin-bottom: 10px;
        width: 85px;
    }
    
    #cab-srv {
        padding-top: 50px;
    }
    
    #cab-srv h3 {
        width: 275px;
        color: #20a8d9;
        font-size: 24px;
    }
    
    #cab-srv p {
        font-size: 14px;
    }
    
    #cab-srv img {
        width: 100%;
        border-radius: 20px;
    }
    
    #cab-srv h4 {
        color: #20a8d9;
        font-size: 20px;
    }
    
    .footer-section {
        background-image: linear-gradient(45deg, #00000073, #00000080), url(../main/car.gif);
        background-size: cover;
    }
    
    #servs .tab-content table,
    tr,
    th,
    td {
        border: 1px solid #ddd;
        border-collapse: collapse;
    }
    
    #servs .tab-content table thead tr th {
        background: #26abd9 !important;
        padding: 9px 10px;
        color: #fff;
        text-align: center;
    }
    
    #servs .tab-content table tbody tr td {
        padding: 5px;
        font-size: 13px;
    }
    
    #servs .tab-content table tbody tr td a {
        color: #000;
        font-weight: 600;
        font-size: 14px;
    }
    
    #servs .users_review {
        background-color: #f8f8f8;
        padding: 10px;
        border-radius: 10px;
        margin-bottom: 15px;
    }
    
    #ct-book {
        background-color: #20a8d92e;
        padding: 50px 0;
    }
    
    #ct-book h3 {
        font-size: 2.5rem;
    }
    
    #ct-book h3 span {
        color: #20a8d9;
    }
    
    #ct-book #ser-btn {
        background: #20a8d9;
        color: #fff;
        padding: 15px 75px;
        margin-top: 20px;
        display: inline-block;
        font-weight: 600;
    }
    
    #ct-book img {
        width: 100%;
    }
    
    #route {
        border: 1px solid #ccc;
        padding: 10px;
    }
    
    #route a p {
        float: left;
        color: #000;
        font-size: 16px;
        font-weight: 600;
    }
    
    #route a span {
        float: right;
        border: 2px solid #20a8d9;
        padding: 4px 10px;
        color: #20a8d9;
        border-radius: 5px;
        font-size: 13px;
        font-weight: 600;
    }
    
    #route a span:hover {
        background-color: #20a8d9;
        color: #fff !important;
    }
    
    #news .recent_posts_list {
        height: 350px;
        overflow-y: scroll;
        border: 1px solid #ccc;
        padding: 10px;
    }
    
    header .logo-wrapper img {
        width: 170px;
        height: 65px;
    }
    
    #m-ads {
        display: none;
    }
    
    #m-ads #adv {
        background-color: #20a8d9;
        border-radius: 10px;
        padding: 10px 0px;
    }
    
    #m-ads #brand h4 {
        color: #fff;
        font-size: 14px;
        text-align: center;
    }
    
    #m-ads #logo-m {
        background: #fff;
        width: 65px;
        height: 65px;
        margin: auto;
        border-radius: 100%;
    }
    
    #m-ads #logo-m img {
        width: 65px;
        height: 65px;
        object-fit: contain;
    }
    
    #m-ads #brand ul {
        text-align: center;
    }
    
    #m-ads #brand ul li {
        display: inline-block;
    }
    
    #m-ads #brand ul li i {
        font-size: 10px;
        color: #ffd700;
    }
    
    #m-ads #brand p {
        font-size: 10px;
        color: #fff;
        text-align: center;
        margin: 0px;
    }
    
    #breadcrumb {
        background-color: #eee;
        padding: 5px 0px;
    }
    
    #breadcrumb .breadcrumb {
        margin-bottom: 10px;
    }
    
    #breadcrumb .breadcrumb li {
        font-size: 12px;
    }
    
    #breadcrumb h5 {
        font-size: 15px;
        margin-bottom: 5px;
    }
    
    #breadcrumb #date {
        border-right: 1px solid #000;
        padding-right: 10px;
    }
    
    #breadcrumb #date i {
        float: right;
    }
    
    #breadcrumb #date h6 {
        font-size: 12px;
    }
    
    #cars {
        padding: 40px 0px;
    }
    
    #cars img {
        width: 100%;
    }
    
    #car-del {
        border-radius: 10px;
        justify-items: center;
        align-items: center;
        background-color: white;
        padding: 10px 0px;
        margin-top: 20px;
    }
    
    #car-del .const img {
        width: 40px;
        height: 40px;
    }
    
    #car-del .const h3 {
        font-size: 20px !important;
    }
    
    #car-del .const h6 {
        font-size: 11px;
        margin: 0;
        font-weight: bold;
    }
    
    #car-show {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border-radius: 10px;
        padding: 12px;
        margin-bottom: 20px;
    }
    
    #car-show img {
        width: 165px;
        height: auto;
        margin: auto;
        display: block;
    }
    
    #car-show #tiet {
        text-align: center;
    }
    
    #car-show #tiet h3 {
        display: inline-block;
        font-size: 18px;
        margin: 0px;
    }
    
    #car-show #tiet span {
        background-color: #20a8d9;
        color: #fff;
        font-size: 12px;
        padding: 4px 9px;
        border-radius: 5px;
        margin-left: 5px;
    }
    
    #car-show #facility {
        text-align: center;
        margin-bottom: 15px;
    }
    
    #car-show #facility span {
        padding: 0px 3px;
        font-size: 14px;
        font-weight: 600;
    }
    
    #car-show #pay {
        text-align: center;
    }
    
    #car-show #pay h4 {
        font-size: 18px;
    }
    
    #car-show #pay del {
        font-size: 14px;
        color: #888;
    }
    
    #car-show p {
        color: #000 !important;
        font-size: 10px;
        font-weight: 600;
        text-align: center;
    }
    
    #car-show .rating-icons {
        text-align: center;
    }
    
    #car-show .rating-icons i {
        color: var(--bs-warning);
    }
    
    #car-show h5 {
        font-size: 13px;
        text-align: center;
        color: #152560;
    }
    
    @media(max-width:600px) {
        header #contact p {
            border: 2px solid #20a8d9;
            width: 100%;
            border-radius: 30px;
            padding: 3px 0px;
            background: #20a8d9;
            color: #fff;
            margin: 0;
            font-size: 10px;
        }
        header #contact span {
            background-color: #fff;
            color: #20a8d9;
            padding: 4px 4px;
            border-radius: 20px;
        }
        header #log p {
            background-color: #20a8d9;
            color: #fff;
            padding: 1px 12px;
            margin: 0px;
            border-radius: 25px;
            font-size: 12px;
        }
        #banner h1 {
            color: #fff;
            font-size: 1.6rem;
            font-weight: bold;
        }
        #banner h4 {
            color: #fff;
            font-size: 16px;
        }
        .at-search-box-filter>ul li a {
            color: #111010;
            font-weight: 700;
            background: #fff;
            padding: 5px 10px;
            border-radius: 4px;
            -webkit-transition: 0.3s ease-in;
            transition: 0.3s ease-in;
            display: inline-block;
            border: 1px solid gray;
            font-size: 10px;
        }
        .at-search-box #sbtn {
            position: relative;
            left: 0%;
            top: 25px;
            display: grid;
        }
        .at-search-box-filter>ul {
            gap: 10px;
            position: relative;
            width: 100%;
        }
        #advrs #adv #brand {
            background-color: #fff;
            width: 55px;
            height: 55px;
            border-radius: 100%;
            margin: auto;
            margin-bottom: 20px;
        }
        #advrs #adv #brand img {
            width: 100%;
            height: 55px;
            object-fit: contain;
        }
        #advrs #adv #a-del {
            padding-left: 0;
        }
        #advrs #adv #a-del h4 {
            color: #fff;
            margin: 0;
            font-size: 14px;
        }
        #advrs #adv #a-del ul li i {
            color: gold;
            font-size: 12px;
        }
        #advrs #adv #a-del p {
            color: #fff;
            margin: 0;
            font-weight: bold;
            font-size: 10px;
        }
        #post img {
            width: 100%;
            margin-bottom: 20px;
        }
        #apart {
            background-color: #20a8d9;
            border-radius: 10px;
            padding: 20px;
        }
        #apart #part-img {
            background-color: #fff;
            width: 65px;
            height: 65px;
            border-radius: 100%;
            padding: 10px 0px;
            border: 1px solid #000;
        }
        #apart #part-img img {
            width: 100%;
            height: 46px;
            object-fit: contain;
        }
        #apart #name h2 {
            color: #fff;
            font-size: 10px;
            width: 63px;
            margin-top: 5px;
            text-align: center;
        }
        #service {
            padding: 40px 0 0 0;
        }
        #service #serv h3 {
            text-align: center;
            font-size: 14px;
            color: #20a8d9;
            padding: 10px 0;
            margin: 0px;
        }
        #service #serv p {
            padding: 8px;
            text-align: justify;
            font-size: 10px;
            height: 170px;
            overflow: hidden;
        }
        #service #serv #sr-icon {
            background-color: #fff;
            width: 40px;
            height: 40px;
            border: 1px solid #000;
            margin: auto;
            border-radius: 100%;
            padding: 4px;
        }
        #service #serv #sr-icon img {
            width: 30px !important;
            height: 30px !important;
            object-fit: contain;
        }
        #service #serv h5 {
            text-align: center !important;
            font-size: 8px;
            font-weight: 600;
            color: #000;
            margin-bottom: 10px;
            width: 40px;
        }
        #service #serv {
            border-radius: 10px;
            border: 1px solid #ccc;
            padding-bottom: 10px;
            height: 430px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            margin-bottom: 20px;
        }
        #service #serv #fet {
            padding: 0px 10px;
            margin: 0px 10px 0px 0px;
        }
        #servs .tab-content table thead tr th {
            background: #26abd9 !important;
            padding: 9px 4px;
            color: #fff;
            text-align: center;
            font-size: 9px;
        }
        #servs .tab-content table tbody tr td {
            padding: 5px;
            font-size: 11px;
            font-weight: 600;
        }
        #advrs {
            display: none;
        }
        header .logo-wrapper img {
            width: 108px;
            height: 48px;
        }
        #m-ads {
            display: block;
        }
        header #logs li a {
            background-color: #20a8d9;
            color: #fff;
            padding: 8px 7px;
            border-radius: 25px;
            font-size: 8px;
        }
        header #logs li {
            display: inline-block;
            padding: 0px 5px;
        }
        header .btn-secondary {
            position: relative;
            color: #fff;
            overflow: hidden;
            z-index: 1;
            border: 0;
            padding: 7px 12px !important;
            font-size: 10px;
        }
        header #logs #whats a img {
            width: 35px;
            height: 35px;
        }
        #breadcrumb h5 {
            font-size: 10px;
            margin-bottom: 5px;
        }
        #breadcrumb #date h6 {
            font-size: 8px;
        }
        #breadcrumb .btn-md {
            padding: 5px 10px;
            font-size: 10px;
            margin-top: -5px;
        }
        #car-show img {
            width: 120px;
            height: auto;
            margin: auto;
            display: block;
        }
        #car-show #tiet h3 {
            display: inline-block;
            font-size: 16px;
            margin: 0px;
        }
        #car-show #tiet span {
            background-color: #20a8d9;
            color: #fff;
            font-size: 10px;
            padding: 4px 8px;
            border-radius: 5px;
            margin-left: 5px;
        }
        #car-show #tiet {
            text-align: right;
        }
        #car-show #facility {
            text-align: right;
            margin-bottom: 6px;
        }
        #car-show #pay {
            text-align: right;
        }
        #car-show p {
            color: #000 !important;
            font-size: 13px;
            font-weight: 600;
            text-align: center;
            margin: 0px;
        }
        #car-show #pay h4 {
            font-size: 16px;
            margin: 0px;
        }
        #car-show #pay del {
            font-size: 12px;
            color: #888;
        }
        #breadcrumb #date i {
            float: right;
            display: none;
        }
        #cars {
            padding: 20px 0px;
        }
        #contact i {
            display: none;
        }
        #car-del {
            border-radius: 10px;
            justify-items: center;
            align-items: center;
            background-color: white;
            padding: 10px 0px;
            margin-top: 0;
        }
        #car-show {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            border-radius: 10px;
            padding: 8px 10px;
            margin-bottom: 10px;
        }
        #service #serv img {
            width: 100%;
            border-radius: 10px 10px 0px 0px;
            height: 130px !important;
            object-fit: cover;
        }
        #cab-srv img {
            width: 100%;
            border-radius: 10px;
            height: 150px;
            object-fit: cover;
        }
        #banner {
            background-image: linear-gradient(45deg, #00000082, #49474799), url(../main/bann1.jpg);
            background-size: cover;
            padding: 30px 0px 10px 0px;
            text-align: center;
        }
        .at-search-box-filter {
            padding: 20px;
            -webkit-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
            box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(12, 8, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(12, 8, 0, 0.05);
            border-radius: 6px;
            position: relative;
            z-index: 50;
        }
    }