@font-face {
    font-family: 'Orbitron';
    src: url('../fonts/Orbitron-Black.woff2') format('woff2'),
        url('../fonts/Orbitron-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orbitron-Bold';
    src: url('../fonts/Orbitron-Bold.woff2') format('woff2'),
        url('../fonts/Orbitron-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orbitron';
    src: url('../fonts/Orbitron-Medium.woff2') format('woff2'),
        url('../fonts/Orbitron-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orbitron-Regular';
    src: url('../fonts/Orbitron-Regular.woff2') format('woff2'),
        url('../fonts/Orbitron-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orbitron-Bold';
    src: url('../fonts/Orbitron-Bold.woff2') format('woff2'),
        url('../fonts/Orbitron-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orbitron';
    src: url('../fonts/Orbitron-Regular.woff2') format('woff2'),
        url('../fonts/Orbitron-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orbitron';
    src: url('../fonts/Orbitron-Medium.woff2') format('woff2'),
        url('../fonts/Orbitron-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orbitron';
    src: url('../fonts/Orbitron-SemiBold.woff2') format('woff2'),
        url('../fonts/Orbitron-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/Urbanist-Black.woff2') format('woff2'),
        url('../fonts/Urbanist-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/Urbanist-Bold.woff2') format('woff2'),
        url('../fonts/Urbanist-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/Urbanist-ExtraBold.woff2') format('woff2'),
        url('../fonts/Urbanist-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/Urbanist-Light.woff2') format('woff2'),
        url('../fonts/Urbanist-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/Urbanist-Medium.woff2') format('woff2'),
        url('../fonts/Urbanist-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist-Regular';
    src: url('../fonts/Urbanist-Regular.woff2') format('woff2'),
        url('../fonts/Urbanist-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/Urbanist-SemiBold.woff2') format('woff2'),
        url('../fonts/Urbanist-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/Urbanist-Thin.woff2') format('woff2'),
        url('../fonts/Urbanist-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




 
 
 :root {
            --main-color-one: #31696C;
            --main-color-two: #2bdfff;
            --main-color-one-rgb: 41, 37, 80;
            --secondary-color: #ffa500;
            --secondary-color-rgb: 255, 165, 0;
            --bg-gradient: linear-gradient(90deg, #fef0db 0%, #fefbf6 50%, #ecf8f0 100%);
            --gradient-bg: linear-gradient(90deg, #f826a0 -2.484%, #ffa449 100%);
            --gradient-bg-reverce: linear-gradient(90deg, #ffa449 -2.484%, #f826a0 100%);
            --danger-color-sub: rgb(255, 15, 15);
            --success-color-sub: rgb(0, 181, 0);
            --section-bg-base: #6176f6;
            --section-bg-1: #F7F8FF;
            --section-bg-2: #F5F5F5;
            --footer-bg-1: #020418;
            --footer-bg-2: #1E84FE;
            --copyright-bg-1: #323336;
            --border-color: #EAECF0;
            --border-color-2: #ddd;
            --heading-color: #2A2B2C;
            --paragraph-color: #5a5e60;
            --body-color: #5a5e60;
            --white: #fff;
            --active-color: #00C897;
            --active-color-rgb: 0, 200, 151;
            --success-color: #65c18c;
            --success-color-rgb: 101, 193, 140;
            --danger-color: #f53a3a;
            --danger-color-rgb: 245, 58, 58;
            --promo-one: #e3e1ff;
            --promo-two: #ffe6d3;
            --promo-three: #dbf3ff;
            --promo-four: #efffe6;
            --promo-five: #ffc9c9;
            --promo-six: #ceffda;
            --promo-seven: #b2ccfd;
            --promo-eight: #f0bcff;
            --heading-font: Plus Jakarta Sans, sans-serif;
            --body-font: 'Urbanist-Regular', sans-serif;
            --Otomanopee-fonts: 'Orbitron-Bold', sans-serif;
            --title-fonts: 'Montserrat-Bold', sans-serif;
            --montserrat-fonts: 'Montserrat-Regular', sans-serif;
            --bs-icon-size: 1rem;
            --bs-icon-size-sm: 14px;
            --urbanist-font: 'Urbanist-Regular', serif;
            --primary-color: #31696C;
            --text-color: #2A2B2C;
            --nav-color: #767474;
            --color0: #FFFFFF;
            --color1: #EBEBED;
            --color2: #292550;
            --color3: #4C2328;
            --color4: #CFCDCD;
            --color5: #F6F6F8;
            --color6: #FFD7DB;
            --color7: #FDF4F7;
            --color8: #00A86B;
            --color9: #D1CCCC;
            --color10: #FF1D00;
            --color11: #F0AD4E;
            --color12: #070708;
            --color13: #FF9960;
            --color14: #1B1F35;
            --color15: #EFEEEE;
        }



        a{
            text-decoration: none;
            cursor: pointer;
            font-family: var(--urbanist-font) !important;
        }

       body p{
           font-family: var(--urbanist-font) !important; 
        }
        .header-notification-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f2f2;
    border-radius: 50px;
}
.header-notification-content h6 {
    font-size: 15px;
    color: #000;
}

 .toast-container .toast {
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
            border-radius: 8px;
        }

        .toast-body {
            color: white;
            background: #31696c;
            border-radius: 7px;
        }

        .toast-button {
            color: white;
            background: #31696c;
            border-radius: 7px;
        }