.store_text h4 span{color: var(--or)}
html{scroll-behavior: smooth}
.course_block{position: relative}

.course_block #course_block{position: absolute;top: -80px;}

.used_item{position: relative}
.used_item:before{content: '';padding-top: 100%;display: inline-block}
.used_item img{position: absolute;margin: auto;top:0;left: 0;bottom: 0;right: 0}

body.dark{background: #17212B;color: #fff}
.dark header{background: #17212B}
.dark .input .placeholder{background: #17212B}
.dark .input input,.dark  .input textarea{background: #17212B;color: #fff}
.dark .btn.error{background: #3F2020}
.dark .dropdown_menu > ul li a:hover{color: #fff;}
.dark .notification_box,.dark .user_dd{background:#17212B }
.dark .btn.lblue{background: #324960}
.dark .my_select > ul{background:#17212B }
.dark .popup{background:#17212B;  }
.dark .nobutton button{color: #fff}
.dark .ui-selectmenu-button.ui-button{background: #17212B;color: #fff}
.dark .mobile_nav{background:  #17212B}
.dark .suite_page_bg h3{color: #fff}
.theme{display: flex;align-items: center;margin-right: 20px;cursor:pointer}
.theme span:first-child{display: block;width: 28px;height: 28px;border-radius: 50%;margin-right: 15px}
.theme span:last-child{font-size: 20px;font-weight: 400;}

.theme.white_theme span:first-child{background: #FFF}
.theme.dark_theme span:first-child{background: #17212B}

.theme.white_theme span:last-child{color: #FFF}
.theme.dark_theme span:last-child{color: #17212B}
@media (max-width: 641px) {
    .h_right .theme{display: none}
}

#store_slider + footer{display: none}
@media (max-width: 641px) {
    .theme{margin-right: 0;justify-content: flex-end}
    .theme span:first-child{width: 20px;height: 20px}
    .theme span:last-child{font-size: 18px;font-weight: 400;}
    .popup{padding: 20px;}
    .suite_page_bg{padding-top: 130%}
    .store_block{height: auto!important;}
}

@media (max-width: 375px) {
    .popup_inner{padding: 20px 0;}
}
.ui-selectmenu-menu .ui-menu {max-height: 200px;overflow-y: scroll}
.dark .ui-selectmenu-menu .ui-menu {color: #fff;background:#17212B;border-top: 1px solid #17212B; }
nav .my_select > ul{min-width: calc(100% + 150px);width: auto;right: auto;max-width: 360px}
.forget{display: block;text-align: right;color: var(--blue);text-decoration: underline;}

.my_select > ul > li > a{display: block;width: 100%;height: 100%;}

nav > ul > li{z-index: 1}
nav .my_select > ul{padding-top: 0;margin-top: 70px}









.ui-slider {position: relative;text-align: left}
.ui-slider .ui-slider-handle {position: absolute;z-index: 2;width: 1.2em;height: 1.2em;cursor: pointer;-ms-touch-action: none;touch-action: none}
.ui-slider .ui-slider-range {position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {filter: inherit}
.ui-slider-horizontal {height: .8em}
.ui-slider-horizontal .ui-slider-handle {top: -.3em;margin-left: -.6em}
.ui-slider-horizontal .ui-slider-range {top: 0;height: 100%}
.ui-slider-horizontal .ui-slider-range-min {left: 0}
.ui-slider-horizontal .ui-slider-range-max {right: 0}
.belimp_slider.ui-slider{border-radius: 5px;box-shadow: none;height: 20px;overflow: visible}
.belimp_slider.ui-slider span{height: 30px;top: -5px;padding: 5px 20px;display: flex;align-items: center;justify-content: center;background: #47a2da;color: #fff;border: none}

#store_slider .slick-next,#store_slider .slick-prev{cursor:pointer;position: absolute;top: 50%;transform:translateY(-50%);left: -20px;border: none;background: url("../img/arrow_left.svg") no-repeat 50% 50% / 70% 70%;font-size: 0;width: 120px;height: 120px;}
#store_slider .slick-next{left: auto;right: -20px;background: url("../img/arrow_right.svg") no-repeat 50% 50% / 70% 70%;}
.slick-dots{position: absolute;bottom: 20px;
    display: flex;
    width: 100%;
    justify-content: center;}
.slick-dots button{background: #eee;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;border: none;margin: 0 5px;
    border-radius: 50%;
    font-size: 0;}
.slick-dots .slick-active button{background: #F2832C;}
@media (max-width: 641px) {
    #store_slider .slick-next,#store_slider .slick-prev{cursor:pointer;position: absolute;top: 120px;left: 20px;border: none;background: url("../img/arrow_left.svg") no-repeat 50% 50% / 70% 70%;font-size: 0;width: 40px;height: 40px;background-color: rgba(255,255,255,0.5);border-radius: 50%}
    #store_slider .slick-next{left: auto;right: 20px;background: url("../img/arrow_right.svg") no-repeat 50% 50% / 70% 70%;background-color: rgba(255,255,255,0.5);}

}
#store_slider{overflow-x: hidden}

.lang_box{margin-left: 20px}

.dark nav .my_select2 > ul{background: #17212B;color: #fff}
.dark nav .my_select3 > ul{background: #17212B;color: #fff}

.lg-backdrop{z-index: 111111111}
.lg-outer{z-index: 111111111}
@media (max-width: 641px) {
    header .lang_box{display: none}
    header .user_min:after{display: none}
    .h_right{max-width: 100px}
    header .logo{margin: 0!important;}
    .mobile_toggle{margin-right: 80px}
}





.user_pic { position: relative; border-radius: 50%; overflow: hidden; flex: 0 0 auto; }
.user_pic:before { content: ""; display: block; padding-top: 100%; }
.user_pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.user_min { display: flex; align-items: center; margin-left: 50px; }
.user_min .user_pic { width: 48px; margin-right: 17px; }
.user_info p { font-size: 18px; }
/*.user_info span { color: var(--green); font-size: 14px; }*/
.user_info span { color: var(--gtext1);  }
.user_dropdown .user_info span { color: var(--green); font-size: 14px;  }


.notification_min { z-index: 12; width: 160px; display: flex; align-items: center; font-size: 18px;
    font-weight: normal; position: relative;justify-content: center }
.notification_min_toggle { cursor: pointer; position: relative; display: flex; align-items: center; z-index: 3; }
.notification_min_toggle:before { content: ""; width: 26px; height: 30px; flex: 0 0 auto; margin-right: 11px;
    background: url(../img/notify.svg) no-repeat 50% 50% / contain; }
.notification_min_toggle span { color: var(--or); font-weight: 600; margin-right: 5px; }

.notification_box { background: #FFF; width: 300px; border-radius: 0 0 15px 15px; display: none;
    box-shadow: 0 7px 70px rgba(0, 0, 0, 0.07); position: absolute; top: -40px; left: -70px; padding: 80px 20px 20px; }
.notification_box.active {  display: block; }
.notification_head { display: flex; border-bottom: 1px solid var(--gb1); }
.notification_head a { height: 45px; display: flex; justify-content: center; align-items: center;
    margin-bottom: -1px; border-bottom: 3px solid transparent; font-size: 16px; width: 100%; }
.notification_head a span { margin-left: 8px; }
.notification_head a.active { border-bottom-color: var(--blue);  font-weight: bold; color: var(--blue); }
.notification_head a.active span { color: var(--or); }
.notification_body { max-height: 300px; }
.notification_body_list { max-height: 300px; }
.notification_item { margin: auto; max-width: 360px; width: 100%; padding: 24px 0; font-size: 18px; line-height: 1.6; }
.notification_item + .notification_item { border-top: 1px solid var(--gb1); }
.notification_item.old { color: var(--gtext2); }
.notification_item.adm_notify { display: none; }


.dark .mobile_nav {background: #17212B;}
.dark header nav .my_select2 > ul {background: #17212B;}

.user_dropdown{position: relative;z-index: 12;margin-left: 50px;}
.user_min{cursor: pointer;position: relative;z-index: 3;margin-left: 0px;}
.user_dd {background: #FFF; width: calc(100% + 120px);border-radius: 15px;
    display: none;box-shadow: 0 7px 70px rgba(0, 0, 0, 0.07);position: absolute;top: -40px;left: -20px;margin-top: 120px;text-align: center;padding-bottom: 20px;}
.user_dd .btn{font-size: 14px;padding: 0 20px}
.user_dd.active{display: block}
.user_dd ul{padding-top: 20px}
.user_dd ul li{font-size: 18px;padding: 9px 0;}

header .user_min{display: flex;align-items: center}
header .user_min{cursor: pointer;margin-bottom: 30px;margin-top: 20px}
header .user_min:after { content: ""; flex: 0 0 auto; width: 11px; height: 7px; margin-left: 15px;
    background: url(../img/select_arrow.svg) no-repeat 50% 50% / contain; }
header .user_min.active:after { transform: rotate(180deg); filter: grayscale(1); }


.left { width: 315px; flex: 0 0 auto; border-right: 1px solid var(--gb1); overflow: auto; height: 100%;
    display: none; flex-direction: column; justify-content: flex-start; }
.right { overflow: auto; height: 100%; flex: 1 1 auto; padding: 50px 35px;display: none }

.wallet_min_info { padding: 20px 0 40px 40px; }
.wallet_min_title { display: flex; align-items: center;  font-size: 20px; }
/*.wallet_min_title:before { content: ""; width: 20px; height: 20px; margin-right: 15px;*/
/*    background: url(../img/wallet_icon.svg) no-repeat 50% 50% / contain; }*/
.wallet_min_title:after { content: ""; flex: 0 0 auto; width: 11px; height: 7px; margin-left: 15px;
    background: url(../img/select_arrow.svg) no-repeat 50% 50% / contain; }
.wallet_min_title.active:after { transform: rotate(180deg); filter: grayscale(1); }
.toggler{display: flex;align-items: center}
.toggler{cursor: pointer;margin-bottom: 30px;margin-top: 20px}
.toggler:after { content: ""; flex: 0 0 auto; width: 11px; height: 7px; margin-left: 15px;
    background: url(../img/select_arrow.svg) no-repeat 50% 50% / contain; }
.toggler.active:after { transform: rotate(180deg); filter: grayscale(1); }

.wallet_min_value { font-size: 18px; padding: 25px 0; }
.wallet_min_value span { color: var(--or); font-weight: 600; }


@media (max-width: 641px) {
    header.active .h_right { display: none; }
    .user_min .user_pic{width: 34px}
    .user_dropdown{order: 1;margin-left: 0px!important;}
    .notification_min { width: auto; }
    .notification_min_toggle { font-size: 0;  }
    .notification_min_toggle span { font-size: 16px; font-weight: 600; }
    .notification_min_toggle::before{width: 20px;height: 23px}
    .notification_box{left: auto;right: -74px}
    .h_right .user_min { margin-left: 20px; }
    .h_right .user_min .user_pic { margin-right: 0; }
    .h_right .user_min .user_info { display: none; }

    header .user_min{margin-top: 0;margin-bottom: 0}
    header{height: 65px}

    .left { background: #FFF; position: absolute; z-index: 10; right: -315px; top: 0; transition: .5s; }
    .dark .left{background:  #17212B}
    .left.active { right: 0; display: flex}
    .right:before { position: absolute; content: ""; width: 100%; height: 100%;
        background: rgba(0,0,0,.7); z-index: 5; top: 0; left: 100%; transition: .5s; }
    .left.active ~ .right { display: block}
    .left.active ~ .right:before { left: 0; }
    .left nav{display: block}
    .left nav ul{display: block}
    .wrapper {display: block;position: relative;flex: 1 1 auto;overflow: hidden;height: 100%; }

    .left nav { padding: 20px 0 20px 30px; flex: 0 0 auto}
    .left nav > ul > li { margin-top:40px; margin-left: 0;margin-right: 0}
    .left nav > ul > li:first-child { margin-top:0px; }
    .left nav > ul > li a { font-size: 20px; }
    .left nav > ul li.active a { font-weight: 700; color: var(--blue); }
    .left nav,.wallet_min_info { padding-left: 40px; }
    .left nav ul li { margin-top: 25px; }
    .left nav ul li a { font-size: 18px; }
    .user_dd{display: none}
    .left_exit{padding-left: 40px}
    .store_slider{height: auto}
    .wrapper{display: none}
    .wrapper.active{display: block}
    .user_dd.active{display: none}
}

.btn.exit { border-radius: 20px; height: 30px; display: inline-flex; align-items: center; justify-content: center;
    padding: 0 40px;
    border: none; font-size: 15px; font-weight: 400; }
.wallet_min_info .btn { border-radius: 20px; height: 30px; display: inline-flex; align-items: center; justify-content: center;
    padding: 0 40px;
    border: none; font-size: 15px; font-weight: 400; }
.btn.bold{font-weight: bold;height: 40px;font-size: 20px}
.btn.exit { background: rgba(228, 124, 45, 0.3);; color: #E47C2D; }
.user_dd li a{color: var(--gtext1);font-weight: 300;font-size: 18px}
.user_dd .btn {font-size: 14px; padding: 0 20px;}
.notification_body{overflow: hidden}

@media (max-width: 500px) {
    .notification_box{right: -100px;max-width: 300px}
    .notification_body{padding: 0 10px}
}
.xdsoft_datetimepicker{z-index: 1111111!important;}
/*@media (max-width: 641px) {*/
/*    .about_box{flex-direction: column-reverse}*/
/*    .about_img{width: 100%!important;}*/
/*}*/
@media (max-width: 641px) {
    .store_block .store_text{width:100%!important;order:1;padding-top:15px}
    .store_block{flex-direction:column!important;}
    .store_block .store_img{width:100%!important;position:relative!important;height:200px!important;order:0!important}
}


.faq { padding-top: 40px; }
.faq_box { padding-top: 32px; }
.faq_item { margin-bottom: 32px; }
.faq_item_h { -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
    cursor: pointer; padding: 16px 24px; border: 2px solid #E47C2D; border-radius: 8px;
    display: flex; justify-content: space-between; align-items: center; }
.faq_item_h:after { content: ""; width: 32px; height: 32px; flex: 0 0 auto; margin-left: 16px;
    background: url(../img/plus_icon.svg) no-repeat 50% 50% / contain; transition: transform 1s ease-in-out;  }
.faq_item_h h6 { font-size: 20px; color: var(--blue)}
.faq_item_b { display: none; margin-top: 12px; padding: 16px 24px; border: 2px solid #E47C2D;
    border-radius: 8px; }
.faq_item_b p + p { padding-top: 8px; }
.faq_item.active h6 { color: #E47C2D; }
/*.faq_item.active .faq_item_b { display: block; }*/
.faq_item.active .faq_item_h:after { transform: rotate(135deg); }

.dark .new_register_form{background:  #17212B}
.dark .page img{background: transparent}
.event_page p{font-size: 20px}
.event_page strong{font-weight: bold}
.event_page hr{border: none;height: 1px;background: #B7B7B7}

@media (max-width: 1400px) {
    header nav .my_select2 p{font-size: 16px}
    header nav ul li a{font-size: 16px}
    header .user_dropdown{margin-left: 30px}
    header .theme span:last-child{font-size: 16px}
    header .user_info p{font-size: 16px}
    header .user_dropdown .user_info span{font-size: 12px}
    header .user_min .user_pic{width: 40px}
    header nav > ul > li{margin: 0 15px}
}
@media (max-width: 1200px) {
    header nav .my_select2 p{font-size: 12px}
    header nav ul li a{font-size: 12px}
    header .user_dropdown{margin-left: 10px}
    header .theme{margin-right: 0}
    header .theme span:last-child{font-size: 12px}
    header .user_info p{font-size: 12px}
    header .user_dropdown .user_info span{font-size: 10px}
    header .user_min .user_pic{width: 32px}
    header nav > ul > li{margin: 0 10px}
    header .logo img{max-width: 140px!important;}
    header .notification_min{margin: 0 -40px}
    header .notification_min_toggle::before {width: 20px;height: 22px;}
    header .theme span:first-child{width: 20px;height: 20px;margin-right: 5px}
}
@media (max-width: 900px) {
    header .logo{margin-right: 20px}
    header .logo img{max-width: 100px!important;}
    header .user_min .user_pic{margin-right: 5px;width: 24px}
    header nav .my_select2 > p::after{margin-left: 5px;width: 8px;height: 4px;}
}
@media (max-width: 800px) {
    header .logo img{max-width: 80px!important;}
    header{padding-left: 15px;padding-right: 15px}
}
@media (max-width: 641px) {
    header .notification_min{margin: 0}
}