@charset "UTF-8";
@import url(animate.css);
@import url(flag-icons.css);
@import url(bootstrap-icons.css);

@page {
    size: auto;
}

body::-webkit-scrollbar,
.modal-body::-webkit-scrollbar,
.overflow-auto::-webkit-scrollbar,
.offcanvas-body::-webkit-scrollbar,
.overflow-scroll::-webkit-scrollbar,
.select2-results__options::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

body::-webkit-scrollbar-track,
.modal-body::-webkit-scrollbar-track,
.overflow-auto::-webkit-scrollbar-track,
.offcanvas-body::-webkit-scrollbar-track,
.overflow-scroll::-webkit-scrollbar-track,
.select2-results__options::-webkit-scrollbar-track {
    border-radius: 10px;
}

body::-webkit-scrollbar-thumb,
.modal-body::-webkit-scrollbar-thumb,
.overflow-auto::-webkit-scrollbar-thumb,
.offcanvas-body::-webkit-scrollbar-thumb,
.overflow-scroll::-webkit-scrollbar-thumb,
.select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--bs-border-color);
}

body::-webkit-scrollbar-thumb:hover,
.modal-body::-webkit-scrollbar-thumb:hover,
.overflow-auto::-webkit-scrollbar-thumb:hover,
.offcanvas-body::-webkit-scrollbar-thumb:hover,
.overflow-scroll::-webkit-scrollbar-thumb:hover,
.select2-results__options::-webkit-scrollbar-thumb:hover {
    background: var(--bs-secondary-color);
}


.form-group {
    margin-bottom: 10px;
}

fieldset {
    border: 1px solid var(--bs-border-color) !important;
    padding: .25rem .75rem .75rem !important;
    border-radius: 5px !important;
}

fieldset legend {
    width: auto;
    float: none;
    padding: 0 .5rem;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
}

.preloader {
    background: #fff;
    position: fixed;
    z-index: 10001;
    height: 100%;
    width: 100%;
    opacity: .75;
    overflow: hidden;
}

.preloader .loader {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    margin: 0 auto;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 3rem;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    border: 0.1em solid #f8f9fa;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/loader.png);
}

.preloader .loader:before,
.preloader .loader:after {
    content: '';
    width: 3em;
    height: 3em;
    left: -.1em;
    top: -.1em;
    padding: .1em;
    display: block;
    border-radius: 50%;
    position: absolute;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    border: .1em solid;
    border-color: #ffc107ee transparent transparent transparent;
    -webkit-animation: pendulum infinite 2s cubic-bezier(0.3, 1.65, 0.7, -0.65);
    animation: pendulum infinite 2s cubic-bezier(0.3, 1.65, 0.7, -0.65);
}

.preloader .loader:before {
    border-color: #ffc107 transparent transparent transparent;
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    -webkit-animation-name: pendulum2;
    animation-name: pendulum2;
}

@-webkit-keyframes pendulum {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes pendulum {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes pendulum2 {
    from {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    to {
        -webkit-transform: rotate(520deg);
        -moz-transform: rotate(520deg);
        -ms-transform: rotate(520deg);
        -o-transform: rotate(520deg);
        transform: rotate(520deg);
    }
}

@keyframes pendulum2 {
    from {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    to {
        -webkit-transform: rotate(520deg);
        -moz-transform: rotate(520deg);
        -ms-transform: rotate(520deg);
        -o-transform: rotate(520deg);
        transform: rotate(520deg);
    }
}

.login-form {
    min-width: 500px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.input-icon span {
    left: 15px;
    z-index: 6;
}

.input-icon .form-control {
    padding-left: 2.5rem;
}

.home-slide .carousel-item {
    height: 375px;
}

.form-switch.form-switch-md .form-check-input {
    width: 3rem !important;
}

.form-switch-md .form-check-input {
    height: 1.5rem !important;
}

.form-switch-md .form-check-label {
    padding: 3px 10px;
}

.form-switch.form-switch-lg .form-check-input {
    width: 4rem !important;
}

.form-switch-lg .form-check-input {
    height: 2rem !important;
}

.form-switch-lg .form-check-label {
    padding: 10px 15px;
}

.form-floating .select2-selection {
    height: calc(3.5rem + 2px) !important;
}

.form-floating .select2-selection span {
    margin-top: 18px;
}

.form-switch-primary .form-check-input:checked {
    border-color: var(--bs-primary-border-subtle);
    background-color: var(--bs-primary);
}

.form-switch-success .form-check-input:checked {
    border-color: var(--bs-success-border-subtle);
    background-color: var(--bs-success);
}

.form-switch-danger .form-check-input:checked {
    border-color: var(--bs-danger-border-subtle);
    background-color: var(--bs-danger);
}

.form-switch-warning .form-check-input:checked {
    border-color: var(--bs-warning-border-subtle);
    background-color: var(--bs-warning);
}

.form-switch-info .form-check-input:checked {
    border-color: var(--bs-info-border-subtle);
    background-color: var(--bs-info);
}

@media screen and (max-width:991px) {
    .home-slide .carousel-item {
        height: 350px;
    }
}

@media screen and (max-width:767px) {
    .home-slide .carousel-item {
        height: 250px;
    }
}

@media (max-width: 500px) {
    .login-form {
        min-width: 90%;
    }
}

.me-2r {
    margin-right: 2rem !important
}

.font-8 {
    font-size: 8px
}

.font-9 {
    font-size: 9px
}

.font-10 {
    font-size: 10px
}

.font-11 {
    font-size: 11px
}

.font-12 {
    font-size: 12px
}

.font-13 {
    font-size: 13px
}

.font-14 {
    font-size: 14px
}

.font-16 {
    font-size: 16px
}

.font-18 {
    font-size: 18px
}

.font-20 {
    font-size: 20px
}

.font-22 {
    font-size: 22px
}

.font-24 {
    font-size: 24px
}

.font-30 {
    font-size: 30px
}

.font-35 {
    font-size: 35px
}

.font-50 {
    font-size: 50px
}

.font-60 {
    font-size: 60px
}

.w-5 {
    width: 5% !important;
}

.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.w-40 {
    width: 40% !important;
}

.w-60 {
    width: 60% !important;
}

.w-70 {
    width: 70% !important;
}

.w-80 {
    width: 80% !important;
}

.w-90 {
    width: 90% !important;
}

.w-10p {
    width: 10px !important;
}

.w-15p {
    width: 15px !important;
}

.w-20p {
    width: 20px !important;
}

.w-25p {
    width: 25px !important;
}

.w-30p {
    width: 30px !important;
}

.w-35p {
    width: 35px !important;
}

.w-40p {
    width: 40px !important;
}

.w-45p {
    width: 45px !important;
}

.w-50p {
    width: 50px !important;
}

.w-55p {
    width: 55px !important;
}

.w-60p {
    width: 60px !important;
}

.w-65p {
    width: 65px !important;
}

.w-70p {
    width: 70px !important;
}

.w-75p {
    width: 75px !important;
}

.w-80p {
    width: 80px !important;
}

.w-85p {
    width: 85px !important;
}

.w-90p {
    width: 90px !important;
}

.w-95p {
    width: 95px !important;
}

.w-100p {
    width: 100px !important;
}

.w-150p {
    width: 150px !important;
}

.mw-5 {
    min-width: 5% !important;
}

.mw-10 {
    min-width: 10% !important;
}

.mw-15 {
    min-width: 15% !important;
}

.mw-20 {
    min-width: 20% !important;
}

.mw-25 {
    min-width: 25% !important;
}

.mw-30 {
    min-width: 30% !important;
}

.mw-40 {
    min-width: 40% !important;
}

.mw-50 {
    min-width: 50% !important;
}

.mw-5p {
    min-width: 5px !important;
}

.mw-10p {
    min-width: 10px !important;
}

.mw-15p {
    min-width: 15px !important;
}

.mw-20p {
    min-width: 20px !important;
}

.mw-25p {
    min-width: 25px !important;
}

.mw-50p {
    min-width: 50px !important;
}

.mw-75p {
    min-width: 75px !important;
}

.mw-100p {
    min-width: 100px !important;
}

.mw-150p {
    min-width: 150px !important;
}

.mw-200p {
    min-width: 200px !important;
}

.mw-250p {
    min-width: 250px !important;
}

.mw-300p {
    min-width: 300px !important;
}

.mw-350p {
    min-width: 350px !important;
}

.mw-400p {
    min-width: 400px !important;
}

.mw-450p {
    min-width: 450px !important;
}

.mw-500p {
    min-width: 500px !important;
}

.mw-25v {
    min-width: 25vw !important;
}

.mw-50v {
    min-width: 50vw !important;
}

.mw-75v {
    min-width: 75vw !important;
}

.mw-100v {
    min-width: 100vw !important;
}

.xw-25v {
    max-width: 25vw !important;
}

.xw-50v {
    max-width: 50vw !important;
}

.xw-75v {
    max-width: 75vw !important;
}

.xw-80v {
    max-width: 80vw !important;
}

.xw-90v {
    max-width: 90vw !important;
}

.xw-100v {
    max-width: 100vw !important;
}

.xw-5 {
    max-width: 5% !important;
}

.xw-10 {
    max-width: 10% !important;
}

.xw-15 {
    max-width: 15% !important;
}

.xw-20 {
    max-width: 20% !important;
}

.xw-25 {
    max-width: 25% !important;
}

.xw-30 {
    max-width: 30% !important;
}

.xw-40 {
    max-width: 40% !important;
}

.xw-60 {
    max-width: 60% !important;
}

.xw-70 {
    max-width: 70% !important;
}

.xw-80 {
    max-width: 80% !important;
}

.xw-90 {
    max-width: 90% !important;
}

.xw-5p {
    max-width: 5px !important;
}

.xw-10p {
    max-width: 10px !important;
}

.xw-15p {
    max-width: 15px !important;
}

.xw-20p {
    max-width: 20px !important;
}

.xw-25p {
    max-width: 25px !important;
}

.xw-50p {
    max-width: 50px !important;
}

.xw-75p {
    max-width: 75px !important;
}

.xw-100p {
    max-width: 100px !important;
}

.xw-150p {
    max-width: 150px !important;
}

.xw-200p {
    max-width: 200px !important;
}

.xw-250p {
    max-width: 250px !important;
}

.xw-300p {
    max-width: 300px !important;
}

.xw-350p {
    max-width: 350px !important;
}

.xw-400p {
    max-width: 400px !important;
}

.xw-450p {
    max-width: 450px !important;
}

.xw-500p {
    max-width: 500px !important;
}

.xh-50p {
    max-height: 50px !important;
}

.xh-75p {
    max-height: 75px !important;
}

.xh-100p {
    max-height: 100px !important;
}

.xh-125p {
    max-height: 125px !important;
}

.xh-150p {
    max-height: 150px !important;
}

.xh-175p {
    max-height: 175px !important;
}

.xh-200p {
    max-height: 200px !important;
}

.xh-225p {
    max-height: 225px !important;
}

.xh-250p {
    max-height: 250px !important;
}

.xh-275p {
    max-height: 275px !important;
}

.xh-300p {
    max-height: 300px !important;
}

.xh-325p {
    max-height: 325px !important;
}

.xh-350p {
    max-height: 350px !important;
}

.xh-375p {
    max-height: 375px !important;
}

.xh-400p {
    max-height: 400px !important;
}

.xh-425p {
    max-height: 425px !important;
}

.xh-450p {
    max-height: 450px !important;
}

.xh-475p {
    max-height: 475px !important;
}

.xh-500p {
    max-height: 500px !important;
}

.xh-525p {
    max-height: 525px !important;
}

.xh-550p {
    max-height: 550px !important;
}

.xh-575p {
    max-height: 575px !important;
}

.xh-600p {
    max-height: 600px !important;
}

.xh-625p {
    max-height: 625px !important;
}

.xh-650p {
    max-height: 650px !important;
}

.xh-675p {
    max-height: 675px !important;
}

.xh-700p {
    max-height: 700px !important;
}

.xh-725p {
    max-height: 725px !important;
}

.xh-750p {
    max-height: 750px !important;
}

.xh-775p {
    max-height: 775px !important;
}

.xh-800p {
    max-height: 800px !important;
}

.mh-25v {
    min-height: 25vh !important;
}

.mh-50v {
    min-height: 50vh !important;
}

.mh-70v {
    min-height: 70vh !important;
}

.mh-75v {
    min-height: 75vh !important;
}

.mh-80v {
    min-height: 80vh !important;
}

.mh-90v {
    min-height: 90vh !important;
}

.mh-100v {
    min-height: 100vh !important;
}

.xh-25v {
    max-height: 25vh !important;
}

.xh-50v {
    max-height: 50vh !important;
}

.xh-70v {
    max-height: 70vh !important;
}

.xh-75v {
    max-height: 75vh !important;
}

.xh-100v {
    max-height: 100vh !important;
}

/*Min Height*/

.h-10 {
    height: 10px !important;
}

.h-10p {
    height: 10px !important;
}

.h-15p {
    height: 15px !important;
}

.h-20p {
    height: 20px !important;
}

.h-25p {
    height: 25px !important;
}

.h-30p {
    height: 30px !important;
}

.h-35p {
    height: 35px !important;
}

.h-40p {
    height: 40px !important;
}

.h-45p {
    height: 45px !important;
}

.h-50p {
    height: 50px !important;
}

.h-55p {
    height: 55px !important;
}

.h-60p {
    height: 60px !important;
}

.h-65p {
    height: 65px !important;
}

.h-70p {
    height: 70px !important;
}

.h-75p {
    height: 75px !important;
}

.h-80p {
    height: 80px !important;
}

.h-85p {
    height: 85px !important;
}

.h-90p {
    height: 90px !important;
}

.h-95p {
    height: 95px !important;
}

.h-100p {
    height: 100px !important;
}

.h-125p {
    height: 125px !important;
}

.h-150p {
    height: 150px !important;
}

.h-175p {
    height: 175px !important;
}

.h-200p {
    height: 200px !important;
}

.h-225p {
    height: 225px !important;
}

.h-250p {
    height: 250px !important;
}

.h-275p {
    height: 275px !important;
}

.h-300p {
    height: 300px !important;
}

.h-325p {
    height: 325px !important;
}

.h-350p {
    height: 350px !important;
}

.h-375p {
    height: 375px !important;
}

.h-400p {
    height: 400px !important;
}

.h-425p {
    height: 425px !important;
}

.h-450p {
    height: 450px !important;
}

.h-475p {
    height: 475px !important;
}

.h-500p {
    height: 500px !important;
}

.h-525p {
    height: 525px !important;
}

.h-550p {
    height: 550px !important;
}

.h-575p {
    height: 575px !important;
}

.h-600p {
    height: 600px !important;
}

.h-625p {
    height: 625px !important;
}

.h-650p {
    height: 650px !important;
}

.h-675p {
    height: 675px !important;
}

.h-700p {
    height: 700px !important;
}

.h-725p {
    height: 725px !important;
}

.h-750p {
    height: 750px !important;
}

.h-775p {
    height: 775px !important;
}

.h-800p {
    height: 800px !important;
}

.mh-0 {
    min-height: 0 !important;
}

.mh-50p {
    min-height: 50px !important;
}

.mh-75p {
    min-height: 75px !important;
}

.mh-100p {
    min-height: 100px !important;
}

.mh-125p {
    min-height: 125px !important;
}

.mh-150p {
    min-height: 150px !important;
}

.mh-175p {
    min-height: 175px !important;
}

.mh-200p {
    min-height: 200px !important;
}

.mh-225p {
    min-height: 225px !important;
}

.mh-250p {
    min-height: 250px !important;
}

.mh-275p {
    min-height: 275px !important;
}

.mh-300p {
    min-height: 300px !important;
}

.mh-325p {
    min-height: 325px !important;
}

.mh-350p {
    min-height: 350px !important;
}

.mh-375p {
    min-height: 375px !important;
}

.mh-400p {
    min-height: 400px !important;
}

.mh-425p {
    min-height: 425px !important;
}

.mh-450p {
    min-height: 450px !important;
}

.mh-475p {
    min-height: 475px !important;
}

.mh-500p {
    min-height: 500px !important;
}

.mh-525p {
    min-height: 525px !important;
}

.mh-550p {
    min-height: 550px !important;
}

.mh-575p {
    min-height: 575px !important;
}

.mh-600p {
    min-height: 600px !important;
}

.mh-625p {
    min-height: 625px !important;
}

.mh-650p {
    min-height: 650px !important;
}

.mh-675p {
    min-height: 675px !important;
}

.mh-700p {
    min-height: 700px !important;
}

.mh-725p {
    min-height: 725px !important;
}

.mh-750p {
    min-height: 750px !important;
}

.mh-775p {
    min-height: 775px !important;
}

.mh-800p {
    min-height: 800px !important;
}