@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500;600;700;800&display=swap";

:root {
    --bs-body-bg: #ffffff;
    --bs-white: #ffffff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-card-bg: #ffffff;
    --bs-body-color: #2b2b2b;
    --paragraphColor: #2b2b2b;
    --bs-muted: #444c55;
    --bs-muted-2: #444c55;
    --bs-body-color-rgb: 43, 43, 43;
    --bs-dark-text: #212529;
    --bs-primary: #c71f37;
    --bs-light: #f7f7f7;
    --bs-light-gray: #ffffffa8;
    --bs-dark: #212529;
    --bs-primary-rgb: 226, 55, 68;
    --bs-light-rgb: 247, 247, 247;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-2: #d02b38;
    --bs-primary-text-emphasis: #c71f37;
    --bs-primary-bg-subtle: #fae8eb;
    --bs-primary-bg-dark: #dd2e3b;
    --bs-primary-border-subtle: #ffdee2;
    --bs-danger-bg-subtle: #ffdee2;
    --headingColor: #2b2b2b;
    --bs-link-color: #212529;
    --bs-link-color-rgb: 28, 28, 28;
    --bs-link-hover-color: #c71f37;
    --bs-link-hover-color-rgb: 226, 55, 68;
    --bs-link-decoration: underline;
    --bs-code-color: #c71f37;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-color: #efefef;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-nav-color: #212529;
    --bs-dashboard-bg: #2e3338;
    --body-font-family: "Jost", sans-serif
}

body {
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-size: 15px;
    font-family: var(--body-font-family);
    margin: 0;
    overflow-x: hidden !important;
    font-weight: 400
}

h1 {
    color: var(--headingColor);
    font-weight: 600;
    font-family: var(heading-font-family)
}

p {
    line-height: 1.8;
    color: var(--paragraphColor)
}

.form-group {
    margin-bottom: 15px
}

a {
    text-decoration: none;
    color: var(--bs-link-color);
    cursor: pointer
}

a:hover, a:focus {
    text-decoration: none;
    color: var(--bs-link-hover-color)
}

.text-lg {
    font-size: 1.1rem !important
}

.btn {
    padding: 10px 20px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
    border-radius: .375rem;
    overflow: hidden;
    animation-delay: .7s;
    animation-duration: .5s;
    position: relative
}

.btn:after {
    background-color: #ffffffc2;
    content: "";
    height: 150px;
    left: -75px;
    position: absolute;
    top: -35px;
    transform: rotate(35deg);
    transition: all 1.6s cubic-bezier(.19, 1, .22, 1);
    width: 40px;
    opacity: 0
}

.btn:hover:after {
    left: 120%;
    transition: all 1.3s cubic-bezier(.19, 1, .22, 1);
    opacity: .25
}

.btn-primary {
    --bs-btn-bg: #d4203d;
    --bs-btn-border-color: #d4203d;
    --bs-btn-hover-bg: #b1162f;
    --bs-btn-hover-border-color: #b1162f;
    --bs-btn-active-bg: #b1162f;
    --bs-btn-active-border-color: #b1162f;
    --bs-btn-disabled-bg: #d4203d;
    --bs-btn-disabled-border-color: #d4203d
}

.btn:focus, .btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-lg {
    padding: 1em 2.5em;
    height: 75px;
    font-size: 1.34em
}

.btn-primary {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-white)
}

.btn-primary:hover {
    background: var(--bs-primary-bg-dark) !important;
    border-color: var(--bs-primary-bg-dark) !important;
    color: var(--bs-white) !important
}

.btn-primary:focus {
    background: var(--bs-primary-bg-dark) !important;
    border-color: var(--bs-primary-bg-dark) !important;
    color: var(--bs-white) !important
}

.btn-primary:active {
    background: var(--bs-primary-bg-dark) !important;
    border-color: var(--bs-primary-bg-dark) !important;
    color: var(--bs-white) !important
}

.form-control {
    height: 56px;
    font-size: 14px;
    color: var(--bs-form-color);
    box-shadow: none;
    border: 1px solid #dadfe6 !important;
    background-clip: initial
}

.form-control.border-0 {
    border: none !important
}

.form-control:focus {
    color: var(--bs-form-color) !important;
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-primary-border-subtle) !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
    outline: 2px solid var(--bs-primary)
}

.form-control:focus {
    box-shadow: none
}

.form-control::-ms-input-placeholder {
    color: color-mix(in srgb, var(--bs-dark), transparent 30%)
}

p {
    margin: 0 0 10px
}

[data-overlay] {
    position: relative
}

[data-overlay]:before {
    position: absolute;
    content: "";
    background: #020d16;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

[data-overlay="6"]:before {
    opacity: .6
}

div[data-overlay] h1, div[data-overlay] p {
    color: var(--bs-white)
}

.badge-primary:focus-visible {
    background-color: var(--bs-primary);
    color: var(--bs-white)
}

.badge-success:focus-visible {
    background-color: var(--bs-success);
    color: var(--bs-white)
}

.badge-danger:focus-visible {
    background-color: var(--bs-danger);
    color: var(--bs-white)
}

.badge-warning:focus-visible {
    background-color: var(--bs-warning);
    color: var(--bs-white)
}

.badge-info:focus-visible {
    background-color: var(--bs-info);
    color: var(--bs-white)
}

.badge-dark:focus-visible {
    background-color: var(--bs-dark);
    color: var(--bs-white)
}

.badge-purple:focus-visible {
    background-color: var(--bs-purple);
    color: var(--bs-white)
}

.badge-seegreen:focus-visible {
    background-color: var(--bs-cyan);
    color: var(--bs-white)
}

.badge-secondary:focus-visible {
    background-color: var(--bs-primary-bg-subtle);
    color: var(--bs-primary)
}

.btn:first-child:active {
    color: var(--bs-white);
    background: var(--bs-primary);
    border-color: var(--bs-primary)
}

.nav.nav-tabs .nav-link:focus-visible {
    color: var(--bs-primary);
    border: none;
    outline: none;
    box-shadow: none;
    opacity: 1;
    border-bottom: 2px solid var(--bs-primary)
}

.user-Dashboard-longmenu li a:ative {
    color: var(--bs-primary)
}

.image-cover {
    background-size: cover !important;
    background-position: center !important
}

.image-cover .container {
    position: relative;
    z-index: 1
}

footer .footer-widget ul li a:hactive {
    color: var(--bs-primary)
}

@media (min-width: 768px) {
    .container {
        max-width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px
    }

    h1 {
        font-size: 3rem
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px
    }
}

@media (min-width: 1500px) {

    h1 {
        font-size: 3.4rem
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 35px
    }
}

@media (max-width: 600px) {

    .btn-lg {
        padding: 1em 2em;
        height: auto;
        font-size: 1.1em
    }

    h1 {
        font-size: 22px
    }
}

.form-control {
    border: none !important
}

/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ 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);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.yarl__button:focus:not(:focus-visible) {
    color: var(--yarl__color_button, hsla(0, 0%, 100%, .8))
}

.yarl__button:focus-visible {
    color: var(--yarl__color_button_active, #fff)
}

@media (hover: hover) {
    .yarl__button:focus-visible:hover {
        color: var(--yarl__color_button_active, #fff)
    }
}