.btn-color-1 {
    background-color: var(--color1_bg) !important;
    color: #FFF !important;
}

.btn-color-1:hover {
    color: #FFF !important;
    background-color: var(--color1_lighter);
}

.btn-color-2 {
    background-color: var(--color2) !important;
    color: #FFF !important;
}

.btn-color-2:hover {
    color: #FFF !important;
    background-color: var(--color2_lighter);

}


.background_color1 {
    background-color: var(--color1_bg) !important;
    color: #fff !important;
}

/* BLUE */
.background_color2 {
    background-color: var(--color2) !important;
    color: #fff !important;
}

/* ORANGE */
.background_color3 {
    background-color: var(--color3) !important;
    color: #fff !important;
}

/* VOILET */
.background_color4 {
    background-color: var(--color4) !important;
    color: #fff !important;
}

/* GREEN */

.border-radius {
    border-radius: 15px;
}

.color1 {
    color: var(--color1) !important;
}

/* BLUE */
.color2 {
    color: var(--color2) !important;
}

/* ORANGE */
.color3 {
    color: var(--color3) !important;
}

/* VOILET */
.color4 {
    color: var(--color4) !important;
}

/* GREEN */

.color1_lt {
    color: var(--color1_lighter) !important;
}

.color2_lt {
    color: var(--color2_lighter) !important;
}

.color3_lt {
    color: var(--color3_lighter) !important;
}

.color4_lt {
    color: var(--color4_lighter) !important;
}

.border_color1 {
    border-color: var(--color1) !important;
}

/* BLUE */
.border_color2 {
    border-color: var(--color2) !important;
}

/* ORANGE */
.border_color3 {
    border-color: var(--color3) !important;
}

/* VOILET */
.border_color4 {
    border-color: var(--color4) !important;
}

/* GREEN */


.btn-purple {
    background: #4f69a3;
    background: -moz-linear-gradient(top, #4f69a3 0, #415b93 100%);
    background: -webkit-linear-gradient(top, #4f69a3 0, #415b93 100%);
    background: linear-gradient(to bottom, #4f69a3 0, #415b93 100%);
    color: #FFF;
}

.btn-purple:hover {
    text-decoration: none;
    color: #FFF;
    background: #324d89;
    background: -moz-linear-gradient(top, #415b93 0, #324d89 100%);
    background: -webkit-linear-gradient(top, #415b93 0, #324d89 100%);
    background: linear-gradient(to bottom, #415b93 0, #324d89 100%);
}

.btn-blue {
    background: #0094ef;
    color: #FFF;
    border: solid 2px #FFF;
}

.btn-blue:hover {
    text-decoration: none;
    color: #0094ef !important;
    background: #FFF;
    border: solid 2px #0094ef;
}

.btn-orange {
    background: #f4422d;
    color: #FFF;
    border: solid 2px #FFF;
}

.btn-orange:hover {
    text-decoration: none;
    color: #f4422d !important;
    background: #FFF;
    border: solid 2px #f4422d;
}

.btn-red1 {
    background: #d64638;
    background: -moz-linear-gradient(top, #d64638 0, #d64638 100%);
    background: -webkit-linear-gradient(top, #d64638 0, #d64638 100%);
    background: linear-gradient(to bottom, #d64638 0, #d64638 100%);
    color: #FFF;
}

.btn-red1:hover {
    text-decoration: none;
    color: #FFF !important;
    background: #d64638;
    background: -moz-linear-gradient(top, #d64638 0, #db0013 100%);
    background: -webkit-linear-gradient(top, #d64638 0, #db0013 100%);
    background: linear-gradient(to bottom, #d64638 0, #db0013 100%);
}

.btn-cyan {
    background: #4da4e3;
    background: -moz-linear-gradient(top, #4da4e3 0, #4da4e3 100%);
    background: -webkit-linear-gradient(top, #4da4e3 0, #4da4e3 100%);
    background: linear-gradient(to bottom, #4da4e3 0, #4da4e3 100%);
    color: #FFF;
}

.btn-cyan:hover {
    text-decoration: none;
    color: #FFF !important;
    background: #4da4e3;
    background: -moz-linear-gradient(top, #4da4e3 0, #007bff 100%);
    background: -webkit-linear-gradient(top, #4da4e3 0, #007bff 100%);
    background: linear-gradient(to bottom, #4da4e3 0, #007bff 100%);
}

.btn-green {
    background: #28a732;
    background: -moz-linear-gradient(top, #28a732 0, #28a732 100%);
    background: -webkit-linear-gradient(top, #28a732 0, #28a732 100%);
    background: linear-gradient(to bottom, #28a732 0, #28a732 100%);
    color: #FFF;
}

.btn-green:hover {
    text-decoration: none;
    color: #FFF !important;
    background: #28a732;
    background: -moz-linear-gradient(top, #28a732 0, #088b23 100%);
    background: -webkit-linear-gradient(top, #28a732 0, #088b23 100%);
    background: linear-gradient(to bottom, #28a732 0, #088b23 100%);
}

.btn-flat-icon {
    opacity: 0.7;
}

.btn-flat-icon:hover {
    opacity: 1;
}

.btn-purple-text {
    color: #4f69a3;
}

.btn-blue-text {
    color: #0094ef;
}

.btn-orange-text {
    color: #f4422d;
}

.btn-red1-text {
    color: #d64638;
}

.btn-cyan-text {
    color: #4da4e3;
}

.btn-green-text {
    color: #28a732;
}


.background_hightlight {
    background-color: #fdffb0 !important;
    color: #000 !important;
}

.black-text {
    color: #000 !important;
}

.btn-primary {
    background-color: var(--color1_bg) !important;
    border-color: var(--color1_bg) !important;
    color: #fff !important;
}

.btn-primary:hover {
    background-color: #fff !important;
    border-color: var(--color1) !important;
    color: var(--color1) !important;
}

.btn-outline-primary {
    color: var(--color1);
    border-color: var(--color1);
}

.btn-outline-primary:hover {
    background-color: var(--color1_bg);
    border-color: var(--color1);
}

.btn-color2 {
    background-color: var(--color2) !important;
    border-color: var(--color2) !important;
    color: #fff !important;
}

.btn-color2:hover {
    background-color: #fff !important;
    border-color: var(--color2) !important;
    color: var(--color2) !important;
}

.btn-blue {
    background: var(--color1);
}

.btn-success {
    background: var(--color4);
}

.card-img-top {
    min-height: 155px;
    height: auto;
}

.btn-header {
    font-size: 15px;
    padding: 12px !important;
}


.font2 {
    font-family: Roboto, serif !important;
}

.font-700 {
    font-weight: 700 !important;
}

.font-bold {
    font-weight: 600 !important;
}

.font-med {
    font-weight: 400 !important;
}

.font-light {
    font-weight: 100 !important;
}

.text_right {
    text-align: right;
}

.text_left {
    text-align: left;
}

.text_center {
    text-align: center;
}

.hide {
    display: none;
}

.hide2 {
    display: none !important;
}

.pc-hide {
    display: none;
}

@media (max-width: 800px) {
    .pc-hide {
        display: block;
    }
}


/* ------------   x PC Mobile (start) */
@media (min-width: 577px) {

    .pc_text_align_left {
        text-align: left;
    }

    .pc_text_align_right {
        text-align: right;
    }

    .pc_dir_ltr {
        direction: ltr;
    }

    .pc_dir_rtl {
        direction: rtl;
    }

    .pc_m_0 {
        margin: 0px;
    }

    .pc_m_10 {
        margin: 10px;
    }

    .pc_m_20 {
        margin: 20px;
    }

    .pc_m_30 {
        margin: 30px;
    }

    .pc_ml_0 {
        margin-left: 0px;
    }

    .pc_ml_10 {
        margin-left: 10px;
    }

    .pc_ml_20 {
        margin-left: 20px;
    }

    .pc_ml_30 {
        margin-left: 30px;
    }

    .pc_mr_0 {
        margin-right: 0px;
    }

    .pc_mr_10 {
        margin-right: 10px;
    }

    .pc_mr_20 {
        margin-right: 20px;
    }

    .pc_mr_30 {
        margin-right: 30px;
    }

    .pc_mt_0 {
        margin-top: 0px;
    }

    .pc_mt_10 {
        margin-top: 10px;
    }

    .pc_mt_20 {
        margin-top: 20px;
    }

    .pc_mt_30 {
        margin-top: 30px;
    }

    .pc_mb_0 {
        margin-bottom: 0px;
    }

    .pc_mb_10 {
        margin-bottom: 10px;
    }

    .pc_mb_20 {
        margin-bottom: 20px;
    }

    .pc_mb_30 {
        margin-bottom: 30px;
    }

    .pc_p_0 {
        padding: 0px;
    }

    .pc_p_10 {
        padding: 10px;
    }

    .pc_p_20 {
        padding: 20px;
    }

    .pc_p_30 {
        padding: 30px;
    }

    .pc_pl_0 {
        padding-left: 0px;
    }

    .pc_pl_10 {
        padding-left: 10px;
    }

    .pc_pl_20 {
        padding-left: 20px;
    }

    .pc_pl_30 {
        padding-left: 30px;
    }

    .pc_pr_0 {
        padding-right: 0px;
    }

    .pc_pr_10 {
        padding-right: 10px;
    }

    .pc_pr_20 {
        padding-right: 20px;
    }

    .pc_pr_30 {
        padding-right: 30px;
    }

    .pc_pt_0 {
        padding-top: 0px;
    }

    .pc_pt_10 {
        padding-top: 10px;
    }

    .pc_pt_20 {
        padding-top: 20px;
    }

    .pc_pt_30 {
        padding-top: 30px;
    }

    .pc_pb_0 {
        padding-bottom: 0px;
    }

    .pc_pb_10 {
        padding-bottom: 10px;
    }

    .pc_pb_20 {
        padding-bottom: 20px;
    }

    .pc_pb_30 {
        padding-bottom: 30px;
    }

}


/* ------------   x PC Mobile (end) */


.mobile-hide {
    display: block;
}

@media (max-width: 800px) {
    .mobile-hide {
        display: none;
    }
}

.block {
    display: block;
}

.justify {
    text-align: justify;
}

.block100 {
    width: 100%;
    display: block;
}

a,
a:link {
    color: var(--color1);
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.dir-base {
    direction: ltr !important;
}

.dir-float-left {
    float: left !important;
}

.dir-float-right {
    float: right !important;
}

.dir-text-left {
    text-align: left;
}

.dir-text-right {
    text-align: right;
}

.mrgbutton {
    margin-bottom: 15px;
}

.rtl {
    direction: rtl;
}

.ltr {
    direction: ltr;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}


body,
html {
    padding: 0;
    margin: 0;
    font-family: 'Roboto', serif;
    font-weight: 400;
    background-color: #ebeef0;
}


.mrg {
    margin-top: 15px;
}

.mrg2x {
    margin-top: 30px;
}

.mrg3x {
    margin-top: 45px;
}

.form-control:focus,
.btn:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
    outline: 0 none;
}

.mobile_block {
    display: none;
}

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

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

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

.margin-right0 {
    margin-right: 0 !important;
}

.margin-left0 {
    margin-left: 0 !important;
}

.margin-top0 {
    margin-top: 0 !important;
}

.margin-bottom0 {
    margin-bottom: 0 !important;
}

.margin-5 {
    margin: 5px !important;
}

.margin-right5 {
    margin-right: 5px !important;
}

.margin-left5 {
    margin-left: 5px !important;
}

.margin-top5 {
    margin-top: 5px !important;
}

.margin-bottom5 {
    margin-bottom: 5px !important;
}

.margin-10 {
    margin: 10px !important;
}

.margin-right10 {
    margin-right: 10px !important;
}

.margin-left10 {
    margin-left: 10px !important;
}

.margin-top10 {
    margin-top: 10px !important;
}

.margin-bottom10 {
    margin-bottom: 10px !important;
}

.margin-15 {
    margin: 15px !important;
}

.margin-right15 {
    margin-right: 15px !important;
}

.margin-left15 {
    margin-left: 15px !important;
}

.margin-top15 {
    margin-top: 15px !important;
}

.margin-bottom15 {
    margin-bottom: 15px !important;
}

.margin-20 {
    margin: 20px !important;
}

.margin-right20 {
    margin-right: 20px !important;
}

.margin-left20 {
    margin-left: 20px !important;
}

.margin-top20 {
    margin-top: 20px !important;
}

.margin-bottom20 {
    margin-bottom: 20px !important;
}

.margin-30 {
    margin: 30px !important;
}

.margin-right30 {
    margin-right: 30px !important;
}

.margin-left30 {
    margin-left: 30px !important;
}

.margin-top30 {
    margin-top: 30px !important;
}

.margin-bottom30 {
    margin-bottom: 30px !important;
}

.margin-40 {
    margin: 40px !important;
}

.margin-right40 {
    margin-right: 40px !important;
}

.margin-left40 {
    margin-left: 40px !important;
}

.margin-top40 {
    margin-top: 40px !important;
}

.margin-bottom40 {
    margin-bottom: 40px !important;
}

.margin-50 {
    margin: 50px !important;
}

.margin-right50 {
    margin-right: 50px !important;
}

.margin-left50 {
    margin-left: 50px !important;
}

.margin-top50 {
    margin-top: 50px !important;
}

.margin-bottom50 {
    margin-bottom: 50px !important;
}

.margin-60 {
    margin: 60px !important;
}

.margin-right60 {
    margin-right: 60px !important;
}

.margin-left60 {
    margin-left: 60px !important;
}

.margin-top60 {
    margin-top: 60px !important;
}

.margin-bottom60 {
    margin-bottom: 60px !important;
}


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

.padding-right0 {
    padding-right: 0 !important;
}

.padding-left0 {
    padding-left: 0 !important;
}

.padding-top0 {
    padding-top: 0 !important;
}

.padding-bottom0 {
    padding-bottom: 0 !important;
}


.padding-5 {
    padding: 5px !important;
}

.padding-right5 {
    padding-right: 5px !important;
}

.padding-left5 {
    padding-left: 5px !important;
}

.padding-top5 {
    padding-top: 5px !important;
}

.padding-bottom5 {
    padding-bottom: 5px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-right10 {
    padding-right: 10px !important;
}

.padding-left10 {
    padding-left: 10px !important;
}

.padding-top10 {
    padding-top: 10px !important;
}

.padding-bottom10 {
    padding-bottom: 10px !important;
}

.padding-15 {
    padding: 15px !important;
}

.padding-right15 {
    padding-right: 15px !important;
}

.padding-left15 {
    padding-left: 15px !important;
}

.padding-top15 {
    padding-top: 15px !important;
}

.padding-bottom15 {
    padding-bottom: 15px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-right20 {
    padding-right: 20px !important;
}

.padding-left20 {
    padding-left: 20px !important;
}

.padding-top20 {
    padding-top: 20px !important;
}

.padding-bottom20 {
    padding-bottom: 20px !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-right30 {
    padding-right: 30px !important;
}

.padding-left30 {
    padding-left: 30px !important;
}

.padding-top30 {
    padding-top: 30px !important;
}

.padding-bottom30 {
    padding-bottom: 30px !important;
}

.padding-40 {
    padding: 40px !important;
}

.padding-right40 {
    padding-right: 40px !important;
}

.padding-left40 {
    padding-left: 40px !important;
}

.padding-top40 {
    padding-top: 40px !important;
}

.padding-bottom40 {
    padding-bottom: 40px !important;
}

.padding-50 {
    padding: 50px !important;
}

.padding-right50 {
    padding-right: 50px !important;
}

.padding-left50 {
    padding-left: 50px !important;
}

.padding-top50 {
    padding-top: 50px !important;
}

.padding-bottom50 {
    padding-bottom: 50px !important;
}

.padding-60 {
    padding: 60px !important;
}

.padding-right60 {
    padding-right: 60px !important;
}

.padding-left60 {
    padding-left: 60px !important;
}

.padding-top60 {
    padding-top: 60px !important;
}

.padding-bottom60 {
    padding-bottom: 60px !important;
}

.noborder {
    border: none !important;
}

.noborder-top {
    border-top: none !important;
}

.noborder-bottom {
    border-bottom: none !important;
}

.noborder-left {
    border-left: none !important;
}

.noborder-right {
    border-right: none !important;
}

.font1rem {
    font-size: .1rem;
}

.font2rem {
    font-size: .2rem;
}

.font3rem {
    font-size: .3rem;
}

.font4rem {
    font-size: .4rem;
}

.font5rem {
    font-size: .5rem;
}

.font6rem {
    font-size: .6rem;
}

.font7rem {
    font-size: .7rem;
}

.font8rem {
    font-size: .8rem !important;
}

.font9rem {
    font-size: .9rem;
}

.font10rem {
    font-size: 1rem;
}

.font11rem {
    font-size: 1.1rem;
}

.font12rem {
    font-size: 1.2rem;
}

.font13rem {
    font-size: 1.3rem;
}

.font14rem {
    font-size: 1.4rem;
}

.font15rem {
    font-size: 1.5rem;
}

.font16rem {
    font-size: 1.6rem;
}

.font17rem {
    font-size: 1.7rem;
}

.font18rem {
    font-size: 1.8rem;
}

.font19rem {
    font-size: 1.9rem;
}

.font20rem {
    font-size: 2.0rem;
}

.font21rem {
    font-size: 2.1rem;
}

.font22rem {
    font-size: 2.2rem;
}

.font23rem {
    font-size: 2.3rem;
}

.font24rem {
    font-size: 2.4rem;
}

.font25rem {
    font-size: 2.5rem;
}

.font26rem {
    font-size: 2.6rem;
}

.font27rem {
    font-size: 2.7rem;
}

.font28rem {
    font-size: 2.8rem;
}

.font29rem {
    font-size: 2.9rem;
}

.font30rem {
    font-size: 3rem;
}

.font35rem {
    font-size: 3.5rem;
}

.font40rem {
    font-size: 4rem;
}

.font1px {
    font-size: 1px !important;
}

.font2px {
    font-size: 2px !important;
}

.font3px {
    font-size: 3px !important;
}

.font4px {
    font-size: 4px !important;
}

.font5px {
    font-size: 5px !important;
}

.font6px {
    font-size: 6px !important;
}

.font7px {
    font-size: 7px !important;
}

.font8px {
    font-size: 8px !important;
}

.font9px {
    font-size: 9px !important;
}

.font10px {
    font-size: 10px !important;
}

.font11px {
    font-size: 11px !important;
}

.font12px {
    font-size: 12px !important;
}

.font13px {
    font-size: 13px !important;
}

.font14px {
    font-size: 14px !important;
}

.font15px {
    font-size: 15px !important;
}

.font16px {
    font-size: 16px !important;
}

.font17px {
    font-size: 17px !important;
}

.font18px {
    font-size: 18px !important;
}

.font19px {
    font-size: 19px !important;
}

.font20px {
    font-size: 20px !important;
}

.font21px {
    font-size: 21px !important;
}

.font22px {
    font-size: 22px !important;
}

.font23px {
    font-size: 23px !important;
}

.font24px {
    font-size: 24px !important;
}

.font25px {
    font-size: 25px !important;
}

.font26px {
    font-size: 26px !important;
}

.font27px {
    font-size: 27px !important;
}

.font28px {
    font-size: 28px !important;
}

.font29px {
    font-size: 29px !important;
}

.font30px {
    font-size: 30px !important;
}

.font35px {
    font-size: 35px !important;
}

.font40px {
    font-size: 40px !important;
}

.opacity0 {
    opacity: 0;
}

.opacity10 {
    opacity: .1;
}

.opacity20 {
    opacity: .2;
}

.opacity30 {
    opacity: .3;
}

.opacity40 {
    opacity: .4;
}

.opacity50 {
    opacity: .5;
}

.opacity60 {
    opacity: .6;
}

.opacity70 {
    opacity: .7;
}

.opacity80 {
    opacity: .8;
}

.opacity90 {
    opacity: .9;
}

.opacity100 {
    opacity: 1;
}

.line-height-50 {
    line-height: 50%;
}

.line-height-75 {
    line-height: 75%;
}

.line-height-100 {
    line-height: 100%;
}

.line-height-125 {
    line-height: 125%;
}

.line-height-150 {
    line-height: 150%;
}

.line-height-175 {
    line-height: 175%;
}

.line-height-185 {
    line-height: 185%;
}

.line-height-200 {
    line-height: 200%;
}

.min-w-300px {
    min-width: 300px;
}

.p-relative {
    position: relative !important;
}

.p-absolute {
    position: absolute !important;
}


.bg_transparent {
    background-color: transparent !important;
}

.border_width_0 {
    border-width: 0 !important;
}

.border_radius_0 {
    border-radius: 0 !important;
}

.overflow-x-clip {
    overflow-x: clip;
}

/* <COLORS AND BG COLORS> */
.text-white {
    color: #FFF !important;
}

.text-green {
    color: var(--color4) !important;
}

.bg-green {
    background-color: var(--color4) !important;
}

.bg-gray {
    background-color: #AAA;
}

.bg-gray-light {
    background-color: #EEE;
}

.bg-gray-lighter {
    background-color: #dadada;
}


.text-shadow {
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.rotate {
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.hand_hover:hover {
    cursor: pointer;
}

.yellow_star {
    color: #f2ad0d;
}

.gray_star {
    color: #d5d5dd;
}

.star_rate1 {
    display: inline-block;
    width: 120px;
    height: 30px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.star_rate2 {
    display: inline-block;
    width: 100px;
    height: 24px;
    position: relative;
    padding: 0;
    margin: 10px 0 0 10px;
    overflow: hidden;
}

.star_rate3 {
    display: inline-block;
    position: absolute;
    height: 300px;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.star_rate4 {
    display: inline-block;
    position: absolute;
    height: 300px;
    top: 0;
    left: 0;
    width: 100px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}


#vchat_btn {
    display: inline-block;
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 80px;
    height: 90px;
    background-color: #228855;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding-top: 5px;
    border: solid 4px white;
    border-radius: 3px;
    box-shadow: 0 0 10px 1px #333;
    cursor: pointer;
    opacity: 0.8;
}

#vchat_btn:hover {
    opacity: 1;
}

#vchat_btn i {
    display: inline-block;
    width: 40px;
    height: 21px;
}

#vchat_form_container {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 200px;
    height: 160px;
    background-color: #228855;
    color: #fff;
    font-size: 12px;
    direction: ltr;
    text-align: center;
    border: solid 4px white;
    border-radius: 3px;
    box-shadow: 0 0 10px 1px #333;
    opacity: 1;
    padding: 5px;
}

#vchat_form_msg,
#vchat_form_msg i {
    font-size: 12px;
}

#vchat_name,
#vchat_mobile {
    padding: 4px;
    margin: 3px;
    font-size: 12px;
    text-align: center;
    width: 160px;
}

#vchat_go {
    padding: 4px;
    font-size: 12px;
    margin: 3px;
    text-align: center;
    width: 160px;
    cursor: pointer;
    color: #fff;
    background-color: #116633;
    border: solid 1px #fff;
}


.aa_photo_circle_user_header {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    overflow: hidden;
    margin: 5px;
    display: inline-block;
    margin-bottom: -10px !important;
}

.aa_photo_circle_user_header img {
    width: 36px !important;
    margin-top: -4% !important;
    margin-left: -5% !important;
    top: -5px !important;
}

.img-circle {
    border-radius: 50%;
}

/* </COLORS AND BG COLORS> */
.header-topbar {
    padding: 10px 0px;
    background-color: #FFF;
    height: auto;
}

.header-topbar-part {
    padding-top: 10px;
}

.logo img {
    width: auto;
    height: auto;
    margin-top: 0;
}

.dir-ltr {
    direction: ltr !important;
}

.custom-indicator {
    top: -55px;
    bottom: initial;
    right: 0;
    left: auto;
    margin: 0;
}

.custom-indicator li {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background-color: var(--color1_bg) !important;
}

.custom-indicator-left {
    top: -40px !important;
    bottom: initial !important;
    right: auto !important;
    left: 0 !important;
    margin: 0 !important;
}

.nav-container {
    padding: 10px;
    color: #fff;
    font-size: 18px;
}

.nav-container a {
    color: #fff;
}

.nav-container a:hover {
    text-decoration: underline;
}

.nav-container i {
    margin: 0 10px 0 10px;
}

.nav-container i.fa-home {
    margin: 0 0px 0 10px;
}

#navbarNavDropdown .dropdown-menu {
    background-color: var(--color1_bg);
    border: 0;
    border-radius: 0;
    top: 45px;
    min-width: 200px;
}

#navbarNavDropdown .dropdown-menu > a {
    color: #FFF;
}

#navbarNavDropdown .dropdown-menu > a:hover {
    background-color: #00000057;
}

.video-container {
    position: relative;
    /*padding-bottom: 56.25%;*/
    /* padding-top: 30px; */
    /*height: 0;*/
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#map_wrapper,
#map_canvas {
    max-width: 100%;
    box-sizing: border-box;
    width: auto;
    display: block;
}

#map_wrapper {
    height: 500px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

#header_language_menu_dropdown_container {
    z-index: 1;
}

#header_language_menu_dropdown_btn {
}

#header_language_menu_dropdown_list a.dropdown-item {
    color: black;
    font-size: 14px;
    padding: 3px 12px;
}

/* <mobile menu icon> */
.bar1,
.bar2,
.bar3 {
    width: 35px;
    height: 5px;
    cursor: pointer;
    background-color: #000;
    margin-bottom: 5px;
}

/* </mobile menu icon> */


/* <menu DropDown> */
.menu-container {
    position: relative;
}

.menu-container ul {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 5px;
    flex-wrap: nowrap;
}

.menu-container ul a {
    display: block;
    color: #FFF;
    text-decoration: none;
    font-weight: 300;
    font-size: 16px;
    padding: 20px 25px;
}

.menu-container ul li.main-menu-item a {
    /* border-right: solid 1px #63b0df; */
}


.menu-container ul a i {

    font-size: 17px;
    padding: 0 0px;
    display: inline-block;
    /* display: inline-block;	*/
    float: right;
    margin-top: -2px;
    width: 28px;
    height: 28px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    opacity: 0.7;

}


.login-dropdown-menu {
    display: inline-block;
    white-space: nowrap;
    font-size: 15px;
    min-height: 28px;
    width: 100%;
}

.gutters-5 {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

.gutters-5 > .col,
.gutters-5 > [class*="col-"] {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/*
.navbar-nav .nav-link {
    padding-right: 20px !important;
} */

.w-user {
    display: block;
    float: left;
}

.eclipse {
    display: inline-block;
    max-width: 40px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    margin-left: 2px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0 !important;
}

.navbar-nav .nav-link:hover {
    cursor: pointer;
}

.menu-container ul li {
    position: relative;
    flex: auto;
}

.menu-container a:hover {
    background-color: var(--color2);
}

.menu-container ul li.current-menu-item a {
    color: #fff !important;
}

.menu-container li ul li a {
    color: #000;
}

.menu-container ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0;
    z-index: 999999;
    background-color: var(--color1_bg);
    line-height: 0 !important;
}

.menu-container ul ul li {
    float: none;
    width: 360px;
}

/* .menu-container ul ul li:hover{ opacity: 1; background-color:#eeeeee; } */
/* .menu-container ul ul li:hover .menu-container ul ul { background-color:#fff; } */

.menu-container ul ul a {
    padding: 15px;
}

.menu-container ul ul ul {
    top: 0;
    left: 100%
}

.menu-container ul li a {
    display: block;
    width: 100%;
    position: relative;
    min-height: 62px;
}

.submenuicon {
    float: left;
    width: 52px;
    padding: 7px 0;
    margin-top: -10px;
    background-color: #0079fb;
    border-radius: 5px;
    color: #FFF;
    text-align: center;
    margin-right: 10px;
}

.menu-text {
    position: relative;
    float: none;
    width: 260px;
    padding: 19px 0;
    margin-top: 0;
}

.menu-text-hassub {
    float: right;
    color: #666;
    margin-top: 9px !important;
}

.text-menu,
.undertext-menu {
    display: block;
    position: absolute;
}

.text-menu {
    color: #FFF;
    top: 0;
}

.undertext-menu {
    color: #CCC;
    top: 25px;
    font-size: 14px;
}

.submenuicon {
    margin: 5px 0px
}

.top-border-hide {
    border-top: hidden;
}

.video_cont_iframe {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.video_cont_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 90%;
    height: auto;
}

/* .menu-container ul li:hover > ul{display:block} */

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
    border-color: var(--color1);
    background-color: var(--color1_bg);
    color: #fff;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
    border-color: var(--color2);
    background-color: var(--color2);
    color: #fff;
}


.glevels_bar_title {
    font-variant-caps: all-small-caps;
    margin: 0;
    background-color: var(--color1_bg);
    padding: 0 15px 3px 15px;
    color: #fff;
}

.top-bar {
    /*margin-top: -40px;*/
}

.glevels_bar {
    padding: 20px 15px 10px 15px;
}

.how_it_works_bg {
    background-color: var(--color2);
}

@media (max-width: 800px) {
    /*.how_it_works_bg { margin-top: 70px; }*/
}


.page_courses_how_it_works .services-option-container i {
    font-size: 40px;
    opacity: 0.2;
    /*color: var(--color1);*/
    color: #fff;
}

.page_courses_how_it_works .services-options-text {
    font-size: 17px;
    opacity: 0.5;
    /*color: var(--color1);*/
    color: #fff;
}

.page_courses_how_it_works .services-options-text-2,
.page_courses_how_it_works a.services-options-text-2 {
    /*color: var(--color2);*/
    color: #fff;
    font-size: 13px;
}

.page_courses_how_it_works .glevels_bar_title {
    padding: 5px 15px 1px 15px;
}

.page_courses_how_it_works .services-option-container i.active,
.page_courses_how_it_works .services-options-text.active {
    opacity: 1;
}


.bigone {
    width: 100%;
    position: absolute;
    height: 50px;
    background-color: #DDD;
}

/* </menu dropDown> */
.menu-icon {
    display: none;
}

.flat-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .13s ease-in-out, box-shadow .13s ease-in-out;
}

.flat-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: .375rem .75rem;
    font-size: 1rem;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0rem;
    transition: border-color .13s ease-in-out, box-shadow .13s ease-in-out;
}

.flat-lg {
    padding: .600rem .800rem;
}

#topbar-dropdown a {
    color: #000;
}

#topbar-dropdown a:hover,
.topbar-links:hover {
    text-decoration: none;
}

.topbar-links {
    color: #000;
    text-decoration: none;
}

.headermenucontainer {
    background-color: var(--color1_bg);
    /*display: flex; */
    /*margin:10px 0px;*/
}

.custom-carouselitem {
    min-height: 500px;
    background-size: cover;
}

.carousel-on-inner {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 500px;
    width: 100%;
}

.slideshow-container {
    position: relative !important;
    height: 500px;
}

.carousel-control-prev,
.carousel-control-next {
    z-index: 9999;
}


.aa_banner {
    display: block;
    text-align: center;
}

.aa_banner a {
    display: inline-block;
    text-align: center;
    margin: 5px;
    max-width: 1110px;
}

.aa_banner a img {
    width: 100%;
    height: auto;
}


a.aa_file_link,
a.aa_file_link:link {
    text-decoration: underline !important;
    color: var(--color1) !important;
    padding: 0 10px;
}

a.aa_file_link:hover {
    opacity: 0.7;
}


.admin_profile_photo {
    border: 1px solid var(--color1);
    width: 45px;
    height: auto;
    border-radius: 100%;
    margin-right: 8px;
    margin-left: 8px;
    vertical-align: middle;
}

.admin_profile_ui_menu {
    font-size: 12px;
    vertical-align: middle;
}


.slider_title {
    font-size: 48px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 3px;
}

.slider_title_line2 {
    font-family: 'OpenSansBold', Roboto;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
}

.search-container {
    position: relative;
    height: 500px;
}

.header-search-container,
.header-search-container-find-course {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.home_search_form_container {
    margin-top: 30px;
    box-shadow: 0 0px 0.5px 5px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
}

.home_search_form_i_want {
    width: 100%;
    border-radius: 0;
    border-radius: 6px 0px 0px 6px;
}

.home_search_form_btn {
    width: 100%;
    border-radius: 0 6px 6px 0px;
}


.home_search_form_container_mcf {
    margin-top: 30px;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 15px 15px;
}

.home_course_search_form_btn_back {
    text-shadow: 0 0px 10px #000000;
}

#home_xhome_main_course_search_form_container {
    margin-bottom: -100px;
}

#home_xhome_2type_course_search_form_btn_language {
    height: auto !important;
    text-transform: uppercase;
    border: solid 5px #222;
    border-left: solid 10px var(--color2);
    border-radius: 0;
    background-color: white;
    font-family: Righteous, Roboto, Arial;
}

#home_xhome_2type_course_search_form_btn_teacher {
    height: auto !important;
    text-transform: uppercase;
    border: solid 5px #222;
    border-left: solid 10px var(--color2);
    border-radius: 0;
    background-color: white;
    font-family: Righteous, Roboto, Arial;
}

#home_xhome_2type_course_search_form_btn_friend {
    height: auto !important;
    text-transform: uppercase;
    border: solid 5px #222;
    border-left: solid 10px var(--color2);
    border-radius: 0;
    background-color: white;
    font-family: Righteous, Roboto, Arial;
}

#home_xhome_2type_course_search_form_btn_academic {
    margin-bottom: 15px;
    height: auto !important;
    text-transform: uppercase;
    border: solid 5px #222;
    border-left: solid 10px var(--color2);
    border-radius: 0;
    background-color: white;
    font-family: Righteous, Roboto, Arial;
}

#home_xhome_2type_course_search_form_btn_academic div {
    margin-left: 63px;
}

#home_xhome_academic_course_search_form_container .home_academic_course_search_form_labels {
    font-size: 26px;
    color: #fff;
    margin-top: 15px;
    text-shadow: 0 0px 10px #000000;
    text-transform: uppercase;
    font-family: Righteous, Roboto, Arial;
}


#popup_xhome_main_course_search_form_container {
}

#popup_xhome_2type_course_search_form_btn_language {
    height: auto !important;
    text-transform: uppercase;
    border: solid 5px #222;
    border-left: solid 10px var(--color2);
    border-radius: 0;
    background-color: white;
    font-family: Righteous, Roboto, Arial;
}

#popup_xhome_2type_course_search_form_btn_teacher {
    height: auto !important;
    text-transform: uppercase;
    border: solid 5px #222;
    border-left: solid 10px var(--color2);
    border-radius: 0;
    background-color: white;
    font-family: Righteous, Roboto, Arial;
}

#popup_xhome_2type_course_search_form_btn_friend {
    height: auto !important;
    text-transform: uppercase;
    border: solid 5px #222;
    border-left: solid 10px var(--color2);
    border-radius: 0;
    background-color: white;
    font-family: Righteous, Roboto, Arial;
}

#popup_xhome_2type_course_search_form_btn_academic {
    margin-bottom: 15px;
    height: auto !important;
    text-transform: uppercase;
    border: solid 5px #222;
    border-left: solid 10px var(--color2);
    border-radius: 0;
    background-color: white;
    font-family: Righteous, Roboto, Arial;
}

#popup_xhome_2type_course_search_form_btn_academic div {
    margin-left: 63px;
}

#popup_xhome_academic_course_search_form_container .home_academic_course_search_form_labels {
    font-size: 26px;
    color: #fff;
    margin-top: 15px;
    text-shadow: 0 0px 10px #000000;
    text-transform: uppercase;
    font-family: Righteous, Roboto, Arial;
}


#home_slide_search_input {
    padding: 32px 20px;
    font-size: 22px;
    border-color: #fff;
}

#home_slide_search_icon {
    color: #fff;
    background-color: var(--color1_bg);
    border-color: var(--color1);
    border-radius: 4px 0px 0px 4px;
}


.home-tabscontainer {
    background-color: #efeff6;
}

#hometab .nav-tabs .nav-item.show .nav-link,
#hometab .nav-tabs .nav-link.active {
    border-radius: 0;
    background-color: #efeff6;
    border-bottom: 0 !important;
}

#hometab .nav-tabs {
    border-bottom: 0;
}

#hometab .nav-tabs .nav-item {
    margin-left: -15px;
    margin-right: -15px;
}

#hometab .nav-item > .active {
    border-top: 6px solid var(--color2) !important;
}

#hometab .nav-link:not(.active):hover {
    background-color: var(--color1_bg) !important;
    color: #FFF;
    border-top-color: var(--color1) !important;
}

#hometab .nav-link {
    padding: 15px !important;
    border-top: 5px solid #efeff6 !important;
}

.tab-container {
    background-color: #efeff6;
}

.alpha {
    margin: 2rem 0;
}

.container-404 {
    min-height: 500px;
    height: auto;
}

.error-404 {
    font-size: 150px;
    color: var(--color1);
    text-shadow: 1px 1px 1px var(--color1),
    2px 2px 1px var(--color1),
    3px 3px 1px var(--color1),
    4px 4px 1px var(--color1),
    5px 5px 1px var(--color1),
    6px 6px 1px var(--color1),
    7px 7px 1px var(--color1),
    8px 8px 1px var(--color1),
    25px 25px 8px rgba(0, 0, 0, 0.2);
}


.courseAttrTag {
    font-size: 13px;
}


.section {
    padding: 20px 15px 40px 15px;
    height: auto;
    min-height: 100px;
    background-color: #FFF;
    margin: 15px 0;
}

.carousel-indicators [data-bs-target] {
    font-size: 0 !important;
}

.section-title {
    color: #000;
    margin-bottom: 30px;
    margin-top: 40px;
}

.feture-option-container {
    text-align: center;
}

.feture-option-container i {
    font-size: 3em;
    color: #243238;
}

.feture-options-text {
    font-size: 1em;
    color: #243238;
    margin-top: 10px;
}

.feture-options-text-2 {
    font-size: 0.8em;
    /* color: #b0bec5; */
    color: #616161;
}

.subscribe-container {
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3rem 0;
    background-color: var(--color1_bg);
}

.sb-title {
    color: #FFF;
    font-size: 3em;
}

.sb-desc {
    color: #b0bec5;
    font-size: 1em;
}

.input-g-custom {
    border-color: var(--color2) !important;
    background-color: var(--color2) !important;
    color: #FFF;
}

#subscribe-text {
    height: 70px;
}

.slidervideoitem {
    background-color: #FFF;
}

.thumbnailvideo {
    position: relative;
    z-index: 2;
}

.iconthumvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 4rem;
    text-shadow: 0 0px 10px #000000;
}

.slidervideoitem:hover span {
    color: var(--color2) !important;
    text-shadow: 0 0px 10px #FFFFFF;
}

.iconslider {
    font-size: 2rem;
    text-align: center;
}

.homeconsultant-container {
    height: 685px;
    background-color: #fbfbfc;
    background-image: url('personal-consultant.png');
    background-color: #f6f7f7;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

#left-consultant-text-container,
#right-consultant-text-container {
    padding-top: 5rem;
}

#left-consultant-text-container p,
#right-consultant-text-container p {
    display: block;
    margin-bottom: 5rem;
}

.button-help {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
}

#center-consultant {
    position: relative;
    height: 450px;
}

.testumonial-items,
.custom-testomunial-items,
.testomunial-container,
.testomunial-content {
    height: 600px;
}

.testomunial-header {
    height: 300px;
}

.testomunial-container {
    position: relative;
}

.custom-testomunial-items {
    background-repeat: no-repeat;
    background-size: cover;
}

.testomunial-content {
    position: relative;
}

.testomunial-header {
    position: absolute;
    width: 100%;
    z-index: 9999999999;
    top: 0;
    padding-top: 2rem;
    color: #DDD;
}

.testomunial-footer {
    position: absolute;
    width: 100%;
    z-index: 9999999999;
    bottom: 0 !important;
}

.testomunial-comment {
    height: 200px;
    width: 100%;
    padding-left: 30rem;
}

.testomunial-comment h3 {
    color: #90a4ae;
    font-size: 1.5rem;
}

.footer-pagger-container {
    height: 90px;
    text-align: center;
    padding: 1rem 0;
    margin-top: 10px;
    cursor: pointer;
}

.testomunial-footer {
    height: 110px;
    border-top: 1px solid #EEE;
}

.testomunial-img-thumb img {
    width: 50px;
    height: 50px;
}

.testomunial-text h3 {
    color: #90caf9;
    font-size: 1.5rem;
}

.testomunial-text p {
    color: #b0bec5;
}

.testomunial-header h3 {
    margin-bottom: 30px;
}

.footer-pagger-container:hover {
    border-radius: 5px;
    border: 1px solid #0079fb;
}

.footer-pagger-active {
    background-color: #0079fb;
    border-color: #FFF;
    color: #FFF;
}

.header-testomunials-percents {
    height: 100px;
}

.header-testomunials-percents i {
    font-size: 8rem;
}

.testomunial-p {
    position: absolute;
    bottom: -70px;
    width: 100%;
    margin-left: -15px;
    text-align: center;
}

.services {
    height: 100px;
    background-color: var(--color1_bg);
    padding: 0rem 0;
}

#services-title {
    display: block;
    margin-bottom: 30px;
    color: #FFF;
    font-weight: bold;
}

.services-option-container {
    text-align: center;
}

.services-option-container i {
    font-size: 2.5rem;
    color: #EEE;
}

.services-options-text {
    font-size: 17px;
    color: #EEE;
    padding: 10px 0px;
}

.services-options-text-2,
a.services-options-text-2 {
    height: 60px;
    display: block;
    font-size: 13px;
    color: #e2f2fd;
}

.footer {
    background-color: #FFF;
}

.footer-social-container {
    height: 100px;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    margin-bottom: 20px;
    padding-top: 1.5rem;
}

.menu-footercontainer ul {
    display: block;
    padding-left: 30px;
    list-style: none;
}

.menu-footercontainer li {
    display: block;
    list-style: none;
}

.menufooter-title i {
    font-size: 1.5rem;
}

.menufooter-title {
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 15px;
}

.menu-footercontainer li a {
    display: block;
    padding: 5px 0;
    font-weight: 400;
}

.menu-footer-privacypolicy {
    height: 80px;
    border-top: 1px solid #EEE;
    margin-top: 20px;
}

.feturs-mob,
.testomunial-mob,
.testomunial-mob2,
.mobile-service,
.footer-sep,
.tabitems,
.mobile-link {
    display: none;
}

.undermenu-text {
    width: 100%;
    display: block;
    color: #999;
    margin-top: 10px;
}

.site-filter-by-container {
    background-color: #FFF;
    padding: 0;
}

.site-filter-by-container {
    padding: 10px 0;
}


.home-cate-slider h4 {
    text-align: left;
    padding: 10px 15px 0px 15px;
}

.page-suggustion {
    height: 50px;
}

.card h5 {
    color: var(--color1);
    font-size: 1rem;
}

.card:hover h5 {
    /*color: var(--color2);*/
}

.right-silderbar-continer {
    min-height: 400px;
    height: auto;
}

.slider-cat-container {
    height: 330px;
}

.slider-cat-thumbnail {
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
}

.slider-cat-title {
    font-size: 0.9rem;
    color: #777;
    max-height: 36px;
    overflow: hidden;
    margin-bottom: 6px;
}

.slider-cat-desc {
    font-size: 0.8rem;
    color: #999;
    max-height: 36px;
    overflow: hidden;
    margin-bottom: 6px;
}

.slider-cat-footer {
    border: 1px solid #EEE;
    height: 120px;
    padding: 10px;
}

.footer-slidercat-category {
    text-align: left;
    font-size: 12px;
    font-weight: normal;
}

.footer-slidercat-right-date {
    text-align: right;
    font-size: 12px;
    font-weight: normal;
}

.list-group-item:first-child,
.list-group-item:last-child {
    border-radius: 0;
}

.green-bg-ac {
    color: #FFF;
}

.post-grid {
    height: auto;
    background-color: #FFF;
}

.post-thumbnail-img {
    height: 240px;
    background-size: cover;
}

.post-grid-footer {
    padding: 5px;
}

.flex-same-height-row {
    display: flex;
    flex-wrap: wrap;
}

.same-height-row {
    flex-basis: 100%;
}

.post-grid-footer-title {
    font-size: 1rem;
    color: #fff;
    text-align: center;
    min-height: 75px;
}

.footer-post-attach {
    font-size: 0.8rem;
    color: #fff;
}

#bxinmobile {
    display: none;
}

.browsalltab-container {
    margin: 30px 0;
}

.browsalltab-container li {
    display: none;
}

.post-container {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
}

.post-container .thumbnail,
.post-grid-footer {
    flex: 1;
    position: relative;
}

.course_offered_roban {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 3vw;
}

.post-grid-footer {
    position: relative;
}

.post-grid-footer-desc {
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 2px;
}

/* <PAGES> */
.content-container {
    background-color: #FFF;
}

.left-uni-content-container {
    padding: 10px 15px 10px 15px;
}

@media (max-width: 800px) {
    .pagepadd {
        padding: 2px;
    }

    .slideshow-container {
        height: 670px;
    }
}

.pagepadd-x2 {
    padding: 4rem 15px;
}


#uni-comments {
    margin-top: 20px;
}

.link-suggestion:hover .recommendedtitle-article {
    color: #fa4435;
}

.slide-img-recommended {
    float: left;
    width: 100px;
    height: 100px;
}

.slide-img-recommended img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.slide-text-recommended {
    float: left;
    width: 200px;
    padding-left: 15px;
    overflow: hidden;
}

.recommendedsummary-article,
.recommendedtitle-article {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px;
}

.recommendedtitle-article {
    font-size: 0.9rem;
    color: #000;
}

.recommendedsummary-article {
    font-size: 0.7rem;
    color: #999;
}

.list-footer {
    position: absolute;
    left: 0;
    width: 100%;
    height: 25px;
    bottom: 0;
    background-color: #FFF;
}

.imageuni-small-pop {
    width: 80px;
    height: 80px;
}

.recommendedarticle-date {
    font-size: 0.7rem;
    color: #999;
    color: #0092eb;
}

.popover-body {
    width: 200px;
}

.page-share-container {
    float: left;
    position: relative;
    margin-top: 2rem;
}

.share_container {
    margin: 20px;
    opacity: 0.5;
    text-align: right;
}

.shareicon {
    display: inline-block;
    font-size: 1rem;
    color: var(--color1);
}

.shareicon:hover {
    color: var(--color2);
}

.shareicon span {
    font-size: 1.5rem;
    display: inline-block;
    margin-right: 30px;
}

.shareicontextarea {
    font-size: 1rem !important;
    margin-bottom: 20px;
    font-weight: bold;
}

.bottomslideshow {
    height: 400px;
    background-color: #FFF;
    border-top: 1px solid #EEE;
    padding: 1.2rem;
}

.footerslideshow-title {
    font-size: 1.3rem;
    text-align: left;
    display: block;
    width: 100%;
    margin-bottom: 1rem;
    color: #999;
    font-weight: bold;
}

/* </PAGES> */

/* <VIDEO> */
.videogallerycontainer {
    background-color: #FFF;
    height: auto;
    border-top: 1px solid #EEE;
    padding: 1.2rem
}

/* </VIDEO> */
/* <CONTENTSLIDESHOW> */
.contentslideshow {
    width: 100%;
    margin-bottom: 50px;
}

/* </CONTENTSLIDESHOW> */
.gototopcontainer {
    padding: 10px;
    text-align: center;
    font-size: 1rem;
    position: fixed;
    left: 0;
    top: 90%;
    background-color: var(--color2);
    color: #EEE;
    cursor: pointer;
}

.gototopcontainer:hover {
    font-weight: bold;
}

.page-content {
    position: relative;
}

.page-title {
    float: left;
    display: block;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 20px;
}

.page-date {
    display: block;
    font-size: 0.7rem;
    font-weight: 400;
    margin: 0 0 20px 0;
    color: #999;
}


/* .page-sidebar {
    text-align: left;
} */

.textcontent {
    float: left;
}

.sidebar-pagger {
    text-align: right;
}

.togglemobileicon {
    padding: 15px 0;
}

.recommendarticle-content {
    padding-top: 20px;
}

.photo-container {
    margin: 20px 0px 20px 0px;
}

.photo-container img {
    max-width: 100%;
    height: auto;
}

.gallery-container {
    width: 100%;
}

.gallery-container .lightgallery {
}

.gallery-container .lightgallery .col-md-3 {
    float: left;
    list-style: none;
    padding: 5px;
}

.gallery-container .lightgallery {
    padding-left: 0;
}

.gallery-container .lightgallery .col-md-3 img {
    width: 100%;
    height: auto;
    max-height: 200px;
    border: 3px solid #FFF;
    box-shadow: 0 0 3px #aaa;
}

.rowgallery {
    margin-left: -7px;
}

.imagegallerycontainer {
    height: auto;
    background-color: #FFF;
    border-top: 1px solid #EEE;
    padding: 1.2rem
}

.imagegallery-container {
    width: 100%;
    height: auto;
    position: relative;
    min-height: 150px;
    margin: 20px 0px 0px 0px;
}

.imagegallery-container img {
    width: 100%;
    height: 100%;
}

#booking-page-header {
    padding-left: 35px;
}

.booking-page-item {
    padding-left: 35px;
}

.booking-page-item span {
    font-size: 1.3rem;
    font-weight: 600;
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.uni_logo_booking_cont {
    margin-bottom: 30px;
}

.uni_logo_booking {
    border: 3px solid var(--color1);
    width: 150px;
}

.uni_view_header_compact_logo {
    max-width: 240px;
    width: 100%;
}

#signup_submit {
    margin-bottom: 35px;
}

#booking_box_container {
    margin-right: 24px;
}

.text-summary p.collapse:not(.show) {
    max-height: 500px !important;
    height: auto;
    display: block;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.text-summary p.collapsing {
    min-height: 500px !important;
}


#booking-form-container {
    padding: 40px 15px;
}

.bg_ground_bookingform {
    padding: 0 15px 15px 15px;
}

#booking-title {
    margin-bottom: 15px;
}

.booking-fee {
    font-size: 18px;
    font-weight: bold;
}

.book-item {
    margin-bottom: 15px;
}

.fileattachbg {
    position: relative;
    min-height: 200px;
    max-height: 200px;
    background-size: cover;
}

.attachicon {
    padding: 7px 12px;
    position: absolute;
    right: 10px;
    bottom: -24px;
    width: 50px;
    height: 50px;
    background-color: #FFF;
    border: 1px solid #999;
    border-radius: 100%;
}

.attachicon span {
    font-size: 2rem;
}

.iconattachbottom {
    padding: 15px;
    display: inline-block;
}

@media (max-width: 800px) {

    .eclipse {
        max-width: 100% !important;
    }

    .page-title {
        margin: 20px 0px 20px 0px;
    }

    .gutters-5 > .col,
    .gutters-5 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .page-date {
        margin: 0 0 20px 0px;
    }

    .photo-container {
        margin: 20px 0px 20px 0px;
    }

    .lightgalleryphotoalbum {
        margin: 20px 0px 20px 0px;
        padding: 0;
    }

    #booking_box_container {
        margin-right: 0;
    }
}


/* PHOTO GALLERY */
/* <GALLERY> */
.box-portolio {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px;
    text-align: center;
    display: none;
}

.box-portolio h3 {
    font-size: 1rem;
    border-bottom: 3px solid #FFF;
    font-weight: bold;
    margin: 0 auto;
    margin-bottom: 5px;
    padding-bottom: 5px;
    width: 115px;
    overflow: hidden;
    height: 26px;
}

.imagegallery-icon {
    text-align: center;
}

.box-portolio p {
    font-size: 0.9rem;
}

.imagegallery-icon span {
    background-color: #FFF;
    font-size: 1rem;
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    padding-top: 3px;
    cursor: pointer;
}

.imagegallery-icon span:hover {
    background-color: #EEE;
}

/* </GALLERY> */
.photogallery-contianer {
    height: 300px;
    background-color: #333;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.imageholder-onimage {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background-color: #000;
    padding-top: 20%;
    text-align: center;
    font-size: 2rem;
    color: #EEE;
    opacity: 0;
}

.image-holder {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.imagetextholder h3 {
    font-size: 16px;
    color: #EEE;
    font-weight: normal;
    display: block;
    height: 40px;
    overflow: hidden;
    padding: 10px 0;
    margin: 0;
}

.imagetextholderp {
    display: block;
    height: 100px;
    overflow: hidden;
    color: #828282;
}

.imageitemcontainer:hover .imageholder-onimage {
    opacity: 0.4;
    transition: visibility 1s, opacity 0.3s linear;
    -webkit-transition: visibility 1s, opacity 0.3s linear;
    -moz-transition: visibility 1s, opacity 0.3s linear;
    -ms-transition: visibility 1s, opacity 0.3s linear;
    -o-transition: visibility 1s, opacity 0.3s linear;
}

.imageitemcontainer {
    padding: 0 !important;
    z-index: 9;
}
.inline-gallery-container .imageitemcontainer {
     display: none;
 }

.inline-gallery-container{
    height: 600px;
}
.imageitemcontainer img {
    width: 100%;
    height: 100%;
}

.imageitemcontainer div {
    position: absolute;
    bottom: 0;
    color: white;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 4px 15px;
    font-size: 13px;
    width: 100%;
}

.imageitemcontainer {
    position: relative;
    display: inline-block;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.imageitemcontainer:hover {
    transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    z-index: 99;
    cursor: pointer;
}

.imageitemcontainer:hover::after {
    opacity: 1;
}

.pagger-container {
    margin: 20px;
}

.pagination {
    display: block;
    text-align: right;
}

.pagination li {
    list-style: none;
    display: inline-block;
    padding-left: 25px;
    text-align: right;
    font-size: 17px;
}

.pagination li a {
    color: var(--color1);
}

.pagination li.active a {
    font-weight: bold;
    color: var(--color2) !important;
}

@media (max-width: 800px) {
    .pagination {
        text-align: left;
    }

    .pagination li {
        margin-top: 30px;
        padding-left: 0;
        padding-right: 25px;
        text-align: left;
    }
}

.iconplay-onvideo {
    /*position: absolute;*/
    left: 0;
    width: 100%;
    top: 25%;
    text-align: center;
    font-size: 2rem;
}

.playicon {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color: #333;
    padding-top: 15px;
    padding-left: 10px;
    color: #EEE;
    opacity: 0;
    transition: opacity 0.01s;
    -webkit-transition: opacity 0.01s;
    -moz-transition: opacity 0.01s;
    -ms-transition: opacity 0.01s;
    -o-transition: opacity 0.01s;
}

.icon-show span {
    opacity: 0.8;
    /* box-shadow: 0px 0px 22px #000; */
}

.carousel-item {
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out !important;
}

.btn-carousel-playlist {
    border: 0;
    background-color: transparent;
}

.btn-carousel-playlist span {
    width: 40px;
    height: 40px;
    padding: 8px;
    background-color: #FFF;
    box-shadow: 1px 1px 10px #999;
    color: #000;
    font-size: 25px;
    border-radius: 50%;
}

.btn-carousel-playlist-prev {
    left: -10%;
}

.btn-carousel-playlist-next {
    right: -10%;
}

.smaller-icon-onvideo {
    width: 54px;
    height: 54px;
    font-size: 26px;
    padding: 14px 19px;
}

.smaller-video-icon {
}

.box-center {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 20;
}

.ins-header-content {
    position: absolute;
    left: 0;
    bottom: -15px;
    height: auto;
    z-index: 11;
    padding: 5px 0;
}

.header-institution-logo-con {
    position: absolute;
    top: -20px;
}

.header-inst-logo-cont {
    width: 200px;
    position: absolute;
    border-radius: 50%;
    top: -210px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.header-inst-logo-cont img {
    border-radius: 50% !important;
}

.text-cont {
    position: relative;
    z-index: 12;
}

.ins-header-content::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    opacity: 0.8;
    top: 0;
    z-index: 10;
}

.text-cont h2,
.text-cont small {
    display: block !important;
    width: 100%;
    text-align: center;
    margin-bottom: 0 !important;
}

.show-icon {
    z-index: 20;
    opacity: 0.8 !important;
    position: relative;
}

.smaller-video-duration {
    padding: 1px 3px;
    font-size: 11px;
    color: white;
    background-color: black;
    float: right;
    margin-top: -34px;
    margin-right: 5px;
}

.smaller-video-albumcount {
    position: absolute;
    display: inline-block;
    right: 5px;
    bottom: 68px;
    z-index: 1000;
    padding: 1px 3px;
    font-size: 12px;
    color: white;
    background-color: black;
}

.videoshowcontainer .playicon {
    background-color: #333;
    /* background-color: var( --color2 ); */
    color: #EEE !important;
}

.videoshowcontainer a:hover .playicon {
    opacity: 1 !important;
    background-color: #333;
    /* background-color: var( --color2 ); */
    color: #EEE !important;
}

.lightgalleryvideoitem iframe {
    width: 100% !important;
    min-height: 400px !important;
}

.videoshowtitle {
    font-size: 1.6rem;
    font-weight: 500;
    margin: 20px 0 10px 0;
}

.videoshowdesccontainer {
    position: relative;
    z-index: 9;
    text-align: justify;
    margin-top: 30px;
}

.videosuggest {
    background-color: #f4f4f4;
    width: 100%;
    height: 100%;
    margin-top: 24px;
}

.videosuggestionherader {
    width: 100%;
    background-color: #ededed;
    padding: 15px;
}

.videosuggestioncontent {
    height: 97%;
    width: 100%;
    overflow-y: scroll;
}

.inner-sug {
    height: 100%;
    width: 100%;
}

.h3smallvideos {
    height: 100px;
}

.smallvideos h3 {
    font-size: 0.9rem;
}

.smallvideos {
    height: 50px;
}

.smallvideos .playicon {
    font-size: 1rem;
    width: 22px;
    height: 22px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding-top: 3px;
    padding-left: 4px;
    top: -7px;
}

.smallvideos .iconplay-onvideo {
    top: 0;
}

.videosuggestioncontent {
    padding: 15px;
}


#signup_submit {
    color: #2c251a;
    background-color: #fbb040;
}

#signup_submit:hover {
    color: #2c251a;
    background-color: #fbd9a7;
    border: solid 1px #fbb040;
}


.ins-header h1 {
    font-size: 1.9rem;
}

.ins-header h3 {
    font-size: 1.3rem;
}

.ins-header.ins_header_template_normal {
    width: 100%;
    height: auto;
    position: relative;
}

.ins-header.ins_header_template_normal .ins-header-img {
    width: 100%;
    height: auto;
}

.ins-header.ins_header_template_normal .ins-header-logo {
    height: 115px;
    width: 115px;
    z-index: 3;
    float: right;
}

.ins-header.ins_header_template_normal .ins-header-logo img {
    width: 100%;
    border-radius: 50%;
    z-index: 3;
    border: 3px solid var(--color1);
}

.ins-header.ins_header_template_normal .ins-header-text {
    position: absolute;
    bottom: 25px;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    z-index: 2;
    background-color: rgb(var(--bs-body-bg-rgb), 0.85);
    padding: 24px;
}

.img-header-logo-inst {
    width: 100%;
    height: 100%;
}

.ins-header.ins_header_template_normal .ins-header-title {
    display: inline-block;
    left: 240px;
    z-index: 3;
    font-size: 2rem;
}

.ins-header.ins_header_template_normal .ins-header-desc {
    bottom: 25px;
    font-size: 1.1rem;
    left: 240px;
    z-index: 3;
    font-weight: 400;
}

.morecontent span {
    display: none;
}

.morelink {
    display: block;
}

.img-xSerivesSection {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 2px solid var(--color1);
}

.card-xSerivesSection {
    background-color: #FFF;
}


.ins-header.ins_header_template_center {
    width: 100%;
    height: 540px;
    text-align: center;
    position: relative;
}

.ins-header.ins_header_template_center .ins-header-img {
    width: 100%;
    height: auto;
}

.ins-header.ins_header_template_center .ins-header-logo {
    height: 20%;
    width: 20%;
    top: 20px;
    left: 40%;
    position: absolute;
    z-index: 3;
}

.ins-header.ins_header_template_center .ins-header-logo img {
    width: 100%;
    border-radius: 10%;
    z-index: 3;
}

.ins-header.ins_header_template_center .ins-header-text {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 12px 20px 8px 20px;
    min-height: 105px;
    text-align: center;
}

.ins-header.ins_header_template_center .ins-header-title {
    top: 50%;
    left: 0;
    z-index: 3;
    font-size: 2rem;
}

.ins-header.ins_header_template_center .ins-header-desc {
    top: 50%;
    font-size: 1.1rem;
    left: 0;
    z-index: 3;
    font-weight: 400;
}


.ins-header.ins_header_template_wide1 {
    width: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.ins-header.ins_header_template_wide1 .ins_header_template_wide1_container {
    position: relative;
    height: 100%;
}

.ins-header.ins_header_template_wide1 .ins_header_template_wide1_container .ins-header-img {
    left: 0;
    top: 0;
}

.ins-header.ins_header_template_wide1 .ins_header_template_wide1_container .header_ad_inst_background {
    position: absolute;
    bottom: 0;
}

.ins-header.ins_header_template_wide1 .header_ad_inst_background {
    opacity: 0.8;
}

.ins-header.ins_header_template_wide1 .ins-header-logo img {
    width: 180px;
    height: 180px;
    border-radius: 5% 5% 0% 0%;
    z-index: 3;
}

.ins-header.ins_header_template_wide1 .ins-header-title {
    top: 50%;
    left: 0;
    z-index: 3;
    font-size: 2rem;
    text-align: left;
}

.ins-header.ins_header_template_wide1 .ins-header-desc {
    top: 50%;
    font-size: 1.1rem;
    left: 0;
    z-index: 3;
    font-weight: 400;
    text-align: left;
}


.ins_header_template_material,
.ins_header_template_material_text {
    z-index: 90;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    padding: 15px;
    width: 50%;
    opacity: 0.8;
}

.ins_header_template_material_text {
    z-index: 100;
    opacity: 1 !important;
}

.ins_header_template_material_logo {
    float: left;
    width: 40%;
    margin-right: 20px;
}

.ins_header_template_material_logo img {
    width: 100%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.ins_header_template_material_container h1 {
    font-size: 27px;
}

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

.ins_header_template_material_tabs {
    margin-top: 0;
    padding-top: 15px;
}

.ins_header_template_float_logo img {
    width: 100%;
}

.header_ad_inst_background {
    padding: 15px 0;
}

.ins-logo-course {
    top: -10px;
    left: -6px;
    border-radius: 100%;
    width: 48px;
    height: 48px;
    border: solid 3px;
}


.floatshadow_container {
    position: relative;
    left: 0;
    width: 100%;
    z-index: 9999;
    margin-bottom: -60px;
    bottom: 56px;
    -webkit-box-shadow: -1px -8px 38px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: -1px -8px 38px 5px rgba(0, 0, 0, 0.25);
    box-shadow: -1px -8px 38px 5px rgba(0, 0, 0, 0.25);
}


.ins-page-content {
}

.ins-page-link {
    display: block;
    margin: 8px 0px;
    padding: 8px;
    border: solid 1px #eee;
    min-height: 92px;
    font-weight: 400 !important;
}

.ins-page-link-form {
    display: block;
    margin: 8px 0px;
    padding: 8px;
    border: solid 1px #eee;
    border-top-color: rgb(238, 238, 238);
    border-right-color: rgb(238, 238, 238);
    border-bottom-color: rgb(238, 238, 238);
    border-left-color: rgb(238, 238, 238);
    min-height: 60px;
    font-weight: 400 !important;
}

.ins-page-img {
    float: left;
}

.ins-page-img img {
    width: 76px;
    height: 76px;
    border-radius: 100%;
}

.img-circle {
    width: 76px;
    height: auto;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.ins-page-text {
    margin-left: 88px;
    font-weight: 400 !important;
}

.ins-page-title {
    font-size: 1.0rem;
    font-weight: 400 !important;
}

.ins-page-desc {
    font-size: 0.8rem;
    color: #7d939e;
    font-weight: 400 !important;
}


.uni-links li {
    list-style-type: square;
}

.uni-links li a,
.uni-links li a:link,
.uni-links li a:active,
.uni-links li a:visited {
    color: var(--color2);
    font-size: 0.9rem;
}

.uni-links li a:hover {
    color: #000;
}


.institution-content {
    padding-top: 60px;
}

.institution-content h1 {
    font-size: 1.5rem;
    font-weight: bold;
}

.ins-tabs {
    text-align: center !important;
    border: solid 1px #eeeeee;
    color: #506e7d;
    font-weight: 400;
    border-bottom: none;
    padding: 20px 0 20px 0;
    margin-right: 10px;
    background-color: #eeeeee;
}

.instheadermenu {
    padding: 10px 15px 0 25px;
    background-color: #FFF;
}

.instheadermenu li {
    list-style: none;
    cursor: pointer;
}

.content-container {
    padding: 20px 10px;
}


.left-uni-content h2 {
    font-size: 1.5rem;
    font-weight: 400 !important;
    color: var(--color1);
    display: block;
    margin-bottom: 20px;
}

.left-uni-content h3 {
    font-size: 1.3rem;
    font-weight: 400 !important;
    color: var(--color2);
}

.right-uni-content h2 {
    font-size: 1.4rem;
    font-weight: 400 !important;
    color: var(--color1);
    margin: 6px 0px 6px 0px !important;
    padding: 0 !important;
}

.right-uni-content h3 {
    font-size: 1.1rem;
    font-weight: 400 !important;
    color: var(--color2);
    margin: 10px;
}

#ranking,
#compare,
#gallery,
#videos,
#subjects,
#campuse {
    min-height: 300px;
}

.header-subject {
    font-size: 1rem !important;
}

.list-grouplist {
    padding-left: 0;
}

.list-grouplist li {
    list-style: none;
    display: block;
    width: 100%;
    padding: 10px 15px;
}

#subjects h3 {
    margin-bottom: 20px;
}

ul.lightgallery {
    padding-left: 0;
}

.unilist-container {
    height: 215px;
    overflow: hidden;
}

.unilistimagecontainer {
    min-height: 165px;
    max-height: 165px;
}

.unilistimagecontainer img {
    width: 100%;
    border: 1px solid #CCC;
}

.unilist-container {
    margin: 10px 0;
}

.unilist-container:hover .universityname {
    color: #000;
}

.universityname {
    font-size: 0.9rem;
    font-weight: 400;
    color: #999;
}

.control {
    height: 35px;
    border: 0;
    outline: 0;
    width: 100%;
    padding: 5px;
    font-size: 0.8rem;
    color: #EEE;
    border: 1px solid #EEE;
    color: #999;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.left-uni-content {
    min-height: 500px;
}

.right-uni-content,
.left-uni-content {
    margin-top: 20px;
}

.course-pr {
    height: 350px;
    margin-bottom: 30px;
    background-color: #FFF;
    border: 1px solid #EEE;
    position: relative;
}

.course-imagecontainer {
    width: 100%;
    max-height: 170px;
    position: relative;
    overflow: hidden;
}

.course-imagecontainer img {
    width: 100%;
}

.section-toggle-title {
    font-size: 1rem;
    display: block;
    padding: 10px 10px 3px 10px;
    font-weight: bold;
    margin-bottom: 15px;
    background-color: #EEE;
}

.course-desc {
    color: #888;
    font-size: 0.8rem;
    padding: 5px;
    text-align: justify;
}

.course-footercontainer {
    padding: 10px;
    bottom: 0;
    width: 100%;
    color: #2494ef;
    font-size: 0.8rem;
}

.course-pr h3 {
    padding: 15px;
    color: #000;
    font-size: 1rem;
}

.frm-text {
    border: 0;
    outline: 0;
    border: 1px solid #EEE;
    padding: 0 15px;
    color: #666;
}

.frm-text option:first-child {
    color: #999;
}

.big {
    width: 100%;
    height: 45px;
}

.btnform {
    display: block;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #FFF;
    background-color: var(--color1_bg);
    border: 0;
    outline: 0;
}

.sidebaricontoggle {
    background-color: #EEE;
    height: 46px;
    padding: 0 12px;
    line-height: 41px;
}

.sidebaricontoggle:hover {
    cursor: pointer;
}

.sidebaricontogglecontent {
    padding: 8px;
}

.page-sidecontent {
    border: 1px solid var(--bs-border-color);
    margin-bottom: 5px;
}

.icon-smalltoggle {
    font-size: 1rem;
    color: var(--color2);
}

.moreoptionsidebar {
    cursor: pointer;
    margin-top: 8px;
}

.sidebar-icontoggle {
    float: right;
    margin-right: -3px;
    font-size: 1.5rem;
    margin-top: 10px;
    cursor: pointer;
}

.sidebar-icontoggle_left {
    float: left;
    margin-left: -3px;
    font-size: 1.5rem;
    margin-top: 7px;
    padding-right: 10px;
    cursor: pointer;
}

.header-listicon {
    font-size: 2rem;
}

.list-viewpost {
    position: relative;
}

.list-viewpostpublished {
    width: auto !important;
    bottom: -16px;
    background-color: transparent !important;
}

.listviewcontainer h3 {
    padding: 5px 0 !important;
    font-weight: bold;
    margin-bottom: 0 !important;
}

.listviewcontainer .course-pr {
    height: auto !important;
    padding: 10px;
    margin-bottom: 10px !important;
}

.reviewcontainer {
    padding: 15px !important;
    text-align: center;
    min-height: 200px;
}

.reviewcontainer h3 {
    color: #000 !important;
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 15px;
}

.reviewerr,
.reviewstatus {
    font-size: 15px;
    font-weight: bold;
    display: block;
    height: 30px;
}

.review-ratingcontainer {
    padding: 15px 0;
}

.review-ratingcontainer li {
    list-style: none;
    display: inline-block;
    padding: 10px 15px;
    text-align: center;
    border: 1px solid #eee;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
}

.review-ratingcontainer span {
    font-size: 2rem;
    color: #5ab763;
}

.group-captcha {
    position: relative;
}

.control-captcha {
    position: absolute;
    right: 75px;
    height: 35px;
    top: 20px;
}

.textvalpoint {
    display: none;
}

.flat-control {
    width: 100%;
    background: #fff;
    color: #a3a3a3;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .1);
    border: 0;
    outline: 0;
    padding: 22px 18px;
}

.flat-control:focus + .control-icon {
    color: #5ab763;
}

.flat-button {
    transition: all 200ms ease-in;
    background: #7f8ff4;
    color: #fff;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    padding: 12px 36px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
}

#modalreview {
    background-color: #f4f6fa !important;
}

.relative {
    position: relative;
}

#btn-reviewsend {
    position: absolute;
    right: -50px;
    top: 10px;
}

#btn-reviewsend:hover {
    background-color: #6d7de4;
}

.control-icon {
    position: absolute;
    right: 20px;
    top: 21px;
    font-size: 1.5rem;
    color: #aedebb;
}

.review-container {
    margin: 20px 0;
    position: relative;
    float: left;
    width: 100%;
    max-height: 200px;
    overflow: hidden;
    height: auto;
}

.review-itemcontainer {
    padding: 5px;
    margin-bottom: 5px;
}

.review-con p {
    display: block;
}

.review-user {
    color: #999;
    font-size: 13px;
    margin-bottom: 0.5rem;
}

.review-content {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 0.5rem;
    text-align: justify;
}

.review-info {
    text-align: left;
    color: #999;
    font-size: 12px;
    margin-bottom: 0.5rem;
    float: left;
    width: 45%;
}

.review-iconcollapse {
    text-align: right;
    float: right;
    font-size: 1.2rem;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 0;
}

.review-iconcollapse:hover {
    color: #dc3545;
}

.review-imgleft {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    color: #000;
    padding-top: 13px;
    text-transform: capitalize;
    margin-right: 15px;
    float: left;
    width: 75px;
    height: 75px;
    border: 1px solid #EEE;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.review-con {
    margin-left: 15px;
}

.review-itemcontainer {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #EEE;
}

.review-hightlight {
    float: left;
    font-size: 12px;
    cursor: pointer;
    padding: 15px 0;
    background-color: #FFF;
    bottom: 0;
    text-align: left;
    color: #000;
    font-size: 1rem;
    width: 100%;
}

.active-heightlight {
    position: absolute;
    -webkit-box-shadow: 1px -35px 28px -10px #FFF;
    -moz-box-shadow: 1px -35px 28px -10px #FFF;
    box-shadow: 1px -35px 28px -10px #FFF;
    text-align: center;
}

.get-height {
    float: left;
}

.review-collapse {
    font-weight: bold;
}

.review-hightlight:hover span {
    color: var(--color1);
}

.review-loadingmore {
    width: 100%;
    margin: 10px 0;
    text-align: center;
    color: #000;
    cursor: pointer;
    font-weight: bold;
    float: left;
}

.iconload {
    font-size: 1rem;
}

.review-loadingmore:hover {
    color: #fa4435;
}

.review-pointscontainer {
    width: 100%;
    float: left;
}

.reviewpoints-title,
.reviewpoints-status {
    font-size: 13px;
    font-weight: bold;
    color: #999;
}

.reviewpoints-status {
    text-align: right;
}

.reviewpoints-stars {
    text-align: center;
}

.reviewpoints-stars span {
    color: #5ab763;
}

.btn-headersearch {
    padding: 15px !important;
}

.nopadding {
    padding: 0;
}

#leftdivheader {
    color: #FFF;
    padding: 10px;
    font-size: 22px;
    font-weight: bold;
}

.divheadersearch {
    display: block;
    width: 100%;
    background-color: #EEE;
    padding: 15px 2px;
    text-align: center;
}

#rightdivheader {
    width: 13%;
    cursor: pointer;
    color: #FFF;
    height: 54px;
}

.flat {
    border-radius: 0 !important;
}

.btnflatheight {
    padding: 10px;
}

.menu-container ul li.inst_menu_item {
    margin: 10px;
}

.menu-container ul li.inst_menu_item a {
    /*color: var( --color1 ) !important;*/
    /*border-color: var( --color1 );*/
    border-width: 1px;
    border-style: solid;
    padding: 5px;
    text-align: center;
    line-height: 50px;
}

.menu-container ul li.inst_menu_item a:hover {
    /*background-color: var( --color1 );*/
    /*color: white !important;*/
}

.n_b_t {
    border-top: 0 !important;
    padding: 10px;
}

.smaller-img img {
    width: 60px !important;
}

.no_thumnail_circle {
    font-size: 2rem;
    font-weight: bold;
    width: 60px;
    background-color: #EEE;
    color: #000;
    height: 60px;
    padding: 4px;
    float: left;
    border: 1px dotted #999;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.smaller-text {
    margin-left: 72px !important;
}

.smaller-title {
    font-size: 0.8rem;
}

.mrg-bottom {
    margin-bottom: 10px;
}

.post-container-inst {
    border-bottom: 1px dotted #EEE;
    width: 100%;
    float: left;
    display: block;
    padding: 10px 0;
}

.post-container-inst h5 {
    color: #000;
}

.post-container-inst:hover h5 {
    color: var(--color2);
}

.nomargin {
    margin: 0 !important;
}

.noitemcontainer {
    width: 100%;
    height: 100px;
    padding: 15px;
    text-align: center;
}

.icon-noitem,
.text-noitem {
    font-size: 3rem;
    color: #999;
}

.custom-indicator-with-title {
    position: relative !important;
    top: 40px !important;
}

.carosel-title {
    margin-bottom: 30px;
    margin-top: 40px;
}

.text-noitem {
    font-size: 1rem;
    font-weight: 400;
}

.event_flew_container {
    padding: 10px;
    z-index: 999;
    position: fixed;
    right: 5px;
    top: 205px;
    width: 385px;
    min-height: 340px;
    height: auto;
    background-color: #FFF;
    box-shadow: 0 11px 15px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0 11px 15px rgba(0, 0, 0, 0.18);
    -ms-box-shadow: 0 11px 15px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 11px 15px rgba(0, 0, 0, 0.18);
    -o-box-shadow: 0 11px 15px rgba(0, 0, 0, 0.18);
}

.event_flew_boxed {
    width: 100%;
    min-height: 320px;
    height: auto;
    border: 1px solid #22b86c;
    float: left;
    padding: 10px;
}

.event_image img {
    width: 90px;
    border: 2px solid #EEE;
}

.event_flew_title {
    font-size: 1.1rem;
    text-align: justify;
    font-weight: bold;
    display: inline-block;
    margin-top: 5px;
}

.event_flew_desc {
    font-size: 0.8rem;
    text-align: justify;
    color: #999;
}

.icon_event_up_coming {
    font-size: 5.5rem;
}

.text_event_up_coming {
    font-size: 1.4rem;
    font-weight: bold;
    font-family: cursive;
    margin-right: 10px;
}

.link_event_up_coming {
    font-size: 16px;
    color: #999;
    margin-top: 20px;
    font-weight: bold;
    color: #0093ec;
}

.uni_thumb_bg {
}

.uni_thumb_img {
    width: 100%;
    max-width: 206px;
}

.uni_html_logo_container .uni_thumb_img_div {
    background-color: var(--color1_bg) !important;
    width: 100%;
    min-height: 180px;
    text-align: center;
    border-radius: 50% !important;
    max-width: 180px;
    margin: auto auto;
}

.uni_html_logo_container .uni_thumb_img_div div {
    background-color: #fffff9 !important;
    border-radius: 100%;
    text-align: center;
    display: inline-block;
    width: 150px;
    height: 150px;
    max-width: 150px;
    max-height: 150px;
    margin-top: 15px;
    position: relative;
}

.uni_html_logo_container .uni_thumb_img_div span.uni_thumb_img_span {
    display: inline-block;
    width: 136px;
    max-width: 136px;
    color: var(--color1) !important;
    border-bottom: solid 6px var(--color2) !important;
    font-family: Righteous, Roboto, Arial;
    margin-top: 52px;
    line-height: 1.1;
    position: absolute;
    bottom: 50px;
    left: 7px;
    overflow: hidden;
    overflow-wrap: normal;
    white-space: normal;
    word-break: keep-all;
}


.uni_logo_responsive {
    width: 200px;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.links-container {
    padding-left: 25px;
}

.inst-headeraction {
    padding-top: 20px;
}

#instheadersearch {
    padding-left: 0;
}

.btnsmaller {
    padding: 4px;
}

.course_offered_roban {
    margin: -3px 5px 0px 0px;
}


.SelectBox {
    padding-left: 15px !important;
}


/* FIND COURSE POPUP */
.f_a_button {
    cursor: pointer;
    color: #999;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    font-size: 24px;
    font-family: 'OpenSansBold', Roboto;
    padding: 15px 20px;
    background-color: var(--color2);
    color: #FFF;
    font-weight: bold;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa_a_button_container {
    z-index: 99;
    position: fixed;
    top: 50%;
    left: 25px;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.f_a_overbody {
    z-index: 999999999999;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    display: none;
}

.fa_a_overbody_black {
    height: 100%;
    height: 100vh;
    overflow: auto;
}

.f_a_overbody_close {
    z-index: 99999999999999;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 4rem;
    padding: 0 12px;
    cursor: pointer;
    color: #FFF;
}

.fa_find_container {
    border: 1px solid var(--color4);
    padding: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

/* .f_a_overbody{z-index:999999999999;width:100%;position:fixed;left:0;top:0;height:100%;}
.f_a_overbody2{z-index:999999999999;background-color:#000;opacity:0.8;width:100%;position:fixed;left:0;top:0;height:100%;}
.f_a_overbody_close{z-index:99999999999999;position:fixed;right:5px;top:5px;font-size:4rem;padding:0 12px;cursor:pointer;color:#FFF;} */
.f_a_container_body {
    border: 1px solid var(--color4);
    z-index: 99999999999999;
    position: fixed;
    height: 500px;
    top: 50%;
    left: 50%;
    width: 1200px;
    padding: 50px;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.f_a_container_body h1 {
    font-weight: bold;
    color: #FFF;
    font-size: 3.3rem;
    text-align: center;
}

/* .f_a_container_body .SumoSelect > .CaptionCont > span{font-size:2rem;font-weight:bold} */
.f_a_group {
    display: none;
}

.input_2 {
    outline: none;
    border: none;
    font-size: 18px;
    line-height: 1.2;
    color: #686868;
    display: block;
    width: 100%;
    background: #e6e6e6;
    height: 62px;
    border-radius: 3px;
    padding: 0 30px 0 50px;
}

.input_2_icon {
    position: absolute;
    left: 10px;
    top: 8px;
    font-size: 22px;
    color: #a7a7a7;
}

.loginicon {
    font-size: 3rem;
}

.loginicon-topbar {
    font-size: 1.2em;
    margin-top: 10px;
}

.topbar-login-btn {
    float: right;
    cursor: pointer;
    overflow: hidden;
    max-width: 100%;
}

.dropdown-login-info {
    min-width: 250px;
    width: auto;
    border-bottom: 1px solid #EEE;
}

.dr-row-with-icon > * {
    color: #424750;
}

.dr-row-with-icon > *:hover {
    color: var(--color2)
}

.link-with-icon:after {
    position: absolute;
    left: 25px;
    top: 3px;
    content: "\f105";
    font-family: FontAwesome;
}

.loginicon-topbar:after {
    font-size: 0.7em;
    position: absolute;
    right: -15px;
    top: 15px;
    content: "\f0d7";
    font-family: FontAwesome;
}

.btn2 {
    cursor: pointer;
    font-weight: bold;
    outline: none !important;
    border: none;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    height: 62px;
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 25px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.btn3 {
    color: #000;
    font-size: 16px;
    line-height: 1.2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    -ms-transition: all 0.4s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.btn3:hover {
    color: var(--color2);
    border-color: var(--color2);
}

.or_container {
    font-size: 16px;
    color: #999999;
    line-height: 3;
}

.mrg2 {
    margin-top: 40px;
}

#student-logincontainer {
    padding: 2rem;
}

#inst-logincontainer {
    padding: 2rem;
}

#student_login_form {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: transparent;
    z-index: 1000;
}

.nav2 {
    height: 51px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
}


/* LOGIN POPUP */
.db_dump {
    margin: 20px;
    padding: 4px;
    border: solid 1px #777;
    background-color: #f3ab69;
}

.db_dump .sunlight-container {
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
}

.db_dump table {
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.db_dump table tr:hover {
    cursor: pointer;
    background: #EE8 !important;
}

.db_dump table tr:nth-child(even) {
    background: #EEE
}

.db_dump table tr:nth-child(odd) {
    background: #FFE
}

.db_dump table tr td {
    font-size: 12px;
    font-family: Arial;
    font-weight: 100;
    color: #111;
    padding: 3px;
}

.db_dump table tr:nth-child(1) td {
    font-size: 13px !important;
    font-weight: bold !important;
}

.db_dump table tr td:nth-child(1) {
    width: 30px !important;
    text-align: right;
}

.db_dump table tr td:nth-child(2) {
    width: 180px !important;
    padding-left: 15px;
    font-size: 11px;
    width: 260px;
}

.db_dump table tr td:nth-child(3) {
    width: 120px !important;
    text-align: right;
}

.db_dump table tr td:nth-child(4) {
    padding-left: 25px;
}


.live-chat {
    width: 300px;
    height: auto;
    border: 2px solid var(--color1);
    position: fixed;
    right: 94px;
    bottom: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.header-live-chat {
    cursor: pointer;
    padding: 20px 10px;
    color: #FFF;
    font-weight: bold;
    background-color: var(--color1_bg);
}

.content-live-chat {
    background-color: #FFF;
    height: 100%;
    padding: 15px;
}


.small_date_rule {
    color: #fff;
    background-color: #3f618b;
    border-radius: 3px;
    padding: 2px 5px;
    margin: 3px 5px;
    display: inline-block;
    float: left;
    font-size: 11px;
    font-weight: 100;
    font-family: Arial, Verdana;
}

.tab-home {
    padding: 30px 0;
}

.thumbnail-max-250 {
    max-height: 250px;
}

.mcf-table {
    width: 100%;
}

.mcf-table-row {
    flex-basis: 100%;
}

.text-title {
    color: #FFF;
}


/*@keyframes badge_blink_black_ani {*/
/*    0% {*/
/*        background-color: black;*/
/*    }*/

/*    50% {*/
/*        background-color: transparent;*/
/*    }*/

/*    100% {*/
/*        background-color: rgb(38, 59, 172);*/
/*    }*/
/*}*/

.badge_blink_black {
    min-width: 22px;
    border-radius: 100%;
    z-index: 10;
    border: solid 2px rgba(38, 59, 172, 0.2);
    color: #fff;
    font-size: 11px !important;
    background-color: var(--color1_bg);
    /*animation: badge_blink_black_ani 0.5s infinite;*/
}

.header-table {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 1.1rem;
    font-weight: 400;
    background-color: var(--color1_lighter);
}

.header-table > * {
    color: #FFF !important;
}

.header-table a:hover {
    color: #FFF !important;
}

.footer-table {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #ededed;
    border-top: 0;
    padding: 1px;
}

.mcf-table-body {
    border: 1px solid #ededed;
    border-bottom: 0;
    display: flex;
    flex-wrap: wrap;
}

.mcf-table-body,
.header-table {
    padding: 15px;
}

.mcf-table-item {
    padding: 10px 43px 10px 0;
    position: relative;
}

.item-2 {
    -ms-flex: 0 50%;
    flex: 0 50%;
}

.item-1 {
    -ms-flex: 0 100%;
    flex: 0 100%;
}

.card a {
    display: unset;
}

.with-icon:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 2rem;
    color: #767676;
}

.with-icon:hover a,
.with-icon:hover:after {
    color: var(--color2);
}

#social-icon {
    text-align: center;
}

.text-top p {
    margin-bottom: 0 !important;
}

#btn-login {
    overflow: hidden;
    white-space: nowrap;
}

.opt label {
    margin-bottom: 0 !important;
}

@media screen and (min-device-width: 801px) {
    .ins-logo {
        display: none;
    }
}

@media screen and (max-device-width: 800px) {

    .ins-header-text,
    .ins-header-desc {

        text-align: center !important;
    }

    .icon-show span {
        opacity: 1 !important;
    }

    .page_courses_how_it_works .services-options-text {
        font-size: 13px;
    }

    .btn-carousel-playlist {
        display: none;
    }

    .services-option-container {
        margin-top: 10px;
    }

    #btn-login {
        width: 100%;
        margin-bottom: 10px;
    }


    .ins_header_template_normal {
        height: auto !important;
        position: relative !important;
        bottom: 0;
    }

    .ins-header.ins_header_template_normal .ins-header-title {
        position: relative !important;
        bottom: 0 !important;
    }

    .ins-header.ins_header_template_normal .ins-header-logo {
        position: relative !important;
    }

    .ins-header.ins_header_template_normal .ins-header-logo {
        text-align: center !important;
        width: 100% !important;
        height: 200px !important;
        padding-top: 15px;
        margin-bottom: 40px;
        left: 0 !important;
    }

    .ins-header.ins_header_template_normal .ins-header-logo img {
        width: 200px !important;
        height: auto !important;
        margin-bottom: 15px;
    }

    .ins_header_template_float {
        margin-top: 18px;
    }

    .left-uni-content {
        min-height: auto !important;
        height: auto !important;
    }

    .home-tabscontainer-main {
        margin-top: 50px;
    }

    .site-fetures-container {
        min-height: auto;
    }

    .ins_float_tabbed_menu_containter {
        margin-top: 0 !important;
    }

    .ins-header-img {
        display: none;
    }


    .ins_header_template_material,
    .ins_header_template_material_text {
        width: 100%
    }

    .ins_header_template_material_text {
        padding: 15px !important;
    }

    .ins_header_template_material_text .ins-header-title {
        float: left;
    }

    .ins-header-desc {
        text-align: justify;
    }

    .ins_header_template_material_logo {
        width: 100%;
        text-align: center;
    }

    .ins_header_template_material_logo img {
        width: 50%;
    }

    .ins-header.ins_header_template_wide1 .ins_header_template_wide1_container .header_ad_inst_background {
        position: relative;
    }

    .ins-header.ins_header_template_wide1 .ins_header_template_wide1_container .ins-header-logo {
        bottom: 0 !important;
    }

    .fa_a_button_container,
    .f_a_button {
        width: 100%;
        left: 0;
        top: 0;
        transform: rotate(0);
        border-radius: 0;
        text-align: center;
        font-size: 15px;
        padding: 12px 0;
        z-index: 99;
    }

    .fa_a_button_container {
        padding: 0;
        z-index: 999;
    }

    .f_a_container_body {
        width: 90%;
        padding: 15px;
        height: auto;
    }

    .f_a_container_body h1 {
        font-size: 2.6rem;
    }

    .f_a_container_body .SumoSelect > .CaptionCont > span {
        font-size: 1.2rem;
    }

    .modal-lg {
        width: 95% !important;
        max-width: 95% !important;
        margin-top: 100px;
    }

    .booking-page-item,
    #booking-page-header {
        padding-left: 15px;
    }

    #booking-form-container {
        padding: 15px;
    }

    #pagepaddbook {
        margin-top: 15px;
        padding-bottom: 0;
    }

    .nav2 {
        display: none;
    }

    .event_flew_container {
        position: relative;
        width: 100%;
        box-shadow: none;
        top: 0;
        min-height: auto;
        padding: 0;
    }

    .event_flew_boxed {
        margin-left: 5px;
        border-color: #EEE;
        margin-bottom: 15px;
        padding-bottom: 30px;
    }

    .text_event_up_coming {
        font-size: 1.2rem;
    }

    .link_event_up_coming {
        font-size: 14px;
    }

    #nav-tabContent.tab-content {
        height: auto !important;
    }

    .f_a_overbody_close {
        font-size: 3rem !important;
    }

    .margin-0-mobile {
        margin: 0 !important;
    }

    .text-center-mobile {
        text-align: center !important;
    }

    #ui-panel-menu {
        margin-bottom: 15px;
    }

    .header_ad_inst_background {
        padding: 0 !important;
    }

    .ins-header-title,
    .ins-header-desc {
        left: 0 !important;
    }

    .ins-header-text {
        position: relative !important;
    }

    .ins-header.ins_header_template_normal .ins-header-logo {
        bottom: 0 !important;
    }

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

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

    /* .mobilenopadding,
    .content-container {
        padding-left: 0;
        padding-right: 0;
    } */
    .ins-header-logo img {
        border: 2px solid #EEE;
    }

    #instheadersearch {
        padding-left: 15px;
    }

    body {
        overflow-x: hidden !important;
    }

    .rotate_no_mobile {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    }

    .list-footer {
        height: 40px;
    }

    .mobile_text_right {
        text-align: right !important;
    }

    .mobile_text_left {
        text-align: left !important;
    }

    .mobile_text_center {
        text-align: center !important;
    }

    .divheadersearch {
        width: 100% !important;
    }

    .rowmobilefix {
        margin: 15px;
    }

    #carouselExampleControls {
        /*display: none;*/
        min-height: 600px;
    }

    .header-search-container {
        bottom: 0;
        transform: none !important;
        left: 0 !important;
        padding: 15px;
    }

    .carousel-on-inner,
    .header-search-container {
        /*position: relative;*/
        top: 20px;
        min-height: auto;
    }

    .custom-carouselitem {
        height: 720px;
    }

    .slider_title,
    .slider_title_line2 {
        /*color:var( --color1 );*/
        text-shadow: none;
        margin-bottom: 20px;
    }

    #rightdivheader,
    #leftdivheader {
        border-radius: 0;
    }

    .search-container {
        margin: 0;
        height: auto !important;
    }

    .mobile_hide {
        display: none !important;
    }

    .mobile_block {
        display: block;
    }

    .module-left-container {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transform: none;
        box-shadow: none;
    }

    .imageitemcontainer {
        width: 50%;
    }


    .mobile-margin-bottom-30 {
        margin-bottom: 30px !important;
    }

    .mobile-no-flex {
        flex: none !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
    }

    .mobile-width-55 {
        width: 55% !important;
    }

    .mobile-center {
        text-align: center !important;
    }


    .logo {
        width: 100%;
        display: block;
        text-align: center;
    }


    .header-topbar-menu {
        font-size: 14px;
        padding-bottom: 10px;
    }

    .menu-text-hassub {
        display: none;
    }

    .menu-text {
        margin-top: 0 !important;
    }

    .header-topbar,
    #hometab {
        padding-left: 0;
        padding-right: 0;
    }

    #hometab .nav-tabs .nav-item {
        margin-left: 0;
        margin-right: 0;
    }

    #hometab .nav-tabs .nav-item {
        padding-left: 0;
        padding-right: 0;
    }

    #hometab .nav {
        flex: none !important;
        display: block;
    }

    .tab-content .col-md-3,
    .site-fetures-container .col-md-3 {
        display: block !important;
        float: left;
    }

    .feturs-mob {
        width: 0 !important;
    }

    .site-fetures-container .col {
        margin-bottom: 20px;
    }


    /* <menu DropDown> */
    .menu-container {
        display: none;
    }


    .toggle-icon {
        width: 30px;
        height: 30px;
        font-size: 1.3rem;
        text-align: center;
        background-color: #fff;
        color: var(--color1);
        position: absolute;
        right: 15px;
        top: 21px;
        line-height: 30px;
        z-index: 99999999999999999999999;
    }

    .menu-container ul {
        display: block;
    }

    .menu-container ul a {
        color: #fafafa !important;
        display: block;
    }

    .menu-container ul li {
        display: block;
        margin-right: 22px;
    }

    .menu-container ul li .fa-angle-down {
        display: none;
    }


    .menu-container ul ul {
        position: relative !important;
        background: none !important;
    }

    .menu-container ul ul ul {
        left: 0 !important;
        top: 100% !important;
    }

    .menu-container ul ul li {
        width: 100%;
    }

    .menu-container ul ul ul li {
        width: 100%;
    }

    .menu-container ul li a {
        float: none !important;
        width: 100%;
    }

    .menu-text {
        float: none !important;
        width: 100%;
    }

    .text-menu,
    .undertext-menu {
        display: block;
        position: relative;
        left: 8px !important;
        top: -5px !important;
        color: #Fafafa;
    }

    .menu-container ul ul li:hover {
        background-color: transparent !important;
    }

    .menu-container ul ul li {
        border: 0;
    }

    .menu-container ul ul li {
        opacity: 1;
        background-color: transparent !important;
    }

    .undertext-menu {
        top: -20px !important;
        left: 8px !important;
    }

    .headermenucontainer {
        height: auto;
        margin: 0;
    }

    .bar1,
    .bar2,
    .bar3 {
        background-color: #656982;
    }

    #home_slide_search_input {
        padding: 20px 2px;
        font-size: 15px;
    }

    #hometopagger-left,
    #hometopagger-right {
        display: none;
    }

    #hsc h1 {
        font-size: 1.6rem;
        font-weight: bold;
    }

    #hsc h2 {
        font-size: 1.2rem;
        font-weight: 400;
    }

    .feturs-mob {
        display: block;
    }

    .site-fetures-container,
    .subscribe-container {
        height: auto;
        padding: 2rem 0;
    }

    .sb-title {
        font-size: 2rem;
    }

    #subscribe-text {
        height: 40px;
    }

    #left-consultant-text-container p,
    #right-consultant-text-container p {
        margin-bottom: 1rem;
        color: #6610f2;
    }

    #center-consultant {
        height: 30px;
    }

    #left-consultant-text-container,
    #right-consultant-text-container {
        padding-top: 2rem;
    }

    .homeconsultant-container {
        height: auto;
    }

    .button-help {
        left: 0 !important;
    }

    .testomunial-mob {
        display: block;
    }

    .testomunial-p {
        bottom: -90px;
    }

    .testumonial-items,
    .custom-testomunial-items,
    .testomunial-container,
    .testomunial-content {
        height: 1100px;
    }

    .testomunial-footer {
        height: auto;
    }

    .testomunial-mob2 {
        display: block;
    }

    .testomunial-img-thumb,
    .testomunial-text h3,
    .testomunial-text p {
        text-align: center !important;
    }

    .footer-pagger-container {
        height: auto;
    }

    .testomunial-header .col {
        height: 200px;
    }

    .testomunial-header {
        position: relative;
        height: 400px;
    }

    .services {
        padding: 2rem 0;
        height: auto;
    }

    .mobile-service {
        display: block;
        height: 10px;
    }

    /* .menu-container ul li{width:100%;}
		.menu-container ul li:hover > ul{display:none;}
		.menu-container ul a{width:85%;float:left;text-align: left;}
		.toggle-icon{width:30px;height:30px;font-size: 1em;text-align: center;background-color: #000;color:#FFF;position: absolute;right:0;top:0;line-height:30px;}
		.menu-container ul ul li{width:100%;}
		.menu-container ul ul ul {top: 100%;left: 0;width: 100%;}
		.menu-container ul ul{position: relative;} */
    /* </menu dropDown> */
    .header-topbar {
        height: auto;
    }

    .menu-icon {
        display: block;
        margin-left: 15px;
    }

    .footer-social-container {
        height: auto;
        padding: 2rem 0;
    }

    .footer-sep {
        height: 20px;
        display: block;
    }

    .menu-footercontainer {
        padding-left: 0;
        padding-right: 0;
    }

    .menufooter-title {
        font-size: 1.2rem;
        font-weight: normal;
    }

    .menufooter-title i {
        font-size: 1.2rem;
    }

    .footer-about h3 {
        font-size: 1rem;
    }

    .menu-footercontainer ul {
        padding-left: 15px;
    }

    #footer-policy-container,
    .menu-footer-privacypolicy {
        padding: 0;
        height: auto;
    }

    .testomunial-header h3 {
        font-size: 1.2rem;
    }

    .tabitems {
        display: block;
    }

    .slider-cat-title {
        margin-bottom: 0;
    }

    .footer-slidercat-right-date {
        text-align: left;
    }

    #box-bx .bx-default-pager {
        width: 43%;
    }

    .unilistimagecontainer {
        min-height: 165px;
        max-height: 165px;
        text-align: center;
    }

    .unilistimagecontainer img {
        display: inline-block;
        width: 50%;
        height: auto;
        border: 1px solid #CCC;
    }

    .universityname {
        text-align: center;
        margin-top: 20px;
    }

    .post-grid {
        height: 260px;
    }

    .post-thumbnail-img {
        background-size: 75%;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .post-grid-footer {
        height: 120px !important;
    }

    .post-grid-footer {
        margin-bottom: -5px;
    }

    .tab-posts {
        margin-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .post-grid-footer {
        border: 0;
    }

    .post-container {
        margin: 0;
    }

    .mobile-link {
        display: block;
    }

    .mobile-link {
        color: #FFF;
    }

    .post-container {
        padding: 0 !important;
    }

    .services {
        padding: 1rem 0;
    }

    .icoservicesleftarrow,
    #services-title {
        margin-bottom: 15px;
    }

    .gototopcontainer {
        display: none;
    }

    .smallvideos {
        height: auto;
    }

    .smallvideos .playicon {
        width: 60px;
        height: 60px;
        border-radius: 60px;
        background-color: #333;
        padding-top: 15px;
        padding-left: 10px;
        color: #EEE;
        opacity: 0;
        transition: opacity 0.3s;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        -ms-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
    }

    .smallvideos .iconplay-onvideo {
        top: 30%;
    }

    .smallvideos .playicon {
        font-size: 2rem;
    }

    .lightgalleryvideoitem iframe {
        min-height: auto !important;
    }


    .ins-header {
        width: 100%;
        height: auto;
        position: relative;
    }

    .ins-header-img {
        width: 100%;
        height: auto;
    }

    .ins-header-logo {
        position: relative;
        display: block;
        text-align: center;
        width: 100%;
        height: auto;
        z-index: 3;
        bottom: 60px;
        left: auto;
    }

    .ins-header-logo img {
        display: inline-block;
        width: 120px;
        height: auto;
        border-radius: 50%;
        z-index: 3;
    }

    .ins-header-text {
        position: relative;
        margin: 0;
        padding: 0;
    }

    .ins-header-title {
        padding: 15px !important;
        position: relative;
        bottom: auto;
        left: auto;
    }

    .ins-header-desc {
        padding: 15px !important;
        position: relative;
        bottom: auto;
        left: auto;
    }


    .instheadermenu {
        height: auto;
        padding: 10px 10px 0 10px !important;
    }

    .instheadermenu li {
        list-style: none;
        cursor: pointer;
        padding: 7px 15px;
    }

    .section-content p {
        text-align: justify;
    }

    .post-content {
        float: left;
    }

    .left-uni-content-container {
        margin-right: 0;
        padding-right: 0;
    }

    .left-uni-content {
        border: none;
    }


    .link-suggestion {
        display: block;
        width: 100%;
        min-height: 160px;
        height: auto;
        float: none;
        padding: 15px;
        border: 1px solid #EEE;
        margin-bottom: 5px;
        text-align: center;
    }

    .link-suggestion .slide-img-recommended {
        display: block;
        text-align: center;
        float: none;
        height: 120px;
        width: 100%;
    }

    .link-suggestion .slide-img-recommended img {
        display: inline-block;
        text-align: center;
        float: none;
        width: 100px;
        height: 100px;
    }

    .link-suggestion .slide-text-recommended {
        display: inline-block;
        float: none;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    .sidebaricontogglecontent {
        display: none;
    }

    .page-sidebar {
        min-height: auto !important;
    }

    .module-left-iconarrow {
        background-color: #14a850;
        color: #FFF;
        border-radius: 0 0px 15px 0px;
        margin-right: -195px;
        min-width: 240px !important;
        max-width: 240px !important;
        width: 240px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        height: 50px !important;
    }

    .module-left-container {
        left: -102%;
    }

    .listviewcontainer .course-pr {
        padding: 0;
    }

    .slidervideoitem {
        padding: 15px;
    }

    .plm-3 {
        padding-left: 1rem;
    }

    .menu-container ul li {
        float: none !important;
    }

    .browsalltab-container {
        margin: 15px 0;
    }

    .logo_size {
        width: 100% !important;
    }

    #social-icon {
        text-align: left;
    }

    .topbar-login-btn {
        height: 44px;
        width: 100%;
        text-align: left;
        background-color: var(--color2);
        color: #FFF;
        padding: 0 15px 0 15px;
        border-radius: 5px;
    }

    .loginicon-topbar {
        color: #FFF;
        font-size: 1.2rem;
    }

    .loginicon-topbar:after {
        right: 15px;
    }

    .login-dropdown-menu .dropdown-menu {
        width: 100%;
        left: 5px !important;
    }
}


.ins_menu_bar_bg {
    background-color: #C62828 !important;
}

a.ins_menu_bar_color,
a.ins_menu_bar_color:link {
    color: #FFFFFF !important;
}

a.ins_menu_bar_color_hover:hover {
    color: #FFFFFF !important;
}


.ins_menu_bar_font_size {
    font-size: 16px !important;
}

.ins_menu_bar_font_style {
    font-style: normal !important;
}

.ins_menu_bar_font_weight {
    font-weight: 400 !important;
}

.ins_tabs_active_bg {
    background-color: var(--color2) !important;
}

.ins_tabs_active_text_color {
    color: #000000 !important;
}

.ins_tabs_background {
    background-color: #FF8A80;
}


.ins_tabs_font_size {
    font-size: 16px !important;
}

@media (max-width: 575.98px) {
    .ins_tabs_font_size {
        font-size: 14px !important;
    }
}


.ins_tabs_font_style {
    font-style: normal !important;
}

.ins_tabs_font_weight {
    font-weight: normal !important;
}

.ins_tabs_text_color {
    color: #FFFFFF !important;
}

.inst_menu_item .nav-link {
    padding: 15px !important;
    text-align: center;
}


/* bigger template */
.bigger-logo {
    width: 230px !important;
    left: 15px !important;
    bottom: 2px !important;
}

.small_logo_change_position {
    bottom: -8px !important;
}

.big_logo_change_position {
    left: 11px !important;
    bottom: -7px !important;
}

.normal_logo_change_position {
    bottom: -5px !important;
}

.chat-ai-icon {
    position: fixed;
    left: 50px;
    bottom: 50px;
}

.phone-number-top {
    top: 5px;
    left: 5px;
}

@media (max-width: 575.98px) {


    #footer-policy-container {
        padding-top: 25px;
        padding-bottom: 53px;
    }

    .live-chat {
        bottom: -110px;
        z-index: 115;
    }

    #sitelogo {
        text-align: center;
    }

    .xUni_Logo_Size_large {
        width: auto !important;
        height: auto !important;
    }

    .ins-tabs {
        width: 100%;
        padding: 5px 5px;
        min-height: 30px;
        margin-bottom: 10px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    .chat-ai-icon {
        display: none;
    }

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

    .container {
        padding-right: 0;
        padding-left: 0;
        margin: 0 0px 0px 0px;
    }

    .ins-navbar {
        padding: 10px 15px !important;
    }

    .inst_menu_item .nav-link {
        padding: 5px !important;
        text-align: left !important;
    }

    .m-w-100 {
        width: 100%;
    }

    .live-chat {
        width: 100%;
        right: 0;
    }

    .w-75-mobile > * {
        flex: 0 0 75%;
    }

    .w-50-mobile > * {
        flex: 0 0 50%;
    }

    .w-45-mobile > * {
        flex: 0 0 45%;
    }

    .w-25-mobile > * {
        flex: 0 0 25%;
    }

    .w-33-mobile > * {
        flex: 0 0 33%;
    }

    .w-90-mobile > * {
        flex: 0 0 90%;
    }

    .w-95-mobile > * {
        flex: 0 0 95%;
    }

    .mobilepadding5 {
        padding: 5px;
    }

    .item-1-mobile {
        flex: 100%;
    }

    .with-icon:after {
        right: 0;
    }

    .nowrapmobile {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .custom-indicator {
        display: none !important;
    }

    .indicator-videos {
        display: flex !important;
        width: 100%;
        padding-top: 17px;
        position: relative;
        margin-bottom: -42px !important;
    }

    .carosel-title {
        color: #999;
        margin: 0;
    }

    .custom-indicator-with-title {
        top: 0 !important;
        margin-bottom: 0 !important;
    }

    .no-gutters-sm {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .no-gutters-sm > .col,
    .no-gutters-sm > [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

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

    .SumoSelect > .optWrapper.isFloating {
        position: relative !important;
    }

    #bg-homeenglish-courses {
        background-image: none !important;
    }

    .english_prep_box_home {
        padding: 0 !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #sitelogo {
        text-align: center;
    }

    .ins-tabs {
        width: 55%;
    }

    .m-w-100 {
        width: 100%;
    }

    .carousel-on-inner {
        min-height: auto !important;
    }

    .item-1-mobile {
        flex: 100%;
    }

    .with-icon:after {
        right: 0;
    }

    .no-gutters-sm {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .no-gutters-sm > .col,
    .no-gutters-sm > [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

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

    .SumoSelect > .optWrapper.isFloating {
        position: relative !important;
    }

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

    #bg-homeenglish-courses {
        background-image: none !important;
    }

    .english_prep_box_home {
        padding: 0 !important;
    }
}


@media (min-width: 768px) and (max-width: 991.98px) {
    #sitelogo {
        text-align: center;
    }

    .m-w-100 {
        width: 100%;
    }

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

    .SumoSelect > .optWrapper.isFloating {
        position: relative !important;
    }

    #bg-homeenglish-courses {
        background-image: none !important;
    }

    .english_prep_box_home {
        padding: 0 !important;
    }

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

    .i-container {
        margin-bottom: 10px;
    }

    .card-img-top {
        min-height: 112px;
        height: auto;
    }

    .video_cont_iframe iframe {
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #sitelogo {
        text-align: left;
    }

    .card-img-top {
        min-height: 112px;
        height: auto;
    }
}

@media (min-width: 1200px) {
    #sitelogo {
        text-align: left;
        margin-top: 10px;
    }
}

.newskinvideo {
    margin-bottom: 15px;
}

.course-right-offered-icon {
    padding-left: 10px;
}

/* courseSearchForm */
.courseSearchForm_TopContainer {
    margin: 0 7px;
}

.videoshowcontainer iframe {
    width: 100% !important;
    min-height: 350px !important;
    height: auto !important;
    margin-bottom: 10px;
}

@media (max-width: 800px) {

    .courseSearchForm_TopContainer .row,
    .courseSearchForm_TopContainer .col-md-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .phone-number-top {
        position: relative !important;
        margin-top: 10px;
        top: 0 !important;
    }

    .phone-number-top div {
        margin-right: 0 !important;
        width: 50% !important;
    }


}

/* courseBox */
.courseBoxContainer50 {
    width: 50%;
}

.courseBoxContainer100 {
    width: 100%;
}

.courseBox {
    padding: 15px;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    border-bottom: 2px solid #dadada;
    position: relative;
}

.courseBoxContainer50 .courseBox {
    height: 100% !important;
}

.courseBoxContainer100 .courseBox {
    margin-bottom: 0;
}

.courseTitle {
    line-height: 18px;
    font-size: 15px;
}

.courseUniTitle {
    line-height: 18px;
    font-size: 13px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.courseTitle i,
.courseUniTitle i {
    display: inline-block;
    width: 28px;
    float: left;
    opacity: 0.8;
}

.courseTitle span,
.courseUniTitle span {
    display: block;
    margin-left: 15px;
}

.courseDesc {
    color: #999;
    font-size: 13px;
    font-weight: lighter;
    padding: 5px;
    text-align: justify;
    overflow: hidden;
    position: relative;
}

.content-with-more {
    height: 30%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #f9f9f9;
    text-align: center;
    padding: 2px;
    cursor: pointer;
    display: block;
    opacity: 0.9;
    box-shadow: 10px -6px 40px -11px rgba(0, 0, 0, 0.54);
    -webkit-box-shadow: 10px -6px 40px -11px rgba(0, 0, 0, 0.54);
    -moz-box-shadow: 10px -6px 40px -11px rgba(0, 0, 0, 0.54);
}


.courseAttrContainer {
    background-color: #eeeeee;
    padding-top: 15px;
    padding-bottom: 15px;
}

.courseAttr {
}

/* .courseAttr .courseAttrTitle {
    float: left;
} */

.ellipsis {
    display: block;
    /* or inline-block */
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 7.6em;
    line-height: 1.8em;
}


.card-recent .card-title {
    display: block;
    min-height: 80px;
}

.courseAttr .courseAttrTitle i {
    display: inline-block;
    width: 16px;
}

/* .courseAttr .courseAttrValue {
    margin-left: 120px;
} */

.courseBoxContainer50 .courseBtnsCol {
    max-width: none;
    flex: unset;
    display: block;
    width: 100%;
}

.courseFeeBTN {
    line-height: 28px;
    padding: 5px 15px;
    text-align: left;
    font-size: 17px;
    letter-spacing: 1px;
    color: var(--color1);
    border-bottom: 1px solid var(--color1);
    background-color: white;

}

a.courseBookBTN,
a.courseBookBTN:link {
    padding: 5px 15px;
    display: inline;
    font-size: 13px;
    color: #FFF;
    border-bottom: 1px solid var(--color2);
    background-color: var(--color2);

}

a.courseBookBTN:hover {
    color: white;
    background-color: var(--color2);
}

@media (max-width: 992px) {
    .courseBoxContainer50 {
        width: 100%;
    }

    .courseBoxContainer100 {
        width: 100%;
    }

    .phone-number-top_container {
        height: 24px;
    }

    .phone-number-top {
        position: relative !important;
        margin-top: 10px;
        top: 0 !important;
    }

    .phone-number-top div {
        margin-right: 30px !important;
        width: auto !important;
    }

}

/* GLevels (How it works) */


.glevel_levels_box_rows {
}

.glevel_levels_box_rows a {
    display: block;
    margin-bottom: 20px;
    color: #f3f7f9;
}

.page_courses_how_it_works .glevel_levels_box_rows a {
    /*color: var(--color1);*/
    color: #fff;
}

ul.block_list_gray {
    padding: 0;
    margin: 0;
}

ul.block_list_gray li {
    list-style: none;
}

ul.block_list_gray li a {
    display: block;
    color: #444;
    font-size: 13px;
    padding: 6px 1px;
    background-color: #efefef;
    margin-bottom: 4px;
    text-align: center;
}

ul.block_list_gray li a:hover {
    background-color: #ddd;
}

/* Uni Sidebar */
.uni_sidebar_pages_btn.highlight {
    background-color: var(--color2) !important;
}

.uni_sidebar_pages_btn.highlight h4 {
    color: white !important;
    font-size: 20px;
    padding-top: 5px;
}

.uni_sidebar_pages_btn.highlight p {
    font-size: 22px;
    color: white !important;
    margin-bottom: 0;
}


/* ---------- xUni Component ---------------------- */
.xUni_viewHeaderCompact {
    border-bottom: solid 8px #efefef;
}

.xUni_viewMenuGeneral {
    gap: 10px;
}

.xUni_viewMenuGeneral a {
    background-color: #efefef;
    border-radius: 0 !important;
    padding: 13px 5px 8px 5px;
    color: #1a1b20;
    min-width: 80px;
}

.xUni_viewMenuGeneral a.active,
.xUni_viewMenuGeneral a:hover {
    background-color: #d1d1d1;
}

/* LOGO */
.xUni_Logo_Container {
    max-width: 100%;
    text-align: center;
    aspect-ratio: 1/1;
    align-content: center;
}

/* LOGO SAMLL */
.xUni_Logo_Size_small {
    width: 138px;
    height: 184px;
}

.xUni_Logo_Size_small .xUni_Logo_HTML {
    width: 100%;
    height: 138px;
}

.xUni_Logo_Size_small .xUni_Logo_HTML_DIV {
    height: 138px;
    padding: 8px;
}

.xUni_Logo_Container .xUni_Logo_IMG {
    width: 100%;
    height: auto;
}

.xUni_Logo_Size_normal img {
    border-radius: 10px;
    border: 1px solid #EEE;
}

/* LOGO NORMAL */
.xUni_Logo_Size_normal {
    width: 184px;
    max-height: 184px;
    height: auto;
    padding-left: 20px;
}

.xUni_Logo_Size_normal .xUni_Logo_HTML {
    width: 100%;
    height: 184px;
}

.xUni_Logo_Size_normal .xUni_Logo_HTML_DIV {
    height: 184px;
    padding: 12px;
}

/* LOGO LARGE */
.xUni_Logo_Size_large {
    width: 100%;
    max-height: 300px;
    height: auto;
}

.xUni_Logo_Size_large .xUni_Logo_HTML {
    width: 100%;
    height: 246px;
}

.xUni_Logo_Size_large .xUni_Logo_HTML_DIV {
    height: 246px;
    padding: 24px;
}

/* LOGO INNER HTML */
.xUni_Logo_Container .xUni_Logo_HTML .xUni_Logo_HTML_DIV {
    border-color: var(--color1) !important;
    border-style: solid !important;
    border-width: 8px !important;
    background-color: #fffff9 !important;
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.xUni_Logo_Container .xUni_Logo_HTML span.xUni_Logo_HTML_SPAN {
    display: inline-block;
    color: var(--color1) !important;
    border-bottom: solid 6px var(--color2) !important;
    font-family: 'Righteous', 'Roboto', Arial, serif;
    line-height: 1.1;
    padding-bottom: 6px;
    width: 100%;
    overflow-wrap: normal;
    white-space: normal;
    word-break: keep-all;
}


#bg-homeenglish-courses {
    height: 400px;
    background-position: center;
    background-size: cover;
    background-color: #e5f3ff;
    border-bottom: 5px solid var(--color1);
}

#img-left-shape {
    position: absolute;
    top: 0;
    left: -87px;
    width: 100px;
}

#button-anim {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 3s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 3s;
    -webkit-animation-name: grow;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: grow;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes grow {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.homeenglish-textcolor {
    font-family: 'OpenSansBold', Roboto;
    font-weight: 700;
    font-size: 42px !important;
    color: var(--color2);

}

.homeenglish_title {
    margin: 0 0px !important;
    padding: 0 !important;
}

.homeenglish_diagnostic {
    margin-top: 30px;
    margin-bottom: 15px;
}

.homeenglish_click_on {
    text-transform: uppercase;
    font-size: 32px !important;
    margin-top: 40px !important;
}

.english_prep_box_home:hover {
    transform: scale(1.3);
}


.english_prep_box_home {
    position: relative;
    z-index: 0;
    max-width: 132px;
    height: 100%;
    text-align: center;
    transition: 0.3s;
}

.SumoSelect p {
    margin: 0;
}

.SumoSelect {
    width: 100%;
}

.SelectBox {
    padding: 15px 8px;
}

.sumoStopScroll {
    overflow: hidden;
}

/* Filtering style */
.SumoSelect .hidden {
    display: none;
}

.SumoSelect .search-txt {
    display: none;
    outline: none;
}

.SumoSelect .no-match {
    display: none;
    padding: 6px;
}

.SumoSelect.open .search-txt {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 15px 8px;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

.SumoSelect.open > .search > span,
.SumoSelect.open > .search > label {
    visibility: hidden;
}

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass,
.SumoUnder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.SelectClass {
    z-index: 1;
}

.SumoSelect > .optWrapper > .options li.opt label,
.SumoSelect > .CaptionCont,
.SumoSelect .select-all > label {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.SumoSelect {
    display: inline-block;
    position: relative;
    outline: none;
}

.SumoSelect > .CaptionCont {
    position: relative;
    border: 1px solid #A4A4A4;
    min-height: 14px;
    background-color: #fff;
    margin: 0;
}

.control-selectsearch > .CaptionCont {
    position: relative;
    min-height: 14px;
    background-color: #fff;
    margin: 0;
}

.control-selectsearch + .CaptionCont {
    border: none !important;
}

.SumoSelect > .CaptionCont > span {
    display: block;
    padding-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
}

/*placeholder style*/
.SumoSelect > .CaptionCont > span.placeholder {
    color: var(--bs-body-color);
    font-style: italic;
    background-color: transparent;
}

.SumoSelect > .CaptionCont > label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
}

.SumoSelect > .CaptionCont > label > i {
    /* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII='); */
    background-position: center center;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    opacity: 0.8;
}

.SumoSelect > .optWrapper {
    display: none;
    z-index: 1000;
    top: 30px;
    min-width: 100%;
    position: absolute;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
    overflow: hidden;
}

.SumoSelect.open > .optWrapper {
    top: 55px;
    display: block;
}

.SumoSelect.open > .optWrapper.up {
    top: auto;
    bottom: 100%;
    margin-bottom: 5px;
}

.SumoSelect > .optWrapper ul {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto;
}

.SumoSelect > .optWrapper > .options {
    border-radius: 2px;
    position: relative;
    /*Set the height of pop up here (only for desktop mode)*/
    max-height: 250px;
    /*height*/
}

.SumoSelect > .optWrapper.okCancelInMulti > .options {
    border-radius: 2px 2px 0 0;
}

.SumoSelect > .optWrapper.selall > .options {
    border-radius: 0 0 2px 2px;
}

.SumoSelect > .optWrapper.selall.okCancelInMulti > .options {
    border-radius: 0;
}

.SumoSelect > .optWrapper > .options li.group.disabled > label {
    opacity: 0.5;
}

.SumoSelect > .optWrapper > .options li ul li.opt {
    padding-left: 22px;
}

.SumoSelect > .optWrapper.multiple > .options li ul li.opt {
    padding-left: 50px;
}

.SumoSelect > .optWrapper.isFloating > .options {
    box-shadow: 0 0 100px #595959;
}

.SumoSelect > .optWrapper > .options li.opt {
    padding: 6px 6px;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}

.SumoSelect > .optWrapper > .options > li.opt:first-child {
    border-radius: 2px 2px 0 0;
}

.SumoSelect > .optWrapper.selall > .options > li.opt:first-child {
    border-radius: 0;
}

.SumoSelect > .optWrapper > .options > li.opt:last-child {
    border-radius: 0 0 2px 2px;
    border-bottom: none;
}

.SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {
    border-radius: 0;
}

.SumoSelect > .optWrapper > .options li.opt:hover {
    background-color: #E4E4E4;
}

.SumoSelect > .optWrapper > .options li.opt.sel,
.SumoSelect .select-all.sel {
    background-color: #a1c0e4;
}

.SumoSelect > .optWrapper > .options li label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    cursor: pointer;
}

.SumoSelect > .optWrapper > .options li span {
    display: none;
}

.SumoSelect > .optWrapper > .options li.group > label {
    cursor: default;
    padding: 8px 6px;
    font-weight: bold;
}

/*Floating styles*/
.SumoSelect > .optWrapper.isFloating {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 90%;
    bottom: 0;
    margin: auto;
    max-height: 90%;
}

/*disabled state*/
.SumoSelect > .optWrapper > .options li.opt.disabled {
    background-color: inherit;
    pointer-events: none;
}

.SumoSelect > .optWrapper > .options li.opt.disabled * {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
}


/*styling for multiple select*/
.SumoSelect > .optWrapper.multiple > .options li.opt {
    padding-left: 35px;
    cursor: pointer;
}

.SumoSelect > .optWrapper.multiple > .options li.opt span,
.SumoSelect .select-all > span {
    position: absolute;
    display: block;
    width: 30px;
    top: 0;
    bottom: 0;
    margin-left: -35px;
}

.SumoSelect > .optWrapper.multiple > .options li.opt span i,
.SumoSelect .select-all > span i {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #AEAEAE;
    border-radius: 2px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
    background-color: #fff;
}

.SumoSelect > .optWrapper > .MultiControls {
    display: none;
    border-top: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
    border-radius: 0 0 3px 3px;
}

.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
    display: block;
    margin-top: 5px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
    display: block;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
    padding: 6px;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {
    box-shadow: 0 0 2px #a1c0e4;
    border-color: #a1c0e4;
    outline: none;
    background-color: #a1c0e4;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p {
    display: inline-block;
    cursor: pointer;
    padding: 12px;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
    background-color: #f1f1f1;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
    border-right: 1px solid #DBDBDB;
    border-radius: 0 0 0 3px;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
    border-radius: 0 0 3px 0;
}

/*styling for select on popup mode*/
.SumoSelect > .optWrapper.isFloating > .options li.opt {
    padding: 12px 6px;
}

/*styling for only multiple select on popup mode*/
.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt {
    padding-left: 35px;
}

.SumoSelect > .optWrapper.multiple.isFloating {
    padding-bottom: 43px;
}

.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i {
    background-color: rgb(17, 169, 17);
    box-shadow: none;
    border-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: center center;
}

/*disabled state*/
.SumoSelect.disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.SumoSelect.disabled > .CaptionCont {
    border-color: #ccc;
    box-shadow: none;
}

/**Select all button**/
.SumoSelect .select-all {
    border-radius: 3px 3px 0 0;
    position: relative;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    padding: 8px 0 3px 35px;
    cursor: pointer;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
}

.SumoSelect .select-all > label,
.SumoSelect .select-all > span i {
    cursor: pointer;
}

.SumoSelect .select-all.partial > span i {
    background-color: #ccc;
}


/*styling for optgroups*/
.SumoSelect > .optWrapper > .options li.optGroup {
    padding-left: 5px;
    text-decoration: underline;
}

.row-expect {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

/* xForms */
@media (max-width: 800px) {
    #header_language_menu_dropdown_container {
        text-align: center !important;
    }

    .input-group-x {
        padding-left: 0;
        padding-right: 0;
    }

    .xUni_Logo_Size_normal {
        padding-left: 0;
    }

    .icon-top-courses {
        position: absolute;
        top: -18px;
    }

    .icon-add-my {
        right: -6px;
    }

    .icon-add-star {
        right: 25px;
    }

    .logo-uni-in-courses {
        padding-right: 0;
    }

    .courseTitle span,
    .courseUniTitle span {
        margin-left: 5px;
        margin-top: 2px;
    }

    .courseTitle i,
    .courseUniTitle i {
        width: auto;
    }

    .info-course-container {
        padding-top: 11px;
    }

    .xUni_Logo_Container .xUni_Logo_IMG {
        box-shadow: 1px 1px 11px -7px #999;
    }
}


/* page-content */
.page-content h1 {
    font-size: 26px;
}

.page-content h2 {
    font-size: 23px;
    padding-top: 20px;
    padding-bottom: 10px;
    font-weight: 600;
}

.page-content h3 {
    font-size: 22px;
    padding-top: 15px;
    padding-bottom: 8px;
    font-weight: 600;
}

.page-content h4 {
    font-size: 21px;
    padding-top: 15px;
    padding-bottom: 8px;
    font-weight: 600;
}

.page-content h5 {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-weight: 600;
}

.page-content h6 {
    font-size: 19px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-weight: 600;
}

.goto_post_icon {
    color: #0091d2;
    opacity: 0.4;
    top: -4px;
    position: relative;
    font-size: 12px;
}

.min-height-body {
    min-height: 500px;
    height: auto;
}

.xClient_profile_uploaded {
    border-radius: 100%;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border: solid 4px white;
    box-shadow: 0 0 3px #999;
    margin: auto;
}

.xClient_profile_uploaded img {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
}

.xClient_profile_header {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    overflow: hidden;
    margin: 0px;
    display: inline-block;
    margin-top: -7px !important;
}

.xClient_profile_header img {
    width: 36px !important;
    margin-top: -4% !important;
    margin-left: -4% !important;
    top: -5px !important;
}

.xClient_profile {
    border-radius: 100%;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin: 15px 0;
    border: solid 4px white;
    box-shadow: 0px 0px 3px #999;
}

.xClient_profile img {
    width: 110%;
    margin-top: -20%;
    margin-left: -5%;
}

@media (max-device-width: 800px) {

    .aa_photo_circle,
    .xClient_profile {
        margin: 0 auto;
    }

    .ins-header-content,
    .header-inst-logo-cont {
        position: relative !important;
        top: 0 !important;
    }

    .ins-header.ins_header_template_normal .ins-header-desc {
        bottom: 0 !important;
    }


}

@media (max-width: 576px) {

    .mobile_text_align_left {
        text-align: left;
    }

    .mobile_text_align_right {
        text-align: right;
    }

    .mobile_dir_ltr {
        direction: ltr;
    }

    .mobile_dir_rtl {
        direction: rtl;
    }

    .mobile_font_10 {
        font-size: 10px !important;
    }

    .mobile_font_11 {
        font-size: 11px !important;
    }

    .mobile_font_12 {
        font-size: 12px !important;
    }

    .mobile_font_13 {
        font-size: 13px !important;
    }

    .mobile_font_14 {
        font-size: 14px !important;
    }

    .mobile_font_15 {
        font-size: 15px !important;
    }

    .mobile_font_16 {
        font-size: 16px !important;
    }

    .mobile_font_17 {
        font-size: 17px !important;
    }

    .mobile_font_18 {
        font-size: 18px !important;
    }

    .mobile_font_19 {
        font-size: 19px !important;
    }

    .mobile_font_20 {
        font-size: 20px !important;
    }

    .mobile_font_22 {
        font-size: 22px !important;
    }

    .mobile_font_24 {
        font-size: 24px !important;
    }

    .mobile_font_26 {
        font-size: 26px !important;
    }

    .mobile_font_30 {
        font-size: 30px !important;
    }

    .mobile_m_0 {
        margin: 0px;
    }

    .mobile_m_10 {
        margin: 10px;
    }

    .mobile_m_20 {
        margin: 20px;
    }

    .mobile_m_30 {
        margin: 30px;
    }

    .mobile_ml_0 {
        margin-left: 0px;
    }

    .mobile_ml_10 {
        margin-left: 10px;
    }

    .mobile_ml_20 {
        margin-left: 20px;
    }

    .mobile_ml_30 {
        margin-left: 30px;
    }

    .mobile_ml_40 {
        margin-left: 40px;
    }

    .mobile_ml_50 {
        margin-left: 50px;
    }

    .mobile_ml_60 {
        margin-left: 60px;
    }

    .mobile_ml_-60 {
        margin-left: -60px;
    }

    .mobile_mr_0 {
        margin-right: 0px;
    }

    .mobile_mr_10 {
        margin-right: 10px;
    }

    .mobile_mr_20 {
        margin-right: 20px;
    }

    .mobile_mr_30 {
        margin-right: 30px;
    }

    .mobile_mr_40 {
        margin-left: 40px;
    }

    .mobile_mr_50 {
        margin-left: 50px;
    }

    .mobile_mt_0 {
        margin-top: 0px;
    }

    .mobile_mt_10 {
        margin-top: 10px;
    }

    .mobile_mt_20 {
        margin-top: 20px;
    }

    .mobile_mt_30 {
        margin-top: 30px;
    }

    .mobile_mb_0 {
        margin-bottom: 0px;
    }

    .mobile_mb_5 {
        margin-bottom: 5px;
    }

    .mobile_mb_10 {
        margin-bottom: 10px;
    }

    .mobile_mb_20 {
        margin-bottom: 20px;
    }

    .mobile_mb_30 {
        margin-bottom: 30px;
    }

    .mobile_p_0 {
        padding: 0px;
    }

    .mobile_p_10 {
        padding: 10px;
    }

    .mobile_p_20 {
        padding: 20px;
    }

    .mobile_p_30 {
        padding: 30px;
    }

    .mobile_pl_0 {
        padding-left: 0px;
    }

    .mobile_pl_2 {
        padding-left: 2px;
    }

    .mobile_pl_10 {
        padding-left: 10px;
    }

    .mobile_pl_20 {
        padding-left: 20px;
    }

    .mobile_pl_30 {
        padding-left: 30px;
    }

    .mobile_pr_0 {
        padding-right: 0px;
    }

    .mobile_pr_10 {
        padding-right: 10px;
    }

    .mobile_pr_20 {
        padding-right: 20px;
    }

    .mobile_pr_30 {
        padding-right: 30px;
    }

    .mobile_pt_0 {
        padding-top: 0px;
    }

    .mobile_pt_10 {
        padding-top: 10px;
    }

    .mobile_pt_20 {
        padding-top: 20px;
    }

    .mobile_pt_30 {
        padding-top: 30px;
    }

    .mobile_pb_0 {
        padding-bottom: 0px;
    }

    .mobile_pb_10 {
        padding-bottom: 10px;
    }

    .mobile_pb_20 {
        padding-bottom: 20px;
    }

    .mobile_pb_30 {
        padding-bottom: 30px;
    }

    .mobile_pb_60 {
        padding-bottom: 60px;
    }

    .text-sm-wrap {
        text-wrap: auto;
    }


}

.xClient_profile_header {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    overflow: hidden;
    margin: 5px;
    display: inline-block;
    margin-bottom: -10px !important;
}

.xClient_profile_header img {
    width: 36px !important;
    margin-top: -4% !important;
    margin-left: -5% !important;
    top: -5px !important;
}

.menu-item {
    font-size: 15px;

}

.menu-item {
    padding: 5px;
    padding-right: 30px;
    padding-left: 0px;
}

.input-group {
    direction: ltr;
}

.xPagination a {
    /* background-color: #fff; */
    color: var(--color1);
    border: solid 1px #bfbfbf;
    border-radius: 0px !important;
}

/*h1 {*/
/*    font-size: 36px;*/
/*}*/

/*h2 {*/
/*    font-size: 30px;*/
/*}*/

/*h3 {*/
/*    font-size: 24px;*/
/*}*/

/*h4 {*/
/*    font-size: 18px;*/
/*}*/

/*h5 {*/
/*    font-size: 14px;*/
/*}*/

/*h6 {*/
/*    font-size: 12px;*/
/*}*/


[dir="RTL"] {
    .input-group {
        direction: rtl;
    }

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

    .input-group button {
        border-radius: 5px 0 0 5px !important;
    }

    .rtl-flip-item {
        transform: scaleX(-1);
    }

    .fa {
        vertical-align: middle;
        top: 5px;
    }

    .dropdown-item {
        text-align: right !important;
    }

    .menu-item {
        padding: 5px;
        padding-left: 30px;
        padding-right: 0px;
    }

    .font2 {
        font-family: farsi, Roboto, serif !important;
    }

    .icon-top-courses {
        right: auto !important;
        left: 0;
    }

    .ins-header-logo {
        float: left !important;
    }

    .dir-base {
        direction: rtl !important;
    }
}

html:not([lang="en"]) .header_ad_inst_font,
html:not([lang="en"]) .ins_tabs_font {
    font-family: inherit !important;
}

:root {
    --bs-bg-primary: rgb(13, 110, 253);
    --bs-primary: rgb(13, 110, 253);
    --bs-primary-rgb: 13, 110, 253;
    --bs-text-primary: rgb(13, 110, 253);
    --bs-bg-secondary: rgb(108, 117, 125);
    --bs-secondary: rgb(108, 117, 125);
    --bs-secondary-rgb: 108, 117, 125;
    --bs-text-secondary: rgb(108, 117, 125);
    --bs-bg-success: rgb(25, 135, 84);
    --bs-success: rgb(25, 135, 84);
    --bs-success-rgb: 25, 135, 84;
    --bs-text-success: rgb(25, 135, 84);
    --bs-bg-danger: rgb(220, 53, 69);
    --bs-danger: rgb(220, 53, 69);
    --bs-danger-rgb: 220, 53, 69;
    --bs-text-danger: rgb(220, 53, 69);
    --bs-bg-warning: rgb(255, 193, 7);
    --bs-warning: rgb(255, 193, 7);
    --bs-warning-rgb: 255, 193, 7;
    --bs-text-warning: rgb(255, 193, 7);
    --bs-bg-info: rgb(13, 202, 240);
    --bs-info: rgb(13, 202, 240);
    --bs-info-rgb: 13, 202, 240;
    --bs-text-info: rgb(13, 202, 240);
    --bs-bg-light: rgb(255, 255, 255);
    --bs-light: rgb(255, 255, 255);
    --bs-light-rgb: 255, 255, 255;
    --bs-text-light: rgb(255, 255, 255);
    --bs-bg-dark: rgb(33, 37, 41);
    --bs-dark: rgb(33, 37, 41);
    --bs-dark-rgb: 33, 37, 41;
    --bs-text-dark: rgb(33, 37, 41);

    --color1: rgb(12, 93, 169);
    --color1_bg: rgb(12, 93, 169);
    --color1_light: rgb(15, 119, 217);
    --color1_lighter: rgb(15, 119, 217);
    --color1_contrast: rgb(255, 255, 255);
    --color1_lighter_contrast: rgb(255, 255, 255);

    --color2: rgb(190, 19, 37);
    --color2_light: rgb(232, 28, 49);
    --color2_lighter: rgb(232, 28, 49);
    --color2_contrast: rgb(255, 255, 255);
    --color2_lighter_contrast: rgb(255, 255, 255);

    --color3: rgb(2, 2, 2);
    --color3_light: rgb(2, 2, 2);
    --color3_lighter: rgb(2, 2, 2);
    --color4: rgb(16, 75, 85);
    --color4_light: rgb(16, 75, 85);
    --color4_lighter: rgb(16, 75, 85);

    --color5: rgb(248, 249, 250);
    --color5_contrast: rgb(33, 37, 41);
    --color6: rgb(33, 37, 41);
    --color6_contrast: rgb(248, 249, 250);
    --red-50: #FFEBEE !important;
    --red-50_text: #FFEBEE !important;
    --red-100: #FFCDD2 !important;
    --red-100_text: #FFCDD2 !important;
    --red-200: #EF9A9A !important;
    --red-200_text: #EF9A9A !important;
    --red-300: #E57373 !important;
    --red-300_text: #E57373 !important;
    --red-400: #EF5350 !important;
    --red-400_text: #EF5350 !important;
    --red-500: #F44336 !important;
    --red-500_text: #F44336 !important;
    --red-600: #E53935 !important;
    --red-600_text: #E53935 !important;
    --red-700: #D32F2F !important;
    --red-700_text: #D32F2F !important;
    --red-800: #C62828 !important;
    --red-800_text: #C62828 !important;
    --red-900: #B71C1C !important;
    --red-900_text: #B71C1C !important;
    --pink-50: #FCE4EC !important;
    --pink-50_text: #FCE4EC !important;
    --pink-100: #F8BBD0 !important;
    --pink-100_text: #F8BBD0 !important;
    --pink-200: #F48FB1 !important;
    --pink-200_text: #F48FB1 !important;
    --pink-300: #F06292 !important;
    --pink-300_text: #F06292 !important;
    --pink-400: #EC407A !important;
    --pink-400_text: #EC407A !important;
    --pink-500: #E91E63 !important;
    --pink-500_text: #E91E63 !important;
    --pink-600: #D81B60 !important;
    --pink-600_text: #D81B60 !important;
    --pink-700: #C2185B !important;
    --pink-700_text: #C2185B !important;
    --pink-800: #AD1457 !important;
    --pink-800_text: #AD1457 !important;
    --pink-900: #880E4F !important;
    --pink-900_text: #880E4F !important;
    --purple-50: #F3E5F5 !important;
    --purple-50_text: #F3E5F5 !important;
    --purple-100: #E1BEE7 !important;
    --purple-100_text: #E1BEE7 !important;
    --purple-200: #CE93D8 !important;
    --purple-200_text: #CE93D8 !important;
    --purple-300: #BA68C8 !important;
    --purple-300_text: #BA68C8 !important;
    --purple-400: #AB47BC !important;
    --purple-400_text: #AB47BC !important;
    --purple-500: #9C27B0 !important;
    --purple-500_text: #9C27B0 !important;
    --purple-600: #8E24AA !important;
    --purple-600_text: #8E24AA !important;
    --purple-700: #7B1FA2 !important;
    --purple-700_text: #7B1FA2 !important;
    --purple-800: #6A1B9A !important;
    --purple-800_text: #6A1B9A !important;
    --purple-900: #4A148C !important;
    --purple-900_text: #4A148C !important;
    --deepPurple-50: #EDE7F6 !important;
    --deepPurple-50_text: #EDE7F6 !important;
    --deepPurple-100: #D1C4E9 !important;
    --deepPurple-100_text: #D1C4E9 !important;
    --deepPurple-200: #B39DDB !important;
    --deepPurple-200_text: #B39DDB !important;
    --deepPurple-300: #9575CD !important;
    --deepPurple-300_text: #9575CD !important;
    --deepPurple-400: #7E57C2 !important;
    --deepPurple-400_text: #7E57C2 !important;
    --deepPurple-500: #673AB7 !important;
    --deepPurple-500_text: #673AB7 !important;
    --deepPurple-600: #5E35B1 !important;
    --deepPurple-600_text: #5E35B1 !important;
    --deepPurple-700: #512DA8 !important;
    --deepPurple-700_text: #512DA8 !important;
    --deepPurple-800: #4527A0 !important;
    --deepPurple-800_text: #4527A0 !important;
    --deepPurple-900: #311B92 !important;
    --deepPurple-900_text: #311B92 !important;
    --indigo-50: #E8EAF6 !important;
    --indigo-50_text: #E8EAF6 !important;
    --indigo-100: #C5CAE9 !important;
    --indigo-100_text: #C5CAE9 !important;
    --indigo-200: #9FA8DA !important;
    --indigo-200_text: #9FA8DA !important;
    --indigo-300: #7986CB !important;
    --indigo-300_text: #7986CB !important;
    --indigo-400: #5C6BC0 !important;
    --indigo-400_text: #5C6BC0 !important;
    --indigo-500: #3F51B5 !important;
    --indigo-500_text: #3F51B5 !important;
    --indigo-600: #3949AB !important;
    --indigo-600_text: #3949AB !important;
    --indigo-700: #303F9F !important;
    --indigo-700_text: #303F9F !important;
    --indigo-800: #283593 !important;
    --indigo-800_text: #283593 !important;
    --indigo-900: #1A237E !important;
    --indigo-900_text: #1A237E !important;
    --blue-50: #E3F2FD !important;
    --blue-50_text: #E3F2FD !important;
    --blue-100: #BBDEFB !important;
    --blue-100_text: #BBDEFB !important;
    --blue-200: #90CAF9 !important;
    --blue-200_text: #90CAF9 !important;
    --blue-300: #64B5F6 !important;
    --blue-300_text: #64B5F6 !important;
    --blue-400: #42A5F5 !important;
    --blue-400_text: #42A5F5 !important;
    --blue-500: #2196F3 !important;
    --blue-500_text: #2196F3 !important;
    --blue-600: #1E88E5 !important;
    --blue-600_text: #1E88E5 !important;
    --blue-700: #1976D2 !important;
    --blue-700_text: #1976D2 !important;
    --blue-800: #1565C0 !important;
    --blue-800_text: #1565C0 !important;
    --blue-900: #0D47A1 !important;
    --blue-900_text: #0D47A1 !important;
    --lightBlue-50: #E1F5FE !important;
    --lightBlue-50_text: #E1F5FE !important;
    --lightBlue-100: #B3E5FC !important;
    --lightBlue-100_text: #B3E5FC !important;
    --lightBlue-200: #81D4FA !important;
    --lightBlue-200_text: #81D4FA !important;
    --lightBlue-300: #4FC3F7 !important;
    --lightBlue-300_text: #4FC3F7 !important;
    --lightBlue-400: #29B6F6 !important;
    --lightBlue-400_text: #29B6F6 !important;
    --lightBlue-500: #03A9F4 !important;
    --lightBlue-500_text: #03A9F4 !important;
    --lightBlue-600: #039BE5 !important;
    --lightBlue-600_text: #039BE5 !important;
    --lightBlue-700: #0288D1 !important;
    --lightBlue-700_text: #0288D1 !important;
    --lightBlue-800: #0277BD !important;
    --lightBlue-800_text: #0277BD !important;
    --lightBlue-900: #01579B !important;
    --lightBlue-900_text: #01579B !important;
    --cyan-50: #E0F7FA !important;
    --cyan-50_text: #E0F7FA !important;
    --cyan-100: #B2EBF2 !important;
    --cyan-100_text: #B2EBF2 !important;
    --cyan-200: #80DEEA !important;
    --cyan-200_text: #80DEEA !important;
    --cyan-300: #4DD0E1 !important;
    --cyan-300_text: #4DD0E1 !important;
    --cyan-400: #26C6DA !important;
    --cyan-400_text: #26C6DA !important;
    --cyan-500: #00BCD4 !important;
    --cyan-500_text: #00BCD4 !important;
    --cyan-600: #00ACC1 !important;
    --cyan-600_text: #00ACC1 !important;
    --cyan-700: #0097A7 !important;
    --cyan-700_text: #0097A7 !important;
    --cyan-800: #00838F !important;
    --cyan-800_text: #00838F !important;
    --cyan-900: #006064 !important;
    --cyan-900_text: #006064 !important;
    --orange-50: #FFF3E0 !important;
    --orange-50_text: #FFF3E0 !important;
    --orange-100: #FFE0B2 !important;
    --orange-100_text: #FFE0B2 !important;
    --orange-200: #FFCC80 !important;
    --orange-200_text: #FFCC80 !important;
    --orange-300: #FFB74D !important;
    --orange-300_text: #FFB74D !important;
    --orange-400: #FFA726 !important;
    --orange-400_text: #FFA726 !important;
    --orange-500: #FF9800 !important;
    --orange-500_text: #FF9800 !important;
    --orange-600: #FB8C00 !important;
    --orange-600_text: #FB8C00 !important;
    --orange-700: #F57C00 !important;
    --orange-700_text: #F57C00 !important;
    --orange-800: #EF6C00 !important;
    --orange-800_text: #EF6C00 !important;
    --orange-900: #E65100 !important;
    --orange-900_text: #E65100 !important;
    --deepOrange-50: #FBE9E7 !important;
    --deepOrange-50_text: #FBE9E7 !important;
    --deepOrange-100: #FFCCBC !important;
    --deepOrange-100_text: #FFCCBC !important;
    --deepOrange-200: #FFAB91 !important;
    --deepOrange-200_text: #FFAB91 !important;
    --deepOrange-300: #FF8A65 !important;
    --deepOrange-300_text: #FF8A65 !important;
    --deepOrange-400: #FF7043 !important;
    --deepOrange-400_text: #FF7043 !important;
    --deepOrange-500: #FF5722 !important;
    --deepOrange-500_text: #FF5722 !important;
    --deepOrange-600: #F4511E !important;
    --deepOrange-600_text: #F4511E !important;
    --deepOrange-700: #E64A19 !important;
    --deepOrange-700_text: #E64A19 !important;
    --deepOrange-800: #D84315 !important;
    --deepOrange-800_text: #D84315 !important;
    --deepOrange-900: #BF360C !important;
    --deepOrange-900_text: #BF360C !important;
    --teal-50: #E0F2F1 !important;
    --teal-50_text: #E0F2F1 !important;
    --teal-100: #B2DFDB !important;
    --teal-100_text: #B2DFDB !important;
    --teal-200: #80CBC4 !important;
    --teal-200_text: #80CBC4 !important;
    --teal-300: #4DB6AC !important;
    --teal-300_text: #4DB6AC !important;
    --teal-400: #26A69A !important;
    --teal-400_text: #26A69A !important;
    --teal-500: #009688 !important;
    --teal-500_text: #009688 !important;
    --teal-600: #00897B !important;
    --teal-600_text: #00897B !important;
    --teal-700: #00796B !important;
    --teal-700_text: #00796B !important;
    --teal-800: #00695C !important;
    --teal-800_text: #00695C !important;
    --teal-900: #004D40 !important;
    --teal-900_text: #004D40 !important;
    --green-50: #E8F5E9 !important;
    --green-50_text: #E8F5E9 !important;
    --green-100: #C8E6C9 !important;
    --green-100_text: #C8E6C9 !important;
    --green-200: #A5D6A7 !important;
    --green-200_text: #A5D6A7 !important;
    --green-300: #81C784 !important;
    --green-300_text: #81C784 !important;
    --green-400: #66BB6A !important;
    --green-400_text: #66BB6A !important;
    --green-500: #4CAF50 !important;
    --green-500_text: #4CAF50 !important;
    --green-600: #43A047 !important;
    --green-600_text: #43A047 !important;
    --green-700: #388E3C !important;
    --green-700_text: #388E3C !important;
    --green-800: #2E7D32 !important;
    --green-800_text: #2E7D32 !important;
    --green-900: #1B5E20 !important;
    --green-900_text: #1B5E20 !important;
    --lightGreen-50: #F1F8E9 !important;
    --lightGreen-50_text: #F1F8E9 !important;
    --lightGreen-100: #DCEDC8 !important;
    --lightGreen-100_text: #DCEDC8 !important;
    --lightGreen-200: #C5E1A5 !important;
    --lightGreen-200_text: #C5E1A5 !important;
    --lightGreen-300: #AED581 !important;
    --lightGreen-300_text: #AED581 !important;
    --lightGreen-400: #9CCC65 !important;
    --lightGreen-400_text: #9CCC65 !important;
    --lightGreen-500: #8BC34A !important;
    --lightGreen-500_text: #8BC34A !important;
    --lightGreen-600: #7CB342 !important;
    --lightGreen-600_text: #7CB342 !important;
    --lightGreen-700: #689F38 !important;
    --lightGreen-700_text: #689F38 !important;
    --lightGreen-800: #558B2F !important;
    --lightGreen-800_text: #558B2F !important;
    --lightGreen-900: #33691E !important;
    --lightGreen-900_text: #33691E !important;
    --lime-50: #F9FBE7 !important;
    --lime-50_text: #F9FBE7 !important;
    --lime-100: #F0F4C3 !important;
    --lime-100_text: #F0F4C3 !important;
    --lime-200: #E6EE9C !important;
    --lime-200_text: #E6EE9C !important;
    --lime-300: #DCE775 !important;
    --lime-300_text: #DCE775 !important;
    --lime-400: #D4E157 !important;
    --lime-400_text: #D4E157 !important;
    --lime-500: #CDDC39 !important;
    --lime-500_text: #CDDC39 !important;
    --lime-600: #C0CA33 !important;
    --lime-600_text: #C0CA33 !important;
    --lime-700: #AFB42B !important;
    --lime-700_text: #AFB42B !important;
    --lime-800: #9E9D24 !important;
    --lime-800_text: #9E9D24 !important;
    --lime-900: #827717 !important;
    --lime-900_text: #827717 !important;
    --yellow-50: #FFFDE7 !important;
    --yellow-50_text: #FFFDE7 !important;
    --yellow-100: #FFF9C4 !important;
    --yellow-100_text: #FFF9C4 !important;
    --yellow-200: #FFF59D !important;
    --yellow-200_text: #FFF59D !important;
    --yellow-300: #FFF176 !important;
    --yellow-300_text: #FFF176 !important;
    --yellow-400: #FFEE58 !important;
    --yellow-400_text: #FFEE58 !important;
    --yellow-500: #FFEB3B !important;
    --yellow-500_text: #FFEB3B !important;
    --yellow-600: #FDD835 !important;
    --yellow-600_text: #FDD835 !important;
    --yellow-700: #FBC02D !important;
    --yellow-700_text: #FBC02D !important;
    --yellow-800: #F9A825 !important;
    --yellow-800_text: #F9A825 !important;
    --yellow-900: #F57F17 !important;
    --yellow-900_text: #F57F17 !important;
    --amber-50: #FFF8E1 !important;
    --amber-50_text: #FFF8E1 !important;
    --amber-100: #FFECB3 !important;
    --amber-100_text: #FFECB3 !important;
    --amber-200: #FFE082 !important;
    --amber-200_text: #FFE082 !important;
    --amber-300: #FFD54F !important;
    --amber-300_text: #FFD54F !important;
    --amber-400: #FFCA28 !important;
    --amber-400_text: #FFCA28 !important;
    --amber-500: #FFC107 !important;
    --amber-500_text: #FFC107 !important;
    --amber-600: #FFB300 !important;
    --amber-600_text: #FFB300 !important;
    --amber-700: #FFA000 !important;
    --amber-700_text: #FFA000 !important;
    --amber-800: #FF8F00 !important;
    --amber-800_text: #FF8F00 !important;
    --amber-900: #FF6F00 !important;
    --amber-900_text: #FF6F00 !important;
    --gray-50: #FAFAFA !important;
    --gray-50_text: #FAFAFA !important;
    --gray-100: #F5F5F5 !important;
    --gray-100_text: #F5F5F5 !important;
    --gray-200: #EEEEEE !important;
    --gray-200_text: #EEEEEE !important;
    --gray-300: #E0E0E0 !important;
    --gray-300_text: #E0E0E0 !important;
    --gray-400: #BDBDBD !important;
    --gray-400_text: #BDBDBD !important;
    --gray-500: #9E9E9E !important;
    --gray-500_text: #9E9E9E !important;
    --gray-600: #757575 !important;
    --gray-600_text: #757575 !important;
    --gray-700: #616161 !important;
    --gray-700_text: #616161 !important;
    --gray-800: #424242 !important;
    --gray-800_text: #424242 !important;
    --gray-900: #212121 !important;
    --gray-900_text: #212121 !important;
    --brown-50: #EFEBE9 !important;
    --brown-50_text: #EFEBE9 !important;
    --brown-100: #D7CCC8 !important;
    --brown-100_text: #D7CCC8 !important;
    --brown-200: #BCAAA4 !important;
    --brown-200_text: #BCAAA4 !important;
    --brown-300: #A1887F !important;
    --brown-300_text: #A1887F !important;
    --brown-400: #8D6E63 !important;
    --brown-400_text: #8D6E63 !important;
    --brown-500: #795548 !important;
    --brown-500_text: #795548 !important;
    --brown-600: #6D4C41 !important;
    --brown-600_text: #6D4C41 !important;
    --brown-700: #5D4037 !important;
    --brown-700_text: #5D4037 !important;
    --brown-800: #4E342E !important;
    --brown-800_text: #4E342E !important;
    --brown-900: #3E2723 !important;
    --brown-900_text: #3E2723 !important;
    --blueGray-50: #ECEFF1 !important;
    --blueGray-50_text: #ECEFF1 !important;
    --blueGray-100: #CFD8DC !important;
    --blueGray-100_text: #CFD8DC !important;
    --blueGray-200: #B0BEC5 !important;
    --blueGray-200_text: #B0BEC5 !important;
    --blueGray-300: #90A4AE !important;
    --blueGray-300_text: #90A4AE !important;
    --blueGray-400: #78909C !important;
    --blueGray-400_text: #78909C !important;
    --blueGray-500: #607D8B !important;
    --blueGray-500_text: #607D8B !important;
    --blueGray-600: #546E7A !important;
    --blueGray-600_text: #546E7A !important;
    --blueGray-700: #455A64 !important;
    --blueGray-700_text: #455A64 !important;
    --blueGray-800: #37474F !important;
    --blueGray-800_text: #37474F !important;
    --blueGray-900: #263238 !important;
    --blueGray-900_text: #263238 !important;
    --black-50: #FAFAFA !important;
    --black-50_text: #FAFAFA !important;
    --black-100: #D9D9D9 !important;
    --black-100_text: #D9D9D9 !important;
    --black-200: #A6A6A6 !important;
    --black-200_text: #A6A6A6 !important;
    --black-300: #737373 !important;
    --black-300_text: #737373 !important;
    --black-400: #404040 !important;
    --black-400_text: #404040 !important;
    --black-500: #262626 !important;
    --black-500_text: #262626 !important;
    --black-600: #1A1A1A !important;
    --black-600_text: #1A1A1A !important;
    --black-700: #141414 !important;
    --black-700_text: #141414 !important;
    --black-800: #0F0F0F !important;
    --black-800_text: #0F0F0F !important;
    --black-900: #000000 !important;
    --black-900_text: #000000 !important;


}

:root[data-bs-theme='dark'] {
    --color1: rgb(244, 244, 245);
    --color1_bg: rgb(4, 69, 143);
    --color1_light: rgb(145, 202, 255);
    --color1_lighter: rgb(145, 202, 255);
    --color1_contrast: rgb(255, 255, 255);
    --color1_lighter_contrast: rgb(255, 255, 255);

    --color2: rgb(181, 4, 4);
    --color2_light: rgb(255, 135, 135);
    --color2_lighter: rgb(255, 135, 135);
    --color2_contrast: rgb(255, 255, 255);
    --color2_lighter_contrast: rgb(255, 255, 255);

    --color3: rgb(224, 224, 224);
    --color3_light: rgb(2, 2, 2);
    --color3_lighter: rgb(2, 2, 2);
    --color4: rgb(99, 230, 190);
    --color4_light: rgb(16, 75, 85);
    --color4_lighter: rgb(16, 75, 85);

    --color5: rgb(248, 249, 250);
    --color5_contrast: rgb(33, 37, 41);
    --color6: rgb(33, 37, 41);
    --color6_contrast: rgb(248, 249, 250);
    --red-50: #65323a !important;
    --red-50_text: #fff5f6 !important;
    --red-100: #532a2e !important;
    --red-100_text: #ffe5e8 !important;
    --red-200: #2c2222 !important;
    --red-200_text: #fac5c5 !important;
    --red-300: #1d1717 !important;
    --red-300_text: #f7acac !important;
    --red-400: #191111 !important;
    --red-400_text: #fa9b99 !important;
    --red-500: #150d0d !important;
    --red-500_text: #fc928a !important;
    --red-600: #110c0c !important;
    --red-600_text: #f78784 !important;
    --red-700: #0c0a0a !important;
    --red-700_text: #f17a7a !important;
    --red-800: #3d3232 !important;
    --red-800_text: #f06c6c !important;
    --red-900: #312626 !important;
    --red-900_text: #f25656 !important;
    --pink-50: #533b43 !important;
    --pink-50_text: #fef1f5 !important;
    --pink-100: #3e2b32 !important;
    --pink-100_text: #fddae6 !important;
    --pink-200: #2c1e23 !important;
    --pink-200_text: #fcc0d4 !important;
    --pink-300: #1d1417 !important;
    --pink-300_text: #fba5c2 !important;
    --pink-400: #140e10 !important;
    --pink-400_text: #f98eb2 !important;
    --pink-500: #0e090b !important;
    --pink-500_text: #f876a2 !important;
    --pink-600: #433137 !important;
    --pink-600_text: #f66a9d !important;
    --pink-700: #36272d !important;
    --pink-700_text: #f55996 !important;
    --pink-800: #2b1e24 !important;
    --pink-800_text: #f44592 !important;
    --pink-900: #1a1216 !important;
    --pink-900_text: #f42191 !important;
    --purple-50: #464246 !important;
    --purple-50_text: #faf0fc !important;
    --purple-100: #312e31 !important;
    --purple-100_text: #f3d8f8 !important;
    --purple-200: #1f1e20 !important;
    --purple-200_text: #ebbcf2 !important;
    --purple-300: #121113 !important;
    --purple-300_text: #e19ded !important;
    --purple-400: #0b0b0c !important;
    --purple-400_text: #d984e8 !important;
    --purple-500: #302931 !important;
    --purple-500_text: #d85eed !important;
    --purple-600: #2c262d !important;
    --purple-600_text: #ce57ed !important;
    --purple-700: #262128 !important;
    --purple-700_text: #be4cee !important;
    --purple-800: #211c24 !important;
    --purple-800_text: #ad42ee !important;
    --purple-900: #19161d !important;
    --purple-900_text: #852ef0 !important;
    --deepPurple-50: #454348 !important;
    --deepPurple-50_text: #f5f1fc !important;
    --deepPurple-100: #323134 !important;
    --deepPurple-100_text: #e6dcf8 !important;
    --deepPurple-200: #222123 !important;
    --deepPurple-200_text: #d4c2f3 !important;
    --deepPurple-300: #151516 !important;
    --deepPurple-300_text: #c1a7ee !important;
    --deepPurple-400: #0e0e0f !important;
    --deepPurple-400_text: #b190ea !important;
    --deepPurple-500: #38363c !important;
    --deepPurple-500_text: #9f76e9 !important;
    --deepPurple-600: #333137 !important;
    --deepPurple-600_text: #966ee9 !important;
    --deepPurple-700: #2b2a2f !important;
    --deepPurple-700_text: #8860e9 !important;
    --deepPurple-800: #25242a !important;
    --deepPurple-800_text: #7a55ea !important;
    --deepPurple-900: #1b1a21 !important;
    --deepPurple-900_text: #5d3ced !important;
    --indigo-50: #444548 !important;
    --indigo-50_text: #f1f3fc !important;
    --indigo-100: #313234 !important;
    --indigo-100_text: #dce0f8 !important;
    --indigo-200: #212223 !important;
    --indigo-200_text: #c3cbf3 !important;
    --indigo-300: #151516 !important;
    --indigo-300_text: #a9b4ee !important;
    --indigo-400: #0e0e0f !important;
    --indigo-400_text: #93a0e9 !important;
    --indigo-500: #38393d !important;
    --indigo-500_text: #7a8ae7 !important;
    --indigo-600: #313135 !important;
    --indigo-600_text: #6f80e6 !important;
    --indigo-700: #28282c !important;
    --indigo-700_text: #5f71e6 !important;
    --indigo-800: #202124 !important;
    --indigo-800_text: #4e61e6 !important;
    --indigo-900: #151519 !important;
    --indigo-900_text: #2d3ee9 !important;
    --blue-50: #374956 !important;
    --blue-50_text: #f0f8fe !important;
    --blue-100: #293742 !important;
    --blue-100_text: #dbeefe !important;
    --blue-200: #1e2830 !important;
    --blue-200_text: #c2e3fd !important;
    --blue-300: #141b21 !important;
    --blue-300_text: #a8d7fc !important;
    --blue-400: #0f1418 !important;
    --blue-400_text: #92cdfc !important;
    --blue-500: #0a0e11 !important;
    --blue-500_text: #7cc3fb !important;
    --blue-600: #090b0d !important;
    --blue-600_text: #74baf7 !important;
    --blue-700: #2d363f !important;
    --blue-700_text: #64adf6 !important;
    --blue-800: #252c34 !important;
    --blue-800_text: #54a0f6 !important;
    --blue-900: #181c24 !important;
    --blue-900_text: #3380f7 !important;
    --lightBlue-50: #334e5a !important;
    --lightBlue-50_text: #f0faff !important;
    --lightBlue-100: #263841 !important;
    --lightBlue-100_text: #d7f2fe !important;
    --lightBlue-200: #1a262c !important;
    --lightBlue-200_text: #bae8fe !important;
    --lightBlue-300: #11181c !important;
    --lightBlue-300_text: #9bdefd !important;
    --lightBlue-400: #0b1113 !important;
    --lightBlue-400_text: #82d6fc !important;
    --lightBlue-500: #29434e !important;
    --lightBlue-500_text: #65cefe !important;
    --lightBlue-600: #253a45 !important;
    --lightBlue-600_text: #5ac8fe !important;
    --lightBlue-700: #1e3039 !important;
    --lightBlue-700_text: #4abffe !important;
    --lightBlue-800: #19272f !important;
    --lightBlue-800_text: #3ab5fe !important;
    --lightBlue-900: #101920 !important;
    --lightBlue-900_text: #1c9afe !important;
    --cyan-50: #3c4b4d !important;
    --cyan-50_text: #eefcfe !important;
    --cyan-100: #2a3435 !important;
    --cyan-100_text: #d4f7fb !important;
    --cyan-200: #1b2122 !important;
    --cyan-200_text: #b5f1f9 !important;
    --cyan-300: #101314 !important;
    --cyan-300_text: #93eaf6 !important;
    --cyan-400: #090c0c !important;
    --cyan-400_text: #76e5f3 !important;
    --cyan-500: #1d373b !important;
    --cyan-500_text: #4aeaff !important;
    --cyan-600: #182e31 !important;
    --cyan-600_text: #3beaff !important;
    --cyan-700: #122324 !important;
    --cyan-700_text: #25eaff !important;
    --cyan-800: #0d1a1b !important;
    --cyan-800_text: #0febff !important;
    --cyan-900: #070d0d !important;
    --cyan-900_text: #00d9e2 !important;
    --orange-50: #5e4c2f !important;
    --orange-50_text: #fff9ef !important;
    --orange-100: #453723 !important;
    --orange-100_text: #ffefd7 !important;
    --orange-200: #302618 !important;
    --orange-200_text: #ffe4bb !important;
    --orange-300: #1f1910 !important;
    --orange-300_text: #ffd79c !important;
    --orange-400: #15110b !important;
    --orange-400_text: #ffcd84 !important;
    --orange-500: #0e0b07 !important;
    --orange-500_text: #ffc36a !important;
    --orange-600: #524029 !important;
    --orange-600_text: #ffbc67 !important;
    --orange-700: #4e3b27 !important;
    --orange-700_text: #ffb262 !important;
    --orange-800: #4b3625 !important;
    --orange-800_text: #ffa75e !important;
    --orange-900: #452f23 !important;
    --orange-900_text: #ff9257 !important;
    --deepOrange-50: #50413f !important;
    --deepOrange-50_text: #fef3f2 !important;
    --deepOrange-100: #4a2e25 !important;
    --deepOrange-100_text: #ffe5dc !important;
    --deepOrange-200: #37221b !important;
    --deepOrange-200_text: #ffd2c5 !important;
    --deepOrange-300: #271813 !important;
    --deepOrange-300_text: #ffbfab !important;
    --deepOrange-400: #1d120e !important;
    --deepOrange-400_text: #ffaf96 !important;
    --deepOrange-500: #150d0a !important;
    --deepOrange-500_text: #ff9f81 !important;
    --deepOrange-600: #100b0a !important;
    --deepOrange-600_text: #fc997a !important;
    --deepOrange-700: #0c0a09 !important;
    --deepOrange-700_text: #f79171 !important;
    --deepOrange-800: #41322d !important;
    --deepOrange-800_text: #f78764 !important;
    --deepOrange-900: #32241f !important;
    --deepOrange-900_text: #f97248 !important;
    --teal-50: #3f4242 !important;
    --teal-50_text: #edfbfa !important;
    --teal-100: #282a2a !important;
    --teal-100_text: #d0f5f1 !important;
    --teal-200: #171818 !important;
    --teal-200_text: #adeee8 !important;
    --teal-300: #0b0b0b !important;
    --teal-300_text: #86e5dc !important;
    --teal-400: #252c2c !important;
    --teal-400_text: #57ecde !important;
    --teal-500: #0f1d1c !important;
    --teal-500_text: #16ffe9 !important;
    --teal-600: #0c1917 !important;
    --teal-600_text: #09ffe6 !important;
    --teal-700: #0a1312 !important;
    --teal-700_text: #00f8dc !important;
    --teal-800: #070e0e !important;
    --teal-800_text: #00e7cb !important;
    --teal-900: #040807 !important;
    --teal-900_text: #00c6a5 !important;
    --green-50: #444744 !important;
    --green-50_text: #f1fcf2 !important;
    --green-100: #323432 !important;
    --green-100_text: #ddf7de !important;
    --green-200: #222322 !important;
    --green-200_text: #c6f1c8 !important;
    --green-300: #161716 !important;
    --green-300_text: #adecb0 !important;
    --green-400: #0f100f !important;
    --green-400_text: #99e79d !important;
    --green-500: #3d3f3d !important;
    --green-500_text: #83e387 !important;
    --green-600: #313431 !important;
    --green-600_text: #74e078 !important;
    --green-700: #252725 !important;
    --green-700_text: #60de65 !important;
    --green-800: #1c1e1c !important;
    --green-800_text: #4bdd52 !important;
    --green-900: #0e0f0e !important;
    --green-900_text: #20d92e !important;
    --lightGreen-50: #484b44 !important;
    --lightGreen-50_text: #f8fdf2 !important;
    --lightGreen-100: #363833 !important;
    --lightGreen-100_text: #edfadf !important;
    --lightGreen-200: #262824 !important;
    --lightGreen-200_text: #e0f6c8 !important;
    --lightGreen-300: #1a1b19 !important;
    --lightGreen-300_text: #d3f1b0 !important;
    --lightGreen-400: #121311 !important;
    --lightGreen-400_text: #c8ee9c !important;
    --lightGreen-500: #0d0d0c !important;
    --lightGreen-500_text: #bdeb88 !important;
    --lightGreen-600: #3b3d39 !important;
    --lightGreen-600_text: #b2e67c !important;
    --lightGreen-700: #2d2f2c !important;
    --lightGreen-700_text: #a1e368 !important;
    --lightGreen-800: #222321 !important;
    --lightGreen-800_text: #8ee153 !important;
    --lightGreen-900: #111311 !important;
    --lightGreen-900_text: #5bdf27 !important;
    --lime-50: #4f503f !important;
    --lime-50_text: #fdfef2 !important;
    --lime-100: #3b3c30 !important;
    --lime-100_text: #f9fcdd !important;
    --lime-200: #2b2c23 !important;
    --lime-200_text: #f5fac6 !important;
    --lime-300: #1e1e18 !important;
    --lime-300_text: #f1f8ad !important;
    --lime-400: #151611 !important;
    --lime-400_text: #edf699 !important;
    --lime-500: #0f0f0c !important;
    --lime-500_text: #eaf484 !important;
    --lime-600: #43433a !important;
    --lime-600_text: #e6ee79 !important;
    --lime-700: #34352d !important;
    --lime-700_text: #e7ec65 !important;
    --lime-800: #282822 !important;
    --lime-800_text: #ebea50 !important;
    --lime-900: #1a1914 !important;
    --lime-900_text: #ecd82b !important;
    --yellow-50: #625e31 !important;
    --yellow-50_text: #fffef3 !important;
    --yellow-100: #4e4a27 !important;
    --yellow-100_text: #fffce1 !important;
    --yellow-200: #3c391e !important;
    --yellow-200_text: #fffacb !important;
    --yellow-300: #2c2a16 !important;
    --yellow-300_text: #fff7b5 !important;
    --yellow-400: #222111 !important;
    --yellow-400_text: #fff6a3 !important;
    --yellow-500: #1a190d !important;
    --yellow-500_text: #fff491 !important;
    --yellow-600: #18160d !important;
    --yellow-600_text: #fee98d !important;
    --yellow-700: #16130c !important;
    --yellow-700_text: #fedc87 !important;
    --yellow-800: #13100b !important;
    --yellow-800_text: #fdce81 !important;
    --yellow-900: #100c09 !important;
    --yellow-900_text: #fcb576 !important;
    --amber-50: #5e532f !important;
    --amber-50_text: #fffbf0 !important;
    --amber-100: #463d23 !important;
    --amber-100_text: #fff5d7 !important;
    --amber-200: #312b18 !important;
    --amber-200_text: #ffeebc !important;
    --amber-300: #201c10 !important;
    --amber-300_text: #ffe89e !important;
    --amber-400: #16130b !important;
    --amber-400_text: #ffe185 !important;
    --amber-500: #0f0d08 !important;
    --amber-500_text: #ffdb6f !important;
    --amber-600: #0e0c07 !important;
    --amber-600_text: #ffd26a !important;
    --amber-700: #0e0c07 !important;
    --amber-700_text: #ffc76a !important;
    --amber-800: #0e0b07 !important;
    --amber-800_text: #ffbd6a !important;
    --amber-900: #0e0a07 !important;
    --amber-900_text: #ffab6a !important;
    --gray-50: #505050 !important;
    --gray-50_text: #fcfcfc !important;
    --gray-100: #4b4b4b !important;
    --gray-100_text: #fafafa !important;
    --gray-200: #454545 !important;
    --gray-200_text: #f6f6f6 !important;
    --gray-300: #3a3a3a !important;
    --gray-300_text: #efefef !important;
    --gray-400: #232323 !important;
    --gray-400_text: #dcdcdc !important;
    --gray-500: #141414 !important;
    --gray-500_text: #c9c9c9 !important;
    --gray-600: #363636 !important;
    --gray-600_text: #adadad !important;
    --gray-700: #252525 !important;
    --gray-700_text: #9d9d9d !important;
    --gray-800: #111111 !important;
    --gray-800_text: #828282 !important;
    --gray-900: #040404 !important;
    --gray-900_text: #5c5c5c !important;
    --brown-50: #434343 !important;
    --brown-50_text: #f9f4f1 !important;
    --brown-100: #2e2e2e !important;
    --brown-100_text: #f0e1dc !important;
    --brown-200: #1c1c1c !important;
    --brown-200_text: #e5cbc3 !important;
    --brown-300: #0f0f0f !important;
    --brown-300_text: #d8b4a7 !important;
    --brown-400: #393838 !important;
    --brown-400_text: #d09f8d !important;
    --brown-500: #252424 !important;
    --brown-500_text: #ce866b !important;
    --brown-600: #1e1e1e !important;
    --brown-600_text: #ca7a60 !important;
    --brown-700: #161515 !important;
    --brown-700_text: #c56a4e !important;
    --brown-800: #0f0f0f !important;
    --brown-800_text: #be563e !important;
    --brown-900: #090909 !important;
    --brown-900_text: #aa4635 !important;
    --blueGray-50: #454646 !important;
    --blueGray-50_text: #f3f7fa !important;
    --blueGray-100: #323232 !important;
    --blueGray-100_text: #e1edf2 !important;
    --blueGray-200: #212121 !important;
    --blueGray-200_text: #ccdfe9 !important;
    --blueGray-300: #151515 !important;
    --blueGray-300_text: #b4d0df !important;
    --blueGray-400: #0d0d0d !important;
    --blueGray-400_text: #a1c4d6 !important;
    --blueGray-500: #363636 !important;
    --blueGray-500_text: #8ab9d0 !important;
    --blueGray-600: #2a2a2a !important;
    --blueGray-600_text: #7ab1ca !important;
    --blueGray-700: #1c1c1c !important;
    --blueGray-700_text: #64a3c1 !important;
    --blueGray-800: #121212 !important;
    --blueGray-800_text: #4e94b7 !important;
    --blueGray-900: #090909 !important;
    --blueGray-900_text: #3e7d9d !important;
    --black-50: #505050 !important;
    --black-50_text: #fcfcfc !important;
    --black-100: #343434 !important;
    --black-100_text: #ebebeb !important;
    --black-200: #171717 !important;
    --black-200_text: #cecece !important;
    --black-300: #343434 !important;
    --black-300_text: #ababab !important;
    --black-400: #101010 !important;
    --black-400_text: #808080 !important;
    --black-500: #060606 !important;
    --black-500_text: #626262 !important;
    --black-600: #030303 !important;
    --black-600_text: #515151 !important;
    --black-700: #020202 !important;
    --black-700_text: #474747 !important;
    --black-800: #010101 !important;
    --black-800_text: #3e3e3e !important;
    --black-900: #000000 !important;
    --black-900_text: #000000 !important;


}

:root[data-bs-theme='dark'] {
    --bs-bg-primary: rgb(13, 110, 253);
    --bs-primary: rgb(13, 110, 253);
    --bs-primary-rgb: 13, 110, 253;
    --bs-text-primary: rgb(13, 110, 253);
    --bs-bg-secondary: rgb(108, 117, 125);
    --bs-secondary: rgb(108, 117, 125);
    --bs-secondary-rgb: 108, 117, 125;
    --bs-text-secondary: rgb(108, 117, 125);
    --bs-bg-success: rgb(25, 135, 84);
    --bs-success: rgb(25, 135, 84);
    --bs-success-rgb: 25, 135, 84;
    --bs-text-success: rgb(25, 135, 84);
    --bs-bg-danger: rgb(220, 53, 69);
    --bs-danger: rgb(220, 53, 69);
    --bs-danger-rgb: 220, 53, 69;
    --bs-text-danger: rgb(220, 53, 69);
    --bs-bg-warning: rgb(189, 142, 3);
    --bs-warning: rgb(189, 142, 3);
    --bs-warning-rgb: 189, 142, 3;
    --bs-text-warning: rgb(189, 142, 3);
    --bs-bg-info: rgb(13, 202, 240);
    --bs-info: rgb(13, 202, 240);
    --bs-info-rgb: 13, 202, 240;
    --bs-text-info: rgb(13, 202, 240);
    --bs-bg-light: rgb(255, 255, 255);
    --bs-light: rgb(255, 255, 255);
    --bs-light-rgb: 255, 255, 255;
    --bs-text-light: rgb(255, 255, 255);
    --bs-bg-dark: rgb(33, 37, 41);
    --bs-dark: rgb(33, 37, 41);
    --bs-dark-rgb: 33, 37, 41;
    --bs-text-dark: rgb(33, 37, 41);
}

.red-50 {
    color: var(--red-50_text) !important;
}

.bg-red-50 {
    background-color: var(--red-50) !important;
}

.red-100 {
    color: var(--red-100_text) !important;
}

.bg-red-100 {
    background-color: var(--red-100) !important;
}

.red-200 {
    color: var(--red-200_text) !important;
}

.bg-red-200 {
    background-color: var(--red-200) !important;
}

.red-300 {
    color: var(--red-300_text) !important;
}

.bg-red-300 {
    background-color: var(--red-300) !important;
}

.red-400 {
    color: var(--red-400_text) !important;
}

.bg-red-400 {
    background-color: var(--red-400) !important;
}

.red-500 {
    color: var(--red-500_text) !important;
}

.bg-red-500 {
    background-color: var(--red-500) !important;
}

.red-600 {
    color: var(--red-600_text) !important;
}

.bg-red-600 {
    background-color: var(--red-600) !important;
}

.red-700 {
    color: var(--red-700_text) !important;
}

.bg-red-700 {
    background-color: var(--red-700) !important;
}

.red-800 {
    color: var(--red-800_text) !important;
}

.bg-red-800 {
    background-color: var(--red-800) !important;
}

.red-900 {
    color: var(--red-900_text) !important;
}

.bg-red-900 {
    background-color: var(--red-900) !important;
}

.pink-50 {
    color: var(--pink-50_text) !important;
}

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

.pink-100 {
    color: var(--pink-100_text) !important;
}

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

.pink-200 {
    color: var(--pink-200_text) !important;
}

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

.pink-300 {
    color: var(--pink-300_text) !important;
}

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

.pink-400 {
    color: var(--pink-400_text) !important;
}

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

.pink-500 {
    color: var(--pink-500_text) !important;
}

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

.pink-600 {
    color: var(--pink-600_text) !important;
}

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

.pink-700 {
    color: var(--pink-700_text) !important;
}

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

.pink-800 {
    color: var(--pink-800_text) !important;
}

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

.pink-900 {
    color: var(--pink-900_text) !important;
}

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

.purple-50 {
    color: var(--purple-50_text) !important;
}

.bg-purple-50 {
    background-color: var(--purple-50) !important;
}

.purple-100 {
    color: var(--purple-100_text) !important;
}

.bg-purple-100 {
    background-color: var(--purple-100) !important;
}

.purple-200 {
    color: var(--purple-200_text) !important;
}

.bg-purple-200 {
    background-color: var(--purple-200) !important;
}

.purple-300 {
    color: var(--purple-300_text) !important;
}

.bg-purple-300 {
    background-color: var(--purple-300) !important;
}

.purple-400 {
    color: var(--purple-400_text) !important;
}

.bg-purple-400 {
    background-color: var(--purple-400) !important;
}

.purple-500 {
    color: var(--purple-500_text) !important;
}

.bg-purple-500 {
    background-color: var(--purple-500) !important;
}

.purple-600 {
    color: var(--purple-600_text) !important;
}

.bg-purple-600 {
    background-color: var(--purple-600) !important;
}

.purple-700 {
    color: var(--purple-700_text) !important;
}

.bg-purple-700 {
    background-color: var(--purple-700) !important;
}

.purple-800 {
    color: var(--purple-800_text) !important;
}

.bg-purple-800 {
    background-color: var(--purple-800) !important;
}

.purple-900 {
    color: var(--purple-900_text) !important;
}

.bg-purple-900 {
    background-color: var(--purple-900) !important;
}

.deepPurple-50 {
    color: var(--deepPurple-50_text) !important;
}

.bg-deepPurple-50 {
    background-color: var(--deepPurple-50) !important;
}

.deepPurple-100 {
    color: var(--deepPurple-100_text) !important;
}

.bg-deepPurple-100 {
    background-color: var(--deepPurple-100) !important;
}

.deepPurple-200 {
    color: var(--deepPurple-200_text) !important;
}

.bg-deepPurple-200 {
    background-color: var(--deepPurple-200) !important;
}

.deepPurple-300 {
    color: var(--deepPurple-300_text) !important;
}

.bg-deepPurple-300 {
    background-color: var(--deepPurple-300) !important;
}

.deepPurple-400 {
    color: var(--deepPurple-400_text) !important;
}

.bg-deepPurple-400 {
    background-color: var(--deepPurple-400) !important;
}

.deepPurple-500 {
    color: var(--deepPurple-500_text) !important;
}

.bg-deepPurple-500 {
    background-color: var(--deepPurple-500) !important;
}

.deepPurple-600 {
    color: var(--deepPurple-600_text) !important;
}

.bg-deepPurple-600 {
    background-color: var(--deepPurple-600) !important;
}

.deepPurple-700 {
    color: var(--deepPurple-700_text) !important;
}

.bg-deepPurple-700 {
    background-color: var(--deepPurple-700) !important;
}

.deepPurple-800 {
    color: var(--deepPurple-800_text) !important;
}

.bg-deepPurple-800 {
    background-color: var(--deepPurple-800) !important;
}

.deepPurple-900 {
    color: var(--deepPurple-900_text) !important;
}

.bg-deepPurple-900 {
    background-color: var(--deepPurple-900) !important;
}

.indigo-50 {
    color: var(--indigo-50_text) !important;
}

.bg-indigo-50 {
    background-color: var(--indigo-50) !important;
}

.indigo-100 {
    color: var(--indigo-100_text) !important;
}

.bg-indigo-100 {
    background-color: var(--indigo-100) !important;
}

.indigo-200 {
    color: var(--indigo-200_text) !important;
}

.bg-indigo-200 {
    background-color: var(--indigo-200) !important;
}

.indigo-300 {
    color: var(--indigo-300_text) !important;
}

.bg-indigo-300 {
    background-color: var(--indigo-300) !important;
}

.indigo-400 {
    color: var(--indigo-400_text) !important;
}

.bg-indigo-400 {
    background-color: var(--indigo-400) !important;
}

.indigo-500 {
    color: var(--indigo-500_text) !important;
}

.bg-indigo-500 {
    background-color: var(--indigo-500) !important;
}

.indigo-600 {
    color: var(--indigo-600_text) !important;
}

.bg-indigo-600 {
    background-color: var(--indigo-600) !important;
}

.indigo-700 {
    color: var(--indigo-700_text) !important;
}

.bg-indigo-700 {
    background-color: var(--indigo-700) !important;
}

.indigo-800 {
    color: var(--indigo-800_text) !important;
}

.bg-indigo-800 {
    background-color: var(--indigo-800) !important;
}

.indigo-900 {
    color: var(--indigo-900_text) !important;
}

.bg-indigo-900 {
    background-color: var(--indigo-900) !important;
}

.blue-50 {
    color: var(--blue-50_text) !important;
}

.bg-blue-50 {
    background-color: var(--blue-50) !important;
}

.blue-100 {
    color: var(--blue-100_text) !important;
}

.bg-blue-100 {
    background-color: var(--blue-100) !important;
}

.blue-200 {
    color: var(--blue-200_text) !important;
}

.bg-blue-200 {
    background-color: var(--blue-200) !important;
}

.blue-300 {
    color: var(--blue-300_text) !important;
}

.bg-blue-300 {
    background-color: var(--blue-300) !important;
}

.blue-400 {
    color: var(--blue-400_text) !important;
}

.bg-blue-400 {
    background-color: var(--blue-400) !important;
}

.blue-500 {
    color: var(--blue-500_text) !important;
}

.bg-blue-500 {
    background-color: var(--blue-500) !important;
}

.blue-600 {
    color: var(--blue-600_text) !important;
}

.bg-blue-600 {
    background-color: var(--blue-600) !important;
}

.blue-700 {
    color: var(--blue-700_text) !important;
}

.bg-blue-700 {
    background-color: var(--blue-700) !important;
}

.blue-800 {
    color: var(--blue-800_text) !important;
}

.bg-blue-800 {
    background-color: var(--blue-800) !important;
}

.blue-900 {
    color: var(--blue-900_text) !important;
}

.bg-blue-900 {
    background-color: var(--blue-900) !important;
}

.lightBlue-50 {
    color: var(--lightBlue-50_text) !important;
}

.bg-lightBlue-50 {
    background-color: var(--lightBlue-50) !important;
}

.lightBlue-100 {
    color: var(--lightBlue-100_text) !important;
}

.bg-lightBlue-100 {
    background-color: var(--lightBlue-100) !important;
}

.lightBlue-200 {
    color: var(--lightBlue-200_text) !important;
}

.bg-lightBlue-200 {
    background-color: var(--lightBlue-200) !important;
}

.lightBlue-300 {
    color: var(--lightBlue-300_text) !important;
}

.bg-lightBlue-300 {
    background-color: var(--lightBlue-300) !important;
}

.lightBlue-400 {
    color: var(--lightBlue-400_text) !important;
}

.bg-lightBlue-400 {
    background-color: var(--lightBlue-400) !important;
}

.lightBlue-500 {
    color: var(--lightBlue-500_text) !important;
}

.bg-lightBlue-500 {
    background-color: var(--lightBlue-500) !important;
}

.lightBlue-600 {
    color: var(--lightBlue-600_text) !important;
}

.bg-lightBlue-600 {
    background-color: var(--lightBlue-600) !important;
}

.lightBlue-700 {
    color: var(--lightBlue-700_text) !important;
}

.bg-lightBlue-700 {
    background-color: var(--lightBlue-700) !important;
}

.lightBlue-800 {
    color: var(--lightBlue-800_text) !important;
}

.bg-lightBlue-800 {
    background-color: var(--lightBlue-800) !important;
}

.lightBlue-900 {
    color: var(--lightBlue-900_text) !important;
}

.bg-lightBlue-900 {
    background-color: var(--lightBlue-900) !important;
}

.cyan-50 {
    color: var(--cyan-50_text) !important;
}

.bg-cyan-50 {
    background-color: var(--cyan-50) !important;
}

.cyan-100 {
    color: var(--cyan-100_text) !important;
}

.bg-cyan-100 {
    background-color: var(--cyan-100) !important;
}

.cyan-200 {
    color: var(--cyan-200_text) !important;
}

.bg-cyan-200 {
    background-color: var(--cyan-200) !important;
}

.cyan-300 {
    color: var(--cyan-300_text) !important;
}

.bg-cyan-300 {
    background-color: var(--cyan-300) !important;
}

.cyan-400 {
    color: var(--cyan-400_text) !important;
}

.bg-cyan-400 {
    background-color: var(--cyan-400) !important;
}

.cyan-500 {
    color: var(--cyan-500_text) !important;
}

.bg-cyan-500 {
    background-color: var(--cyan-500) !important;
}

.cyan-600 {
    color: var(--cyan-600_text) !important;
}

.bg-cyan-600 {
    background-color: var(--cyan-600) !important;
}

.cyan-700 {
    color: var(--cyan-700_text) !important;
}

.bg-cyan-700 {
    background-color: var(--cyan-700) !important;
}

.cyan-800 {
    color: var(--cyan-800_text) !important;
}

.bg-cyan-800 {
    background-color: var(--cyan-800) !important;
}

.cyan-900 {
    color: var(--cyan-900_text) !important;
}

.bg-cyan-900 {
    background-color: var(--cyan-900) !important;
}

.orange-50 {
    color: var(--orange-50_text) !important;
}

.bg-orange-50 {
    background-color: var(--orange-50) !important;
}

.orange-100 {
    color: var(--orange-100_text) !important;
}

.bg-orange-100 {
    background-color: var(--orange-100) !important;
}

.orange-200 {
    color: var(--orange-200_text) !important;
}

.bg-orange-200 {
    background-color: var(--orange-200) !important;
}

.orange-300 {
    color: var(--orange-300_text) !important;
}

.bg-orange-300 {
    background-color: var(--orange-300) !important;
}

.orange-400 {
    color: var(--orange-400_text) !important;
}

.bg-orange-400 {
    background-color: var(--orange-400) !important;
}

.orange-500 {
    color: var(--orange-500_text) !important;
}

.bg-orange-500 {
    background-color: var(--orange-500) !important;
}

.orange-600 {
    color: var(--orange-600_text) !important;
}

.bg-orange-600 {
    background-color: var(--orange-600) !important;
}

.orange-700 {
    color: var(--orange-700_text) !important;
}

.bg-orange-700 {
    background-color: var(--orange-700) !important;
}

.orange-800 {
    color: var(--orange-800_text) !important;
}

.bg-orange-800 {
    background-color: var(--orange-800) !important;
}

.orange-900 {
    color: var(--orange-900_text) !important;
}

.bg-orange-900 {
    background-color: var(--orange-900) !important;
}

.deepOrange-50 {
    color: var(--deepOrange-50_text) !important;
}

.bg-deepOrange-50 {
    background-color: var(--deepOrange-50) !important;
}

.deepOrange-100 {
    color: var(--deepOrange-100_text) !important;
}

.bg-deepOrange-100 {
    background-color: var(--deepOrange-100) !important;
}

.deepOrange-200 {
    color: var(--deepOrange-200_text) !important;
}

.bg-deepOrange-200 {
    background-color: var(--deepOrange-200) !important;
}

.deepOrange-300 {
    color: var(--deepOrange-300_text) !important;
}

.bg-deepOrange-300 {
    background-color: var(--deepOrange-300) !important;
}

.deepOrange-400 {
    color: var(--deepOrange-400_text) !important;
}

.bg-deepOrange-400 {
    background-color: var(--deepOrange-400) !important;
}

.deepOrange-500 {
    color: var(--deepOrange-500_text) !important;
}

.bg-deepOrange-500 {
    background-color: var(--deepOrange-500) !important;
}

.deepOrange-600 {
    color: var(--deepOrange-600_text) !important;
}

.bg-deepOrange-600 {
    background-color: var(--deepOrange-600) !important;
}

.deepOrange-700 {
    color: var(--deepOrange-700_text) !important;
}

.bg-deepOrange-700 {
    background-color: var(--deepOrange-700) !important;
}

.deepOrange-800 {
    color: var(--deepOrange-800_text) !important;
}

.bg-deepOrange-800 {
    background-color: var(--deepOrange-800) !important;
}

.deepOrange-900 {
    color: var(--deepOrange-900_text) !important;
}

.bg-deepOrange-900 {
    background-color: var(--deepOrange-900) !important;
}

.teal-50 {
    color: var(--teal-50_text) !important;
}

.bg-teal-50 {
    background-color: var(--teal-50) !important;
}

.teal-100 {
    color: var(--teal-100_text) !important;
}

.bg-teal-100 {
    background-color: var(--teal-100) !important;
}

.teal-200 {
    color: var(--teal-200_text) !important;
}

.bg-teal-200 {
    background-color: var(--teal-200) !important;
}

.teal-300 {
    color: var(--teal-300_text) !important;
}

.bg-teal-300 {
    background-color: var(--teal-300) !important;
}

.teal-400 {
    color: var(--teal-400_text) !important;
}

.bg-teal-400 {
    background-color: var(--teal-400) !important;
}

.teal-500 {
    color: var(--teal-500_text) !important;
}

.bg-teal-500 {
    background-color: var(--teal-500) !important;
}

.teal-600 {
    color: var(--teal-600_text) !important;
}

.bg-teal-600 {
    background-color: var(--teal-600) !important;
}

.teal-700 {
    color: var(--teal-700_text) !important;
}

.bg-teal-700 {
    background-color: var(--teal-700) !important;
}

.teal-800 {
    color: var(--teal-800_text) !important;
}

.bg-teal-800 {
    background-color: var(--teal-800) !important;
}

.teal-900 {
    color: var(--teal-900_text) !important;
}

.bg-teal-900 {
    background-color: var(--teal-900) !important;
}

.green-50 {
    color: var(--green-50_text) !important;
}

.bg-green-50 {
    background-color: var(--green-50) !important;
}

.green-100 {
    color: var(--green-100_text) !important;
}

.bg-green-100 {
    background-color: var(--green-100) !important;
}

.green-200 {
    color: var(--green-200_text) !important;
}

.bg-green-200 {
    background-color: var(--green-200) !important;
}

.green-300 {
    color: var(--green-300_text) !important;
}

.bg-green-300 {
    background-color: var(--green-300) !important;
}

.green-400 {
    color: var(--green-400_text) !important;
}

.bg-green-400 {
    background-color: var(--green-400) !important;
}

.green-500 {
    color: var(--green-500_text) !important;
}

.bg-green-500 {
    background-color: var(--green-500) !important;
}

.green-600 {
    color: var(--green-600_text) !important;
}

.bg-green-600 {
    background-color: var(--green-600) !important;
}

.green-700 {
    color: var(--green-700_text) !important;
}

.bg-green-700 {
    background-color: var(--green-700) !important;
}

.green-800 {
    color: var(--green-800_text) !important;
}

.bg-green-800 {
    background-color: var(--green-800) !important;
}

.green-900 {
    color: var(--green-900_text) !important;
}

.bg-green-900 {
    background-color: var(--green-900) !important;
}

.lightGreen-50 {
    color: var(--lightGreen-50_text) !important;
}

.bg-lightGreen-50 {
    background-color: var(--lightGreen-50) !important;
}

.lightGreen-100 {
    color: var(--lightGreen-100_text) !important;
}

.bg-lightGreen-100 {
    background-color: var(--lightGreen-100) !important;
}

.lightGreen-200 {
    color: var(--lightGreen-200_text) !important;
}

.bg-lightGreen-200 {
    background-color: var(--lightGreen-200) !important;
}

.lightGreen-300 {
    color: var(--lightGreen-300_text) !important;
}

.bg-lightGreen-300 {
    background-color: var(--lightGreen-300) !important;
}

.lightGreen-400 {
    color: var(--lightGreen-400_text) !important;
}

.bg-lightGreen-400 {
    background-color: var(--lightGreen-400) !important;
}

.lightGreen-500 {
    color: var(--lightGreen-500_text) !important;
}

.bg-lightGreen-500 {
    background-color: var(--lightGreen-500) !important;
}

.lightGreen-600 {
    color: var(--lightGreen-600_text) !important;
}

.bg-lightGreen-600 {
    background-color: var(--lightGreen-600) !important;
}

.lightGreen-700 {
    color: var(--lightGreen-700_text) !important;
}

.bg-lightGreen-700 {
    background-color: var(--lightGreen-700) !important;
}

.lightGreen-800 {
    color: var(--lightGreen-800_text) !important;
}

.bg-lightGreen-800 {
    background-color: var(--lightGreen-800) !important;
}

.lightGreen-900 {
    color: var(--lightGreen-900_text) !important;
}

.bg-lightGreen-900 {
    background-color: var(--lightGreen-900) !important;
}

.lime-50 {
    color: var(--lime-50_text) !important;
}

.bg-lime-50 {
    background-color: var(--lime-50) !important;
}

.lime-100 {
    color: var(--lime-100_text) !important;
}

.bg-lime-100 {
    background-color: var(--lime-100) !important;
}

.lime-200 {
    color: var(--lime-200_text) !important;
}

.bg-lime-200 {
    background-color: var(--lime-200) !important;
}

.lime-300 {
    color: var(--lime-300_text) !important;
}

.bg-lime-300 {
    background-color: var(--lime-300) !important;
}

.lime-400 {
    color: var(--lime-400_text) !important;
}

.bg-lime-400 {
    background-color: var(--lime-400) !important;
}

.lime-500 {
    color: var(--lime-500_text) !important;
}

.bg-lime-500 {
    background-color: var(--lime-500) !important;
}

.lime-600 {
    color: var(--lime-600_text) !important;
}

.bg-lime-600 {
    background-color: var(--lime-600) !important;
}

.lime-700 {
    color: var(--lime-700_text) !important;
}

.bg-lime-700 {
    background-color: var(--lime-700) !important;
}

.lime-800 {
    color: var(--lime-800_text) !important;
}

.bg-lime-800 {
    background-color: var(--lime-800) !important;
}

.lime-900 {
    color: var(--lime-900_text) !important;
}

.bg-lime-900 {
    background-color: var(--lime-900) !important;
}

.yellow-50 {
    color: var(--yellow-50_text) !important;
}

.bg-yellow-50 {
    background-color: var(--yellow-50) !important;
}

.yellow-100 {
    color: var(--yellow-100_text) !important;
}

.bg-yellow-100 {
    background-color: var(--yellow-100) !important;
}

.yellow-200 {
    color: var(--yellow-200_text) !important;
}

.bg-yellow-200 {
    background-color: var(--yellow-200) !important;
}

.yellow-300 {
    color: var(--yellow-300_text) !important;
}

.bg-yellow-300 {
    background-color: var(--yellow-300) !important;
}

.yellow-400 {
    color: var(--yellow-400_text) !important;
}

.bg-yellow-400 {
    background-color: var(--yellow-400) !important;
}

.yellow-500 {
    color: var(--yellow-500_text) !important;
}

.bg-yellow-500 {
    background-color: var(--yellow-500) !important;
}

.yellow-600 {
    color: var(--yellow-600_text) !important;
}

.bg-yellow-600 {
    background-color: var(--yellow-600) !important;
}

.yellow-700 {
    color: var(--yellow-700_text) !important;
}

.bg-yellow-700 {
    background-color: var(--yellow-700) !important;
}

.yellow-800 {
    color: var(--yellow-800_text) !important;
}

.bg-yellow-800 {
    background-color: var(--yellow-800) !important;
}

.yellow-900 {
    color: var(--yellow-900_text) !important;
}

.bg-yellow-900 {
    background-color: var(--yellow-900) !important;
}

.amber-50 {
    color: var(--amber-50_text) !important;
}

.bg-amber-50 {
    background-color: var(--amber-50) !important;
}

.amber-100 {
    color: var(--amber-100_text) !important;
}

.bg-amber-100 {
    background-color: var(--amber-100) !important;
}

.amber-200 {
    color: var(--amber-200_text) !important;
}

.bg-amber-200 {
    background-color: var(--amber-200) !important;
}

.amber-300 {
    color: var(--amber-300_text) !important;
}

.bg-amber-300 {
    background-color: var(--amber-300) !important;
}

.amber-400 {
    color: var(--amber-400_text) !important;
}

.bg-amber-400 {
    background-color: var(--amber-400) !important;
}

.amber-500 {
    color: var(--amber-500_text) !important;
}

.bg-amber-500 {
    background-color: var(--amber-500) !important;
}

.amber-600 {
    color: var(--amber-600_text) !important;
}

.bg-amber-600 {
    background-color: var(--amber-600) !important;
}

.amber-700 {
    color: var(--amber-700_text) !important;
}

.bg-amber-700 {
    background-color: var(--amber-700) !important;
}

.amber-800 {
    color: var(--amber-800_text) !important;
}

.bg-amber-800 {
    background-color: var(--amber-800) !important;
}

.amber-900 {
    color: var(--amber-900_text) !important;
}

.bg-amber-900 {
    background-color: var(--amber-900) !important;
}

.gray-50 {
    color: var(--gray-50_text) !important;
}

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

.gray-100 {
    color: var(--gray-100_text) !important;
}

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

.gray-200 {
    color: var(--gray-200_text) !important;
}

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

.gray-300 {
    color: var(--gray-300_text) !important;
}

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

.gray-400 {
    color: var(--gray-400_text) !important;
}

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

.gray-500 {
    color: var(--gray-500_text) !important;
}

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

.gray-600 {
    color: var(--gray-600_text) !important;
}

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

.gray-700 {
    color: var(--gray-700_text) !important;
}

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

.gray-800 {
    color: var(--gray-800_text) !important;
}

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

.gray-900 {
    color: var(--gray-900_text) !important;
}

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

.brown-50 {
    color: var(--brown-50_text) !important;
}

.bg-brown-50 {
    background-color: var(--brown-50) !important;
}

.brown-100 {
    color: var(--brown-100_text) !important;
}

.bg-brown-100 {
    background-color: var(--brown-100) !important;
}

.brown-200 {
    color: var(--brown-200_text) !important;
}

.bg-brown-200 {
    background-color: var(--brown-200) !important;
}

.brown-300 {
    color: var(--brown-300_text) !important;
}

.bg-brown-300 {
    background-color: var(--brown-300) !important;
}

.brown-400 {
    color: var(--brown-400_text) !important;
}

.bg-brown-400 {
    background-color: var(--brown-400) !important;
}

.brown-500 {
    color: var(--brown-500_text) !important;
}

.bg-brown-500 {
    background-color: var(--brown-500) !important;
}

.brown-600 {
    color: var(--brown-600_text) !important;
}

.bg-brown-600 {
    background-color: var(--brown-600) !important;
}

.brown-700 {
    color: var(--brown-700_text) !important;
}

.bg-brown-700 {
    background-color: var(--brown-700) !important;
}

.brown-800 {
    color: var(--brown-800_text) !important;
}

.bg-brown-800 {
    background-color: var(--brown-800) !important;
}

.brown-900 {
    color: var(--brown-900_text) !important;
}

.bg-brown-900 {
    background-color: var(--brown-900) !important;
}

.blueGray-50 {
    color: var(--blueGray-50_text) !important;
}

.bg-blueGray-50 {
    background-color: var(--blueGray-50) !important;
}

.blueGray-100 {
    color: var(--blueGray-100_text) !important;
}

.bg-blueGray-100 {
    background-color: var(--blueGray-100) !important;
}

.blueGray-200 {
    color: var(--blueGray-200_text) !important;
}

.bg-blueGray-200 {
    background-color: var(--blueGray-200) !important;
}

.blueGray-300 {
    color: var(--blueGray-300_text) !important;
}

.bg-blueGray-300 {
    background-color: var(--blueGray-300) !important;
}

.blueGray-400 {
    color: var(--blueGray-400_text) !important;
}

.bg-blueGray-400 {
    background-color: var(--blueGray-400) !important;
}

.blueGray-500 {
    color: var(--blueGray-500_text) !important;
}

.bg-blueGray-500 {
    background-color: var(--blueGray-500) !important;
}

.blueGray-600 {
    color: var(--blueGray-600_text) !important;
}

.bg-blueGray-600 {
    background-color: var(--blueGray-600) !important;
}

.blueGray-700 {
    color: var(--blueGray-700_text) !important;
}

.bg-blueGray-700 {
    background-color: var(--blueGray-700) !important;
}

.blueGray-800 {
    color: var(--blueGray-800_text) !important;
}

.bg-blueGray-800 {
    background-color: var(--blueGray-800) !important;
}

.blueGray-900 {
    color: var(--blueGray-900_text) !important;
}

.bg-blueGray-900 {
    background-color: var(--blueGray-900) !important;
}

.black-50 {
    color: var(--black-50_text) !important;
}

.bg-black-50 {
    background-color: var(--black-50) !important;
}

.black-100 {
    color: var(--black-100_text) !important;
}

.bg-black-100 {
    background-color: var(--black-100) !important;
}

.black-200 {
    color: var(--black-200_text) !important;
}

.bg-black-200 {
    background-color: var(--black-200) !important;
}

.black-300 {
    color: var(--black-300_text) !important;
}

.bg-black-300 {
    background-color: var(--black-300) !important;
}

.black-400 {
    color: var(--black-400_text) !important;
}

.bg-black-400 {
    background-color: var(--black-400) !important;
}

.black-500 {
    color: var(--black-500_text) !important;
}

.bg-black-500 {
    background-color: var(--black-500) !important;
}

.black-600 {
    color: var(--black-600_text) !important;
}

.bg-black-600 {
    background-color: var(--black-600) !important;
}

.black-700 {
    color: var(--black-700_text) !important;
}

.bg-black-700 {
    background-color: var(--black-700) !important;
}

.black-800 {
    color: var(--black-800_text) !important;
}

.bg-black-800 {
    background-color: var(--black-800) !important;
}

.black-900 {
    color: var(--black-900_text) !important;
}

.bg-black-900 {
    background-color: var(--black-900) !important;
}


@media (max-device-width: 800px) {
    .page-content table {
        width: 100% !important;
    }

    .custom_table {
        overflow: scroll;
    }
}

.footer_menu_item {
    color: #454545 !important;
    text-align: center;
    background: #868686;
    line-height: 30px;
    cursor: pointer;
    padding: 8px 14px;
    font-size: 15px !important;
}

.footer_menu_item:hover {
    background: #c0c0c0 !important;
}

.dim-on-hover:hover {
    background-color: #ffffff4f !important;
    color: #ffffff !important;

}

.dim-on-hover-text:hover {
    color: var(--color1_contrast) !important;
}

.dim-on-hover-top-menu:hover {
    background-color: #0000002b !important;
    color: rgb(25, 53, 79) !important;
    transition: 0s;

}

.dim-on-hover-light:hover {
    background-color: #cbcaca2b !important;
    color: rgb(25, 53, 79) !important;
    transition: 0s;

}

/* Container */
.theme-toggle-wrapper {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1000;
}

/* Custom Switch */
.theme-toggle {
    width: 55px;
    height: 24px;
    background-color: #585858;
    /* dark by default */
    border-radius: 50px;
    position: relative;
    padding: 12px !important;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Slider knob */
.theme-toggle::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 25px;
    height: 24px;
    background-color: #ffffff;
    border-radius: 15%;
    transition: transform 0.3s ease;
    opacity: 0.6;
    z-index: 2;
}

/* Icons */
.theme-toggle .fa-moon,
.theme-toggle .fa-sun {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    z-index: 1;
    pointer-events: none;
}

.theme-toggle .fa-moon {
    left: 8px;
    /* color: #ffffff; */
}

.theme-toggle .fa-sun {
    right: 5px;
    /* color: #ffffff; */
}

/* Checked = LIGHT mode (sun), knob moves right */
#theme-toggle:checked + .theme-toggle::before {
    transform: translateX(30px);
}

/* Background for light mode */
#theme-toggle:checked + .theme-toggle {
    background-color: #ccc;
}

/* Hide native checkbox */
#theme-toggle {
    display: none;
}

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

.py-xs-6px{
    padding: 6px;
}

@media (max-width: 576px) {
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .w-xs{
        width: 50% !important;
    }
}