body * {
    --main-pink-color: #ff2c58;
    --main-gray-color: #3b4c5d;
}

@font-face {
    font-family: Morabba;
    font-style: normal;
    font-weight: 200;
    src: url('/fonts/woff/Morabba-UltraLight.woff') format('woff'), url('fonts/woff2/Morabba-UltraLight.woff2') format('woff2');
}

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

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

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

@font-face {
    font-family: Morabba;
    font-style: normal;
    font-weight: 800;
    src: url('/fonts/woff/Morabba-e trabold.woff') format('woff'), url('fonts/woff2/Morabba-extrabold.woff2') format('woff2');
}

@font-face {
    font-family: Morabba;
    font-style: normal;
    font-weight: 850;
    src: url('/fonts/woff/Morabba-black.woff') format('woff'), url('fonts/woff2/Morabba-black.woff2') format('woff2');
}


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

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

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

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, #topnav .navigation-menu > li > a {
    font-family: Morabba !important;
}

.showpalnuser {
    border-radius: 5px;
    background-image: linear-gradient(to right, #df5f5f, #9583ec);
    padding: 35px;
}

.backgroundimage {
    background-image: url(/image/002.jpg);
    width: 100%;
}


.bg-style1 {
    border-radius: 1rem;
    padding-top: 1px;
    padding-bottom: 1px;
    /*background-image: url("/image/level-bg.png");*/
    background: linear-gradient(to left, #480048, #c04848);
}

.pointer-event-hover:hover {
    cursor: pointer;
    text-decoration: underline;
}

.bordercaptcha {
    border-radius: 0px 5px 5px 0 !important;
}

.discountcodebtngroup {
    border-radius: 4px 0 0 4px !important;
}

.header, .header__form, .sign__form, .owl-item, .owl-item.active, .catalog__paginator .active {
    background-color: white !important;
}

.header__logo img {
    width: unset;
    max-height: 40px;
    max-width: 100%;
}

.sign__form {
    border: none;
}

.sign__btn, .plan__btn {
    color: white !important;
}

.article__content ul li, .feature__text {
    color: var(--main-gray-color) !important;
}

ul.catalog__paginator li.active button, .article__content p a:hover, .article__content p a:focus, .breadcrumb__item {
    color: var(--main-pink-color) !important;
}

a:hover, a, .article__content p a {
    color: var(--main-pink-color);
}

.card:hover .card__title, .card:hover .card__title a, .footer__nav a:hover, .header__nav-menu a:hover, .profile__tabs a.active, .stats span a, .home__card:hover div h2 {
    color: var(--main-pink-color) !important;
}

.header__nav-link, .header__user span, .article__content p, .breadcrumb a, .section__title, .contacts__list a, .feature__title, .sign__group--checkbox input:not(:checked) + label, .sign__group--checkbox input:checked + label, .sign__text a:hover, .sign__text a, .categories__title {
    color: var(--main-gray-color) !important;
}

    .header__form-btn svg, .header__user svg, .header__nav-link svg, .feature__icon svg, .profile__logout svg, .stats svg, .header__search svg, .header__form-close svg, .header__nav-link:hover svg {
        fill: var(--main-pink-color) !important;
        stroke: none;
    }

.home__add svg {
    fill: var(--main-pink-color) !important;
}

.site-carousel .owl-dot.active span, .site-carousel .owl-dot span, .sign__btn, .article__content ul li:before, .categories__item:hover, .plan__btn:hover, .sign__btn {
    background-color: var(--main-pink-color) !important;
}

.sign__input {
    /*background:white !important;*/
    /* color:var(--main-gray-color) !important;
    border-color:var(--main-gray-color) !important;*/
}

body::-webkit-scrollbar-thumb {
    background-color: #ff2c58 !important;
}

.bg-pink {
    background: var(--main-pink-color) !important;
}

.bg-gray {
    background: var(--main-gray-color) !important;
}

.plan--best, .accordion.active, .accordion:hover {
    background: var(--main-pink-color) !important;
}

.section--gradient:after, .catalog__nav:before, .catalog__nav, .catalog__paginator-wrap, .catalog:after {
    background: white !important;
}

.card--big, .header__form-input, .catalog__paginator button, .footer:after, .plan {
    background: var(--main-gray-color) !important;
}

.borderdashedslider {
    border-bottom: dashed;
    color: deepskyblue !important;
}

.discountcodeinputgroup {
    border-radius: 0 4px 4px 0px !important;
    padding: 19px 12px !important;
}

.grid-Home-sample-Video {
    margin: 6px !important;
    min-height: 100%;
    width: 30% !important;
}

.disabled {
    pointer-events: none;
}

.box_list2 {
    background-color: #fff;
    display: block;
    position: relative;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

.messagecol {
    background-image: linear-gradient(to bottom right, #927e95cf, #e9eed8);
    padding: 8px;
    border-radius: 5px;
    box-shadow: gray 1px 1px 8px;
}

.messagecontent {
    background-image: linear-gradient(to bottom right, #f0f0f0, #fff);
    border-radius: 5px;
    box-shadow: #a68a8a 1px 1px 8px;
    padding: 13px 13px 40px 13px;
}

.ScrollP {
    overflow: scroll;
    max-height: 250px;
    direction: rtl;
}

.cardstyle {
    box-shadow: 0 17px 9px 2px #58585833;
    border-radius: 1rem;
}

.marginsiza {
    margin-top: 90px;
    margin-bottom: 20px;
}

.margintop {
    margin-top: 110px !important;
}

body * {
    -moz-font-feature-settings: "ss01";
    -webkit-font-feature-settings: "ss01";
    font-feature-settings: "ss01";
}

body {
    text-align: right !important;
    background-color: white !important;
}

#figureforpay {
    max-width: 130px;
    max-height: 130px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 3px;
}

.modal-content {
    border-radius: 10px;
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.w-30 {
    width: 30px
}

.w-45 {
    width: 45px
}

.toast-message {
    text-align: center;
}

.toast {
    opacity: 1 !important;
}

.spinner:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px;
    border-radius: 50%;
    border: 3px solid white;
    border-top-color: black;
    animation: spin 0.7s linear infinite;
}

.spinner p {
    position: absolute;
    width: 150px;
    margin-left: -75px;
    top: 59%;
    left: 50%;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}


.rounded-1 {
    border-radius: 1rem;
}

.select2-selection__choice, .select2-selection__choice__remove {
    background: cornflowerblue !important;
    color: white !important;
}

.carousel-caption {
    background: #5f5f5f61;
    border-radius: 8px;
}

.carousel-inner, .carousel-item {
    min-height: 15rem;
}

    .carousel-item img {
        min-width: 100%;
        min-height: 100%;
    }

.learndiv p, .learndiv li {
    font-size: 1.2rem;
    margin-bottom: 0;
}

.learndiv {
    border-radius: 10px;
    /*padding-top: 1rem;*/
    padding-bottom: 1rem;
}

.field-validation-error {
    color: crimson !important;
}


.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
/* .active, .accordion:hover {
        background-color: #ccc;
    }*/

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}

.btn-rounded {
    border-radius: 25px !important
}

.price-option-item {
    text-align: center;
    font-size: 0.875rem;
    padding: 1rem;
    font-style: normal;
}

    .price-option-item em {
        font-weight: 600;
        font-style: normal;
    }

.price-option .price-option-item:nth-child(2n+1) {
    background: rgba(102, 45, 145, 0.06);
}

.bg-gradiant {
    background: linear-gradient(to left, #480048, #c04848) !important;
}

.li_dr_menu {
    display: block;
    position: absolute !important;
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    top: 0;
    background-color: #151f30;
    border-radius: 16px;
    padding: 0 20px;
    width: 200px;
    transition: 0.5s;
    transform: translate3d(0px, 36px, 0px) !important;
    margin-top: 10px;
}

.catalog__paginator button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 12px;
    background-color: #131720;
    font-size: 14px;
    color: #e0e0e0;
    font-weight: 500;
}

    .catalog__paginator button svg {
        stroke: #e0e0e0;
        transition: 0.5s;
    }

.catalog__paginator li.active button {
    color: #2f80ed !important;
    cursor: default;
}

.text-light {
    color: white;
}

.text-black {
    color: black;
}

.card-default {
    background: #374865;
    padding: 8px;
    margin: 2px;
    border-radius: 15px;
}

@media (min-width:1200px) {
    .btn-mix {
        display: none !important;
    }
}

@media (max-width:1200px) {
    .posittion-custom {
        position: fixed !important;
        top: 10px !important;
        left: unset !important;
        right: unset !important;
    }

    .header__form-input.header-input {
        border-radius: 0px 13px 13px 0 !important;
    }

    .btn-mix {
        display: block !important;
    }

    .header-btn-custom {
        left: 43px !important;
    }
}

@media (max-width:657px) {
    .posittion-custom {
        left: 0 !important;
    }
}

.header__nav-menu--scroll {
    overflow-y: unset !important;
}

.btn-mix {
    display: none;
    border: 5px solid #3b4c5d;
    border-radius: 13px 0 0 13px;
    height: 40px;
    background-color: #3b4c5d;
    color: aqua;
    border-right: 1px solid white;
    width: 40px;
}

.article__content h1, .article__content h2, .article__content h3, .article__content h4, .article__content h5, .article__content h6 {
    color: black !important;
}

.degree-title {
    font-size: 3rem;
}

.degree-text {
font-size:1.5rem;
}