/**********general styles*************/
.modal-header[dir="rtl"] .btn-close[dir="rtl"] {
    padding: .5rem .5rem;
    margin: 0px !important;
}
/*

@media screen and (max-width: 767px) {
    #logo-header {
        background-image: url(../images/identity/VisionizerLogo.png);
    }
}

@media screen and (min-width: 768px) {
    #logo-header {
        background-image: url(../images/VisionizerHeaderLogo.svg);
    }
} */

.content-center-in-mobile {
    text-align: start;
}
.w-mobile-50 {
    width: 50% !important;
}

@media screen and (max-width: 768px) {
    .mobile-menu .dropdown-menu {
        position: relative !important;
        top: -45px !important;
        border: 0;
    }
    .font-22px {
        font-size: 15px !important;
    }
    .font-16px {
        font-size: 12px !important;
    }
    .font-14px {
        font-size: 11px !important;
    }
    .circule-number {
        height: 25px !important;
        width: 25px !important;
        border-radius: 50%;
    }
    .content-center-in-mobile {
        text-align: center !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .w-mobile-50 {
        width: 80% !important;
    }
}
.iti__selected-flag {
    background: transparent !important;
}
@media (max-width: 415px) {
    .cta[dir="ltr"] {
        position: fixed;
        width: 171px;
        height: 55px !important;
        bottom: 14px;
        left: 14px;
        border-radius: 50px;
        text-align: center;
        box-shadow: 2px 2px 3px #999;
        font-size: 12px !important;
        z-index: 999;
    }

    .cta[dir="rtl"] {
        position: fixed;
        width: 131px;
        height: 55px !important;
        bottom: 14px;
        right: 14px;
        border-radius: 50px;
        text-align: center;
        box-shadow: 2px 2px 3px #999;
        font-size: 13px !important;
        z-index: 999;
    }
    .cta-revers[dir="ltr"] {
        position: fixed;
        width: 171px;
        height: 55px !important;
        bottom: 14px;
        right: 44px;
        border-radius: 50px;
        text-align: center;
        box-shadow: 2px 2px 3px #999;
        font-size: 12px !important;
        z-index: 999;
    }

    .cta-revers[dir="rtl"] {
        position: fixed;
        width: 131px;
        height: 55px !important;
        bottom: 14px;
        left: 44px;
        border-radius: 50px;
        text-align: center;
        box-shadow: 2px 2px 3px #999;
        font-size: 13px !important;
        z-index: 999;
    }
}

@media (min-width: 415px) and (max-width: 1920px) {
    .cta[dir="ltr"] {
        position: fixed;
        width: 220px;
        height: 60px !important;
        bottom: 20px;
        left: 40px;
        border-radius: 50px;
        text-align: center;
        box-shadow: 2px 2px 3px #999;
        z-index: 999;
    }

    .cta[dir="rtl"] {
        position: fixed;
        width: 180px;
        height: 60px !important;
        bottom: 20px;
        right: 40px;
        border-radius: 50px;
        text-align: center;
        box-shadow: 2px 2px 3px #999;
        z-index: 999;
    }
    .cta-revers[dir="ltr"] {
        position: fixed;
        width: 220px;
        height: 60px !important;
        bottom: 20px;
        right: 80px;
        border-radius: 50px;
        text-align: center;
        box-shadow: 2px 2px 3px #999;
        z-index: 999;
    }

    .cta-revers[dir="rtl"] {
        position: fixed;
        width: 180px;
        height: 60px !important;
        bottom: 20px;
        left: 80px;
        border-radius: 50px;
        text-align: center;
        box-shadow: 2px 2px 3px #999;
        z-index: 999;
    }
}


.my-float {
    margin-top: 12px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 1.5em;
}

input[type=text], textarea {
    color: #000
}

html, body {
    overflow-x: hidden;
    max-width: 100%
}

.underline {
    text-decoration: underline !important;
}

ul {
    list-style: none;
    padding: 0;
}

.display-none {
    display: none;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-25 {
    opacity: 0.25;
}

.rotate-90 {
    transform: rotate(270deg);
}

.content-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.border-raduis-25 {
    border-radius: 25px !important;
}

.border-raduis-10 {
    border-radius: 10px !important;
}

.border-raduis-16 {
    border-radius: 16px !important;
    border: 1px solid #e8e8e8;
}

.border-radius-bottom {
    border-radius: 0px 0px 16px 16px;
}

.p-relative {
    position: relative;
    width: 100%;
    margin-top: 40px;
}

.triangle-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -10px;
}

.margin-top-share {
    margin-top: -20px;
}

.feilds img {
    height: 80px;
}

/****************fonts********************/

@font-face {
    font-family: jadaraEnFont;
    src: url(../fonts/Montserrat-SemiBold.woff2);
    font-display:swap;
}

/*@font-face {
    font-family: jadaraARFont;
    src: url(../fonts/FFShamelFamily-SemiRoundMedium.ttf);
    font-display: swap;
}*/

.main-section-header {
    font-style: normal;
    font-variant: normal;
    font-size: 45px;
    line-height: 60px;
    color: #2D4379;
}

.mian-seconde-header {
    font-style: normal;
    font-variant: normal;
    font-size: 22px;
    line-height: 38px;
}

.main-header-subheader {
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0;
}



.free-button-icons {
    font-size: 14px;
    font-weight: 600;
}

.services-body-section-paragraph.blue-text {
    color: #35648B;
}

.services-body-section-paragraph.green-text {
    color: #889384;
}

.services-body-section-paragraph.moov-text {
    color: #837680;
}

.services-body-section-paragraph.brown-text {
    color: #907D64;
}

.sidebar-body p {
    font-size: 13px !important;
    color: #7C79A6
}

.sidebar-body .p-home {
    font-size: 14px !important
}

.sidebar-body i {
    color: #7C79A6;
}

.sidebar-body .nav-item:hover a {
    background-color: transparent !important;
}

.sidebar-body .link-group .group-header {
    font-size: 12px !important;
    color: #2D4379 !important;
    font-weight: bold;
}

.sidebar-body .link-group:hover .group-header {
    color: #2D4379 !important;
}

.sidebar-body .link-group .links-group .nav-item:hover p, .sidebar-body .link-group .links-group .nav-item:hover i
/*,.sidebar-body .link-group:active .links-group .nav-item p, .sidebar-body .link-group:active .links-group .nav-item i*/ {
    color: #279EFF !important;
}

.bm-card-buttons {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    width: auto;
    min-width: unset;
}

label:not(.form-check-label):not(.custom-file-label) {
    font-weight: lighter;
}

.sidebar-body .link-group:hover p, .sidebar-body .link-group:hover i {
    color: #7C79A6 !important;
}

.sidebar-body .os-content {
    padding: 0;
}

.sidebar-body .sidebar {
    padding: 0;
}

.sidebar-body .nav-item.active .active-border {
    /*background-color: #279EFF !important;*/
    position: absolute;
    width: 5px;
    height: 43px;
}


.upload-cv::-webkit-file-upload-button {
    background-color: #fff;
    border: 1px solid #279EFF;
    color: #2D4379;
}

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

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

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

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

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

.font-15px {
    font-size: 15px;
}

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

.font-17px {
    font-size: 17px;
}

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

.font-19px {
    font-size: 19px;
}

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

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

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

.font-40px {
    font-size: 40px;
}
/*****Scroll Style****/
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #daedfb;
}

::-webkit-scrollbar-thumb {
    background: #b1cde2;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #2D4379;
    }

/************Padding & Margins*************/
.margin-top-75 {
    margin-top: 75px;
}

.margin-top-100 {
    margin-top: 100px;
}

.margin-bottom-100 {
    margin-bottom: 100px;
}

.margin-top-10 {
    margin-top: 10px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-bottom-100 {
    padding-bottom: 100px;
}

.padding-top-15 {
    padding-top: 15px;
}
/*****************Modals*******************/
.card {
    margin-top: 20px;
    border: 0.5px solid #D4D4EA !important;
}

.account-modals .card {
    margin-top: 0;
}

.card input {
    border-radius: 10px !important;
    border: 1px solid #c3c3c3 !important;
}

.card .line-text {
    position: absolute;
    background: white;
    left: 47%;
    padding: 3px 10px;
    font-size: 16px;
    font-family: auto !important;
    color: #D4D4EA;
    z-index: 99;
}

.login-box, .register-box {
    margin: 0 auto !important;
    width: 360px;
}

.navbar-language-item {
    margin-right: auto;
}

.icheck-primary input {
    width: auto;
    margin: 0;
}

.dropzone {
    margin-top: 16px;
    background-color: #FAFBFF !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .dropzone .dropzone-box {
        width: 100%;
        border: 1px dotted #2D4379 !important;
    }
/*************Pages style*****************/
.header .header-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.header {
    height: 85%;
}

    .header .share {
        position: fixed;
        top: 50%;
        height: 500px;
        z-index: 1000;
    }

        .header .share hr {
            margin-top: 3rem;
            margin-bottom: 3rem;
        }

.features-list-squares img {
    /*height: 400px;*/
}

.service-list img {
    height: 130px;
    width: 130px;
}

.bm-li-img {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 5px;
    border-radius: 50%;
    text-align: center;
    padding: 5px;
    box-shadow: 0px 0px 7px -1px #aaa
}

.bm-ul span {
    font-size: 12px;
}

.form-content ul li {
    display: inline-block;
    margin: 10px;
}

    .form-content ul li span {
        font-size: 12px;
    }

.square-btn {
    text-decoration: none !important;
    padding: 10px 20px;
    border-radius: 25px;
    width: 155px;
    height: 45px;
    text-align: center;
}

    .square-btn.gold-color-btn {
        color: #89704D !important;
    }

    .square-btn.gray-color-btn {
        color: #54575A !important;
    }

    .square-btn.blue-color-btn {
        color: #fff !important;
    }

    .square-btn.green-color-btn {
        color: #fff !important;
    }

    .square-btn.moov-color-btn {
        color: #fff !important;
    }

    .square-btn.brown-color-btn {
        color: #fff !important;
    }

    .square-btn:hover {
        background-color: #fff;
        transition: .25s ease-in-out;
        /*font-size: 14px;*/
    }

.offred-background-1:hover .square-btn {
    border: 1px solid #89704D !important;
    color: #89704D !important;
    background-color: transparent;
}

.offred-background-2:hover .square-btn {
    border: 1px solid #54575A !important;
    color: #54575A !important;
    background-color: transparent;
}

.offred-background-3:hover .square-btn {
    border: 1px solid #2D4379 !important;
    color: #2D4379 !important;
    background-color: transparent;
}

.offred-background-4:hover .square-btn {
    border: 1px solid #086535 !important;
    color: #086535 !important;
    background-color: transparent;
}

.offred-background-5:hover .square-btn {
    border: 1px solid #4b078f !important;
    color: #4b078f !important;
    background-color: transparent;
}

.offred-background-6:hover .square-btn {
    border: 1px solid #89704D !important;
    color: #89704D !important;
    background-color: transparent;
}

.jaddara-form input::placeholder {
    color: #7C79A6 !important;
}

.jaddara-form.register-consultant-form input::placeholder {
    color: #7C79A6 !important;
}

input {
    width: 100%;
    margin: 10px 0;
    padding: 5px;
    border-radius: 25px;
    outline: 0;
}

textarea {
    width: 100%;
    margin: 10px 0 !important;
    padding: 5px;
    border-radius: 5px;
    outline: 0;
    height: 213px;
}


.circule-number {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    padding: 10px;
}

.secondery-header-ovarlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
}

secondery-header-ovarlay img {
    width: 100%;
    background-size: cover;
}

.team-filter {
    filter: grayscale(100%);
}

.subscription-period-btns {
    border-radius: 25px;
    border: 1px solid #279EFF;
    background-color: #fff;
}

.header-img-width {
    width: 25px;
}

.pricing-list li {
    margin-top: 1.5rem;
}

    .pricing-list li .circule-number {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .pricing-list li .circule-number i {
            font-size: 12px;
        }


.price-list-btn {
    visibility: hidden;
}

.pricing-items-img {
    position: absolute;
    top: -100px;
    width: 60%;
}

.layout-fixed .brand-link {
    transition: none !important;
}

.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

    .footer ul li a {
        display: inline-block !important;
    }

.company-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-size: 100% 100%;
    background-color: #eee;
    padding: 5px;
    margin-top: -10px;
}

.dropdown-menu {
    padding: 0 !important;
}

.pricing-items .pkg-btn {
    width: 50%;
    border: 0 !important;
    height: 43px;
}

.pricing-items button.active {
    background-color: #279EFF !important;
    color: #fff !important;
}

.payment-info-border {
    border-bottom: 1px solid #D4D4EA;
    width: 100%;
}

.payment-method .form-check-input {
    width: auto;
    margin-top: 8px;
}

.areas-card-edit {
    border: 0 !important;
    box-shadow: none !important;
}

.bm-modal .modal-dialog {
    max-width: 700px !important;
}

    .bm-modal .modal-dialog video {
        width: 100%;
    }

.dropdown-select {
    border: 0;
    padding: 10px;
    outline: 0;
}


/*.add-ticket .card-body .tickets-select{
    padding:5px;
    border:1px solid #808080;
    outline:0;
}
.add-ticket .card-body .tickets-select:after {
    color:#279EFF;
}*/
.add-ticket .card-body .select_box {
    width: 150px;
    overflow: hidden;
    border: 1px solid #D4D4EA;
    position: relative;
    padding: 10px 0;
    border-radius: 10px;
}

.gray-border {
    border: 1px solid #D4D4EA !important;
}

.add-ticket .card-body .select_box:after {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #279EFF;
    position: absolute;
    top: 40%;
    content: "";
    z-index: 98;
}

.add-ticket .card-body .select_box select {
    /*width: 170px;*/
    border: 0;
    position: relative;
    /*z-index: 99;*/
    background: none;
    outline: 0;
}

.min-height-500 {
    min-height: 500px;
    max-height: 500px;
    overflow-y: auto;
}

.min-height-250 {
    min-height: 250px;
    max-height: 250px;
    overflow-y: auto;
}

.tickets-image-background {
    background-color: rgba(212,212,234,0.2);
    padding: 7px;
    border-radius: 10px;
}

    .tickets-image-background .background-color-edit {
        background-color: #76725E
    }

.ticket-modal .modal-content {
    background-color: #FFF2AB;
}

.ticket-modal input, .ticket-modal textarea {
    background-color: transparent;
    color: #76725E;
    border: 1px solid rgba(118,114,94,0.25) !important;
}

.ticket-modal .modal-header {
    background-color: #FFE6AB;
    border-bottom: 0;
}

.ticket-modal .modal-footer {
    border: 0;
}

.ticket-modal input::placeholder, .ticket-modal textarea::placeholder {
    color: rgba(118,114,94,0.6) !important;
}

button {
    box-shadow: none !important;
    outline: 0 !important;
}

.color-edit a {
    margin: 15px;
    width: 20px;
    height: 20px;
    padding: 0.25rem 0.75rem;
    border-radius: 5px !important;
}

#UpdatedList button {
    background-color: #fff;
    border: 0;
    color: #D4D4EA;
}

#UpdatedList input {
    margin: 0 5px;
}

.pills a.active {
    background-color: transparent !important;
    color: #279EFF !important;
}

.pills a {
    color: #2D4379 !important
}

.revenu-table .revenu-result input {
}

.card .input-noborders {
    border: 0 !important;
}

.revenu-table tbody {
    border-bottom: 1px solid #D4D4EA;
}

.img-enhance {
    height: 20px;
}

.progress {
    height: 5px;
    background-color: rgba(255,159,67,0.3);
}

.progress-bar {
    background-color: rgb(255,159,67);
}

.navbar .active a {
    color: #279EFF !important;
}

.card .dropdown-select {
    background-color: #fff;
}

.width-not-responsive {
    width: 1330px !important;
    min-width: 100%;
}

.dropdown-toggle::after {
    display: none;
}

.content-wrapper {
    overflow: auto;
}

.contact-form input {
    border-radius: 20px;
    font-size: 14px;
    border: 1px solid #D4D4EA;
    padding: 7px 10px;
}

.contact-form textarea {
    border-radius: 20px;
    font-size: 14px;
    border: 1px solid #D4D4EA;
    padding: 5px 10px;
    resize: none;
}

textarea.form-input-consultant {
    border-radius: 20px;
    font-size: 14px;
    border: 1px solid #D4D4EA;
    padding: 5px 10px;
    resize: none;
}

.card .custom-input {
    border: 0 !important;
    font-size: 20px;
}

.bills-edit .nav-tabs.flex-column {
    border: 0px;
}

.bills-edit .nav-tabs .nav-link {
    border: 0;
}

.bills-edit .nav-tabs.flex-column .nav-item.show .nav-link, .nav-tabs.flex-column .nav-link.active {
    border: 0;
    background-color: #D4D4EA;
    border-radius: 0;
    color: #279EFF;
}

.bills-edit .nav-tabs.flex-column .nav-link:focus, .nav-tabs.flex-column .nav-link:hover {
    border: 0;
}

.bills-edit .nav-tabs.flex-column .nav-link a {
    color: #0056b3;
}

.pills input::placeholder, .pills textarea::placeholder {
    color: #A2A0C0 !important;
}

.pills input, .pills textarea {
    border-radius: 10px !important;
}

.pills textarea {
    max-height: 200px !important;
}

.modal input {
    border-radius: 5px !important;
}

.ul-bullets ul {
    list-style: disc;
}

.inputheight {
    height: 50px
}

.ulService li {
    margin-bottom: 10px;
}

    .ulService li span {
        color: #54575A;
        font-size: 14px !important;
        font-weight: bold;
    }

.header-line-height {
    line-height: 1.5;
}

.header-background {
    background-color: #ecebea;
}

.header-background2 {
    background: #f5f3f1;
}

.pricing-list {
    min-height: 275px;
}

.cursor-pointer {
    cursor: pointer;
}

.header-down-arrow {
    text-align: center;
    position: relative;
    bottom: -50px;
    width: 100%;
    font-size: 25px;
    color: #2D4379;
}


.upload-cv.form-input-consultant {
    /*display: none;*/
    overflow: hidden;
    border: 1px solid #279EFF;
    color: #279EFF;
    background-color: #fff;
}

    .upload-cv.form-input-consultant::-webkit-file-upload-button {
        visibility: hidden;
    }

    .upload-cv.form-input-consultant::before {
        content: 'Upload CV';
        display: unset;
        border: none;
        padding: 5px 8px;
        outline: none;
        white-space: nowrap;
        -webkit-user-select: none;
        cursor: pointer;
    }

    .upload-cv.form-input-consultant:hover::before {
        /*border-color: black;*/
    }

    .upload-cv.form-input-consultant:active::before {
        /*background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);*/
    }

.pricediv {
    background-color: #F5F8FF;
    border-radius: 8px;
}

.change-btn {
    width: 30%;
    border: 1px solid #279EFF !important;
    border-radius: 8px;
    height: 40px !important;
}

    .change-btn:hover {
        border-color: #279EFF !important;
    }

.modal-style {
    box-shadow: 0px 3px 7px #ebebeb;
    border-radius: 16px;
    opacity: 1;
}

.card-style {
    border: 0.5px solid #D4D4EA;
    border-radius: 8px;
    opacity: 1;
}

.dimmed-btn {
    color: #D4D4EA !important;
    border-color: #D4D4EA !important;
}

    .dimmed-btn:hover {
        border-color: #D4D4EA !important;
    }
@media(max-width:450px) {
    .table-reponsive-custom {
        width: 200% !important;
    }
}
.na-link {
    cursor: pointer;
}

.offred-background-1 {
    background: linear-gradient(to bottom, #FCE8CC 75%, #E8D6BD 100%);
}

.offred-background-2 {
    background: linear-gradient(to bottom, #64AAE5 75%, #6E97BA 100%);
}

.offred-background-3 {
    background: linear-gradient(to bottom, #D9CBB7 75%, #BCB1A1 100%);
}

.offred-background-4 {
    background: linear-gradient(to bottom, #EEEDEA 75%, #D6D6D6 100%);
}

.offred-background-5 {
    background: linear-gradient(to bottom, #7BC4B1 75%, #72988F 100%);
}

.offred-background-6 {
    background: linear-gradient(to bottom, #A3869D 75%, #8D7D8A 100%);
}

.to-link, .scrolls {
    cursor: pointer;
}

html {
    scroll-behavior: smooth;
}

.mt {
    margin-top: 200px
}

.w-add {
    width: 420px
}

.h-add {
    height: 48px;
    border: 1px solid #ddd !important;
}

.icon-app {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(39, 158, 255, 0.1);
    text-align: center;
    line-height: 3.6;
}

.icon-dolar {
    font-size: 20px;
    color: #279EFF;
    border: 1px solid #279eff;
    border-radius: 50%;
    padding: 8px;
    width: 34px;
    height: 34px;
    color: #279EFF
}

.pos {
    position: relative;
    z-index: 100;
    padding-right: 0;
}

.btn-home {
    width: 50%;
    border-radius: 10px;
    margin: auto;
    line-height: 2;
}

#serv h3, services h3 {
    font-size: 40px
}

#scrollings {
    width: 19.9%;
}


.filesB {
    width: 150px;
    height: 48px;
    color: #fff;
    background: #279eff;
    border-radius: 8px;
    line-height: 2.8;
    cursor: pointer
}

.company-hr {
    border-top: 0.5px solid #D4D4EA;
    border-bottom: 0.5px solid #D4D4EA;
}

.progress-custom {
    display: table;
    width: 100%;
}

    .progress-custom .progress {
        height: 5px;
        background-color: rgba(255,159,67,0.3);
        vertical-align: middle;
    }

    .progress-custom .progress-value {
        font-size: 10px;
        display: table-cell;
        width: 1%;
        padding: 0 5px; /*optionally*/
    }


.new-link {
    font-size: 12px;
    color: #279EFF;
    text-decoration: underline;
    font-weight: bold;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
}

@media (min-width: 771px) and (max-width: 1400px) {
    #scrolling {
        display: none;
    }

    .flags {
        max-width: 88px;
    }
}

@media (min-width: 340px) and (max-width: 900px) {
    .pos-video {
        position: static;
        padding-bottom: 25px
    }

    #serv h3, services h3 {
        font-size: 30px
    }


    .marg {
        margin-top: 67px !important;
        text-align: center;
    }

    .header-down-arrow {
        display: none
    }

    .main-button-header {
        text-align: center
    }

    .gray-color {
        text-align: center
    }

    .header-share {
        display: none !important;
    }

    .square-btn {
        padding: 0
    }

    .m-w {
        max-width: 100%;
        padding: 0
    }

    #BP .i-c {
        margin: 0
    }

    #scrolling, .jadara-icon-background, .footer .text-center .nav-item span, .circule-background-img {
        display: none
    }

    .row-c {
        flex-direction: row;
        justify-content: center
    }

    .main-section-header, .about-style {
        font-size: 30px !important;
    }

    h2 {
        font-size: 27px
    }

    .mian-seconde-header {
        font-size: 18px
    }

    .p-relative, #margin, .section-main-header {
        margin-top: 85px;
    }

    .w-5 {
        width: 50%;
    }

    .flexs {
        display: flex;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;
    }


    .pad {
        padding: 0
    }

    .blocks {
        display: block
    }

    #three-months {
        font-size: 15px
    }
}

@media only screen and (max-width :1440px) {
    #scrollings {
        width: 26.6%;
    }
}
@media only screen and (max-width :1280px) {
    .responsive-w {
        width: 100%
    }

    .level-2 {
        margin-right: 15px
    }

    .width-100 {
        width: 100% !important
    }

    .slotWidth {
        width:20% !important;
    }
}
@media only screen and (max-width :1440px) {

    .width-100 {
        width: 100% !important
    }
    .slotWidth {
        width: 20% !important;
    }
}
.mobile-block {
    margin: 10px;
    display: block;
    padding: 10px;
    color: #fff;
    white-space: initial !important;
}

.profile-user-img-full {
    max-width: 60%;
    margin: auto;
}

.Wbutton {
    background: #FFFFFF !important;
    border: 0.5px solid #D4D4EA !important;
    border-radius: 8px !important;
    color: #2D4379 !important;
    font-weight: bold
}
.w25 {
    width: 25px !important;
}
.btnhover:hover {
    background: #279EFF !important;
    color: white !important;
}
.WH-38 {
    width: 38px;
    height: 38px;
}
.divstyle {
    width: 288px;
    height: 80px;
    border-radius: 16px !important;
}

.revenue-placeholder::-webkit-input-placeholder {
    color: #A2A0C0;
    font-size: 14px;
}

.border-m {
    border: 2px solid #dedede !important;
    border-radius: 8px;
    overflow: hidden;
}

@media only screen and (max-width :1024px) {
    .hh3 h3 {
        font-size: 21px;
    }
     ul .padding-item-menu {
        margin: 0px
    }
     .navbar-nav.m-auto {
        padding: 0px !important;
    }
    nav .new-screen {
        padding:0;
        max-width:70%;
    }
    nav img {
        margin-top:10px
    }
    .font-screen {
        font-size:12px
    }
    .width-screen {
        max-width: 100%;
        flex: 1 0 41.666667%;
        margin-bottom: 20px
    }
    .fonts-screen {
        font-size:17px !important
    }
    .padding-screen {
        padding: 0
    }


    .col-2-width {
        width: 25% !important;
    }

    .col-3-width {
        width: 75% !important;
    }

   
}
.box-icon {
    width: 40px;
    height: 40px;
    background: #fff;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 10;
    position: fixed;
    top: 86px;
    right:250px
}

#body-home {
    padding-top: 90px;
}
.icon-anmation {
    transform: rotate(180deg);
}

.icon-aside {
    position: absolute;
    right: 20px;
    top: 165px;
    
}

#icon-close {
    position: absolute;
    left: 20px;
    top: 14px;
    cursor: pointer;
}

.blue-button {
    background-color: #279EFF;
    color: white;
    border-radius: 9px;
}

    .blue-button:hover {
        color: white;
    }


@media (max-width: 576px) {

    .d-xs-inline {
        display: inline !important;
    }

    .d-xs-inline-block {
        display: inline-block !important;
    }

    .d-xs-block {
        display: block !important;
    }

    .d-xs-grid {
        display: grid !important;
    }

    .d-xs-table {
        display: table !important;
    }

    .d-xs-table-row {
        display: table-row !important;
    }

    .d-xs-table-cell {
        display: table-cell !important;
    }

    .d-xs-flex {
        display: flex !important;
    }

    .d-xs-inline-flex {
        display: inline-flex !important;
    }

    .d-xs-none {
        display: none !important;
    }

    .w-xs-25 {
        width: 25% !important;
    }

    .w-xs-50 {
        width: 50% !important;
    }

    .w-xs-75 {
        width: 75% !important;
    }

    .w-xs-100 {
        width: 100% !important;
    }

    .w-xs-auto {
        width: auto !important;
    }

    .h-xs-25 {
        height: 25% !important;
    }

    .h-xs-50 {
        height: 50% !important;
    }

    .h-xs-75 {
        height: 75% !important;
    }

    .h-xs-100 {
        height: 100% !important;
    }

    .h-xs-auto {
        height: auto !important;
    }

    .flex-xs-fill {
        flex: 1 1 auto !important;
    }

    .flex-xs-row {
        flex-direction: row !important;
    }

    .flex-xs-column {
        flex-direction: column !important;
    }

    .flex-xs-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xs-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xs-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xs-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xs-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xs-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xs-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xs-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xs-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-xs-0 {
        gap: 0 !important;
    }

    .gap-xs-1 {
        gap: 0.25rem !important;
    }

    .gap-xs-2 {
        gap: 0.5rem !important;
    }

    .gap-xs-3 {
        gap: 1rem !important;
    }

    .gap-xs-4 {
        gap: 1.5rem !important;
    }

    .gap-xs-5 {
        gap: 3rem !important;
    }

    .order-xs-first {
        order: -1 !important;
    }

    .order-xs-0 {
        order: 0 !important;
    }

    .order-xs-1 {
        order: 1 !important;
    }

    .order-xs-2 {
        order: 2 !important;
    }

    .order-xs-3 {
        order: 3 !important;
    }

    .order-xs-4 {
        order: 4 !important;
    }

    .order-xs-5 {
        order: 5 !important;
    }

    .order-xs-last {
        order: 6 !important;
    }

    .m-xs-0 {
        margin: 0 !important;
    }

    .m-xs-1 {
        margin: 0.25rem !important;
    }

    .m-xs-2 {
        margin: 0.5rem !important;
    }

    .m-xs-3 {
        margin: 1rem !important;
    }

    .m-xs-4 {
        margin: 1.5rem !important;
    }

    .m-xs-5 {
        margin: 3rem !important;
    }    
    .m-xs-6 {
        margin: 4.5rem !important;
    }

    .m-xs-auto {
        margin: auto !important;
    }

    .mx-xs-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xs-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xs-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xs-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xs-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xs-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xs-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xs-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xs-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xs-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xs-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xs-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xs-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xs-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xs-0 {
        margin-top: 0 !important;
    }

    .mt-xs-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xs-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xs-3 {
        margin-top: 1rem !important;
    }

    .mt-xs-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xs-5 {
        margin-top: 3rem !important;
    }

    .mt-xs-auto {
        margin-top: auto !important;
    }


    .mb-xs-0 {
        margin-bottom: 0 !important;
    }

    .mb-xs-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xs-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xs-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xs-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xs-5 {
        margin-bottom: 3rem !important;
    }

    .mb-xs-auto {
        margin-bottom: auto !important;
    }

    .p-xs-0 {
        padding: 0 !important;
    }

    .p-xs-1 {
        padding: 0.25rem !important;
    }

    .p-xs-2 {
        padding: 0.5rem !important;
    }

    .p-xs-3 {
        padding: 1rem !important;
    }

    .p-xs-4 {
        padding: 1.5rem !important;
    }

    .p-xs-5 {
        padding: 3rem !important;
    }

    .px-xs-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xs-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xs-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xs-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xs-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xs-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-xs-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xs-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xs-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xs-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xs-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xs-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-xs-0 {
        padding-top: 0 !important;
    }

    .pt-xs-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xs-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xs-3 {
        padding-top: 1rem !important;
    }

    .pt-xs-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xs-5 {
        padding-top: 3rem !important;
    }

    .pe-xs-0 {
        padding-right: 0 !important;
    }

    .pe-xs-1 {
        padding-right: 0.25rem !important;
    }

    .pe-xs-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xs-3 {
        padding-right: 1rem !important;
    }

    .pe-xs-4 {
        padding-right: 1.5rem !important;
    }

    .pe-xs-5 {
        padding-right: 3rem !important;
    }

    .pb-xs-0 {
        padding-bottom: 0 !important;
    }

    .pb-xs-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xs-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xs-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xs-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xs-5 {
        padding-bottom: 3rem !important;
    }

    .ps-xs-0 {
        padding-left: 0 !important;
    }

    .ps-xs-1 {
        padding-left: 0.25rem !important;
    }

    .ps-xs-2 {
        padding-left: 0.5rem !important;
    }

    .ps-xs-3 {
        padding-left: 1rem !important;
    }

    .ps-xs-4 {
        padding-left: 1.5rem !important;
    }

    .ps-xs-5 {
        padding-left: 3rem !important;
    }
}

@media (min-width: 576px) {

    .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: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }

    .d-sm-none {
        display: none !important;
    }

    .w-sm-25 {
        width: 25% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-auto {
        width: auto !important;
    }

    .h-sm-25 {
        height: 25% !important;
    }

    .h-sm-50 {
        height: 50% !important;
    }

    .h-sm-75 {
        height: 75% !important;
    }

    .h-sm-100 {
        height: 100% !important;
    }

    .h-sm-auto {
        height: auto !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !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;
    }


    .order-sm-first {
        order: -1 !important;
    }

    .order-sm-0 {
        order: 0 !important;
    }

    .order-sm-1 {
        order: 1 !important;
    }

    .order-sm-2 {
        order: 2 !important;
    }

    .order-sm-3 {
        order: 3 !important;
    }

    .order-sm-4 {
        order: 4 !important;
    }

    .order-sm-5 {
        order: 5 !important;
    }

    .order-sm-last {
        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-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-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-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-auto {
        margin-top: 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-auto {
        margin-bottom: auto !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;
    }

    .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;
    }

    .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;
    }

    .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;
    }

    .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;
    }

    .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;
    }

    .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;
    }

}

@media (min-width: 768px) {

    .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: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }

    .d-md-none {
        display: none !important;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .w-md-auto {
        width: auto !important;
    }

    .h-md-25 {
        height: 25% !important;
    }

    .h-md-50 {
        height: 50% !important;
    }

    .h-md-75 {
        height: 75% !important;
    }

    .h-md-100 {
        height: 100% !important;
    }

    .h-md-auto {
        height: auto !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !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;
    }


    .order-md-first {
        order: -1 !important;
    }

    .order-md-0 {
        order: 0 !important;
    }

    .order-md-1 {
        order: 1 !important;
    }

    .order-md-2 {
        order: 2 !important;
    }

    .order-md-3 {
        order: 3 !important;
    }

    .order-md-4 {
        order: 4 !important;
    }

    .order-md-5 {
        order: 5 !important;
    }

    .order-md-last {
        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-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-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-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-auto {
        margin-top: 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-auto {
        margin-bottom: auto !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;
    }

    .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;
    }

    .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;
    }

    .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;
    }

    .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;
    }

    .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;
    }

    .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;
    }
}

@media (min-width: 992px) {

    .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: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }

    .d-lg-none {
        display: none !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-auto {
        width: auto !important;
    }

    .h-lg-25 {
        height: 25% !important;
    }

    .h-lg-50 {
        height: 50% !important;
    }

    .h-lg-75 {
        height: 75% !important;
    }

    .h-lg-100 {
        height: 100% !important;
    }

    .h-lg-auto {
        height: auto !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !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;
    }


    .order-lg-first {
        order: -1 !important;
    }

    .order-lg-0 {
        order: 0 !important;
    }

    .order-lg-1 {
        order: 1 !important;
    }

    .order-lg-2 {
        order: 2 !important;
    }

    .order-lg-3 {
        order: 3 !important;
    }

    .order-lg-4 {
        order: 4 !important;
    }

    .order-lg-5 {
        order: 5 !important;
    }

    .order-lg-last {
        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-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-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-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-auto {
        margin-top: 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-auto {
        margin-bottom: auto !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;
    }

    .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;
    }

    .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;
    }

    .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;
    }

    .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;
    }

    .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;
    }

    .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;
    }

}

@media (min-width: 1200px) {

    .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: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }

    .d-xl-none {
        display: none !important;
    }

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

    .w-xl-25 {
        width: 25% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-auto {
        width: auto !important;
    }

    .h-xl-25 {
        height: 25% !important;
    }

    .h-xl-50 {
        height: 50% !important;
    }

    .h-xl-75 {
        height: 75% !important;
    }

    .h-xl-100 {
        height: 100% !important;
    }

    .h-xl-auto {
        height: auto !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !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;
    }


    .order-xl-first {
        order: -1 !important;
    }

    .order-xl-0 {
        order: 0 !important;
    }

    .order-xl-1 {
        order: 1 !important;
    }

    .order-xl-2 {
        order: 2 !important;
    }

    .order-xl-3 {
        order: 3 !important;
    }

    .order-xl-4 {
        order: 4 !important;
    }

    .order-xl-5 {
        order: 5 !important;
    }

    .order-xl-last {
        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-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-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-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-auto {
        margin-top: 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-auto {
        margin-bottom: auto !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;
    }

    .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;
    }

    .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;
    }

    .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;
    }

    .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;
    }

    .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;
    }

    .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;
    }
}

@media (min-width: 1400px) {

    .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: flex !important;
    }

    .d-xxl-inline-flex {
        display: inline-flex !important;
    }

    .d-xxl-none {
        display: none !important;
    }

    .w-xxl-25 {
        width: 25% !important;
    }

    .w-xxl-50 {
        width: 50% !important;
    }

    .w-xxl-75 {
        width: 75% !important;
    }

    .w-xxl-100 {
        width: 100% !important;
    }

    .w-xxl-auto {
        width: auto !important;
    }

    .h-xxl-25 {
        height: 25% !important;
    }

    .h-xxl-50 {
        height: 50% !important;
    }

    .h-xxl-75 {
        height: 75% !important;
    }

    .h-xxl-100 {
        height: 100% !important;
    }

    .h-xxl-auto {
        height: auto !important;
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xxl-row {
        flex-direction: row !important;
    }

    .flex-xxl-column {
        flex-direction: column !important;
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !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;
    }

    .order-xxl-first {
        order: -1 !important;
    }

    .order-xxl-0 {
        order: 0 !important;
    }

    .order-xxl-1 {
        order: 1 !important;
    }

    .order-xxl-2 {
        order: 2 !important;
    }

    .order-xxl-3 {
        order: 3 !important;
    }

    .order-xxl-4 {
        order: 4 !important;
    }

    .order-xxl-5 {
        order: 5 !important;
    }

    .order-xxl-last {
        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-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-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-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-auto {
        margin-top: 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-auto {
        margin-bottom: auto !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;
    }

    .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;
    }

    .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;
    }

    .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;
    }

    .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;
    }

    .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;
    }

    .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;
    }
}
.sidebar-body li.nav-item:not([class*="has-treeview"]):hover p, .sidebar-body li.nav-item:not([class*="has-treeview"]):hover i {
    color: #279EFF;
}

.sidebar-body li.active p, .sidebar-body li.active i {
    color: #279EFF;
}