/*font-family: 'Candal', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Candal&display=swap');
/*font-family: 'Poppins', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #131313 !important;
}

a {
    color: #000;
    text-decoration: none;
    transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
}

a:focus {
    outline: none;
    text-decoration: none;
    color: #570861;
}

a:hover,
a:active {
    outline: 0;
    text-decoration: none;
    color: #570861;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #000;
    margin: 0px;
    padding: 0px;
    line-height: 1.4;
    font-family: 'Candal', sans-serif;
    text-transform: capitalize;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

h1 {
    font-size: 45px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 23px;
}

h4 {}

h5 {}

h6 {}

img {
    border: 0;
    vertical-align: top;
    height: auto;
    max-width: 100%;
}

ul,
li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

p {
    font-size: 16px;
    margin: 0px;
}

/*===============================================================================================================================*/
/*Common class css*/
/*===============================================================================================================================*/
.candal {
    font-family: 'Candal', sans-serif;
}

.poppins {
    font-family: 'Poppins', sans-serif !important;
}

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

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

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

.font-18 {
    font-size: 18px;
    line-height: 1.3;
}

/*bg-color*/
.bg-yellow {
    background: #FFC924;
}

.bg-white-smoke {
    background: #f1f1f1;
}

.bg-diff-yellow {
    background: rgb(255 201 36 / 21%);
}

.bg-light-yellow {
    background: rgba(255, 201, 36, 0.3);
}

.bg-dark-gray {
    background: rgb(69 69 69 / 20%);
}

.bg-gray {
    background: #F9F9FF;
}

.bg-light-gray {
    background: #F0F0F0;
}

.bg-light-green {
    background: rgba(135, 216, 54, 0.3);
}

.bg-purple {
    background: #570861;
}

.bg-sky-blue {
    background: rgba(36, 189, 255, 0.2);
}

.bg-pink {
    background: #FFE9E2;
}

/*text-color*/
.text-yellow {
    color: #FFC924 !important;
}

.text-purple {
    color: #570861;
}

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

.text-gray {
    color: #8692A6;
}

.text-gray45 {
    color: #454545;
}

.border-dark {
    color: #131313 !important;
}

.bdar_btm_green {
    border-bottom: 4px solid #87D836 !important;
}

.bdar_btm_purple {
    border-bottom: 4px solid #570861 !important;
}

select:focus-visible {
    outline: #570861;
}

/*font-weight*/
.fw-600 {
    font-weight: 600;
}

.fw-500 {
    font-weight: 500;
}

.height_100vh {
    height: 100vh !important;
}

.height_150vh {
    height: 150vh !important;
}

/*padding*/
.padd-100 {
    padding-bottom: 100px;
}

.padd-pt-100 {
    padding-top: 100px;
}

/*btn-theme*/
.btn-theme {
    padding: 12px 50px;
    border: 1px solid #570861;
    /*box-shadow:0px 20px 30px 0px rgb(0 0 0 / 5%) ;*/
    border-radius: 50px;
    color: #570861;
    transition: all 0.5s ease;
}

.btn-theme:hover {
    background: #570861;
    color: #fff !important;
}

/*bg-purple*/
.btn-theme.bg-purple {
    color: #fff;
}

.btn-theme.bg-purple:hover {
    background: transparent;
    color: #570861 !important;
}

.btn-theme.bg-purple:hover svg path {
    fill: #570861;
}

/*bg-yello*/
.btn-theme.bg-yellow {
    color: #000;
    border: 1px solid transparent;
}

/*.btn-theme.bg-yellow:hover{ border-color:#FFC924;}*/

/*boostrap overwrite*/
.btn-close {
    border-radius: 100%;
    border: 1px solid;
    width: 10px;
    height: 10px;
    position: relative;
    background: #000;
    opacity: 1;
}

.btn-close:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "\f00d";
    font-family: 'FontAwesome';
    color: #fff;
    transform: translate(-50%, -50%);
    font-size: 12px;
}

.card {
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

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

.border-color-yellow {
    border-color: #FFC924 !important;
}

.border-color-green {
    border-color: #87D836 !important;
}

.border-color-sky-blue {
    border-color: #24BDFF !important;
}

.border-purple {
    border-color: #570861;
}

/*===============================================================================================================================*/
/*header*/
/*===============================================================================================================================*/
header {
    padding: 10px 0;
    position: relative;
}

.logo a img {
    width: 280px;
}

ul.button-menu li a {
    padding: 6px 25px;
    border: 2px solid #570861;
    border-radius: 50px;
    display: block;
    font-weight: 600;
}

ul.button-menu li.join_now a {
    border-color: #FFC924;
}

ul.fist-menu li a {
    font-size: 18px;
}

/**/
.nav-item-list ul.main-menu {
    -webkit-box-pack: justify;
    justify-content: space-around;
    -webkit-box-align: stretch;
    align-items: stretch;
    overflow-y: auto;
}

.nav-item-list {
    /*padding:15px 0;*/
    border-width: 1px 0px;
    border-style: solid;
    border-color: #F3EEEE;
    position: relative;
    z-index: 1;
}

/*dropdown menu*/
.dropdown-menus {
    display: flex;
}

.dropdown-menus {
    position: absolute;
    top: 100%;
    width: auto;
    background: #fff;
    z-index: 1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 15px 0;
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
}

.dropdown-menus ul.sub-menu {
    padding: 0 15px;
}

.dropdown-menus ul.sub-menu li {
    padding: 5px;
    position: relative;
}

.dropdown-menus ul.sub-menu li.headings span {
    font-weight: 600;
    cursor: pointer;
}

ul.main-menu>li {
    padding: 15px 0;
}

ul.main-menu>li:hover a+.dropdown-menus {
    opacity: 1;
    visibility: visible;
}




/*home nav menu*/
.dropdown-menus.right-0 {
    right: 0;
}

.dashboard-nav-item span+span {
    margin-left: 0 !important;
    font-size: 14px !important;
}

/*child menu design css*/
.dropdown-menus ul.sub-menu ul {
    position: absolute;
    top: 0;
    right: 80%;
    opacity: 0;
    visibility: hidden;
    background: #ffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 10px 10px;
    width: 100%;
    z-index: 1;
    transition: all 0.5s ease-in;
}

.dropdown-menus ul.sub-menu ul ul.sub-childmenu {
    opacity: 0;
    visibility: hidden;
}

.dropdown-menus ul.sub-menu li:hover ul.sub-childmenu {
    opacity: 1;
    visibility: visible;
}

.dropdown-menus ul.sub-menu ul li:hover ul {
    opacity: 1;
    visibility: visible;
}

.dropdown-menus ul.sub-menu li:hover ul.sub-childmenu li.headings span {
    color: #000;
}

.dropdown-menus ul.sub-menu li:hover ul.sub-childmenu li.headings span+ul li a {
    color: #000;
}

/*===============================================================================================================================*/
/*banner-section*/
/*===============================================================================================================================*/
.gobal_learn {
    padding: 40px 20px;
    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(25px);
    border-radius: 15px;
    position: absolute;
    bottom: -100px;
    left: 30px;
    max-width: 600px;
    width: 100%;
}

.inter_btn {
    padding: 12px 70px 12px 30px;
    border-radius: 50px;
    background: #FFFFFF;
    border: 1px solid #F2F2F2;
    /* shadow top */
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
}

.inter_btn span {
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.inter_btn span img {
    width: 40px;
}

#stop-video {
    position: absolute;
    top: 170px;
    right: 25px;
    cursor: pointer;
}

#stop-video img {
    width: 40px;
}

.video_section {
    padding: 15px 0 170px;
}

/**/
.team_subject_sec {
    padding: 70px 0 100px;
}

.team_subject_sec .left img.left_shap {
    position: absolute;
    right: 0;
    top: 0;
}

.team_subject_sec .right {
    padding: 0 70px;
}

.team_subject_sec .right p {
    font-size: 27px;
    font-weight: 600;
    text-transform: capitalize;
}

.team_subject_sec .right .botto_shap {
    position: absolute;
    right: 20px;
    bottom: 0;
}

/*===============================================================================================================================*/
/*cuatom-arrow*/
/*===============================================================================================================================*/
.slick_silder_button button.slick-arrow {
    position: absolute;
    top: 0px;
    border: 1px solid #000;
    font-size: 0;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    font-family: font-awesome;
}

.slick_silder_button button.slick-arrow:hover {
    background-color: #570861 !important;
    color: #fff;
}

.slick_silder_button button.slick-arrow:hover:after {
    color: #fff;
}

.slick_silder_button button.slick-next {
    right: 10px
}

.slick_silder_button button.slick-prev {
    right: 60px;
    z-index: 1;
}

.slick_silder_button button.slick-next:after {
    content: '\f105';
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: 'FontAwesome';
    font-size: 25px;
    transform: translate(-50%, -50%);
    color: #000;
}

.slick_silder_button button.slick-prev:after {
    content: '\f104';
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: 'FontAwesome';
    font-size: 25px;
    transform: translate(-50%, -50%);
    color: #000;
}

/*===============================================================================================================================*/
/*custom_slick dots*/
/*===============================================================================================================================*/
.slick_btn_dots ul.slick-dots {
    display: flex;
    margin-left: 12px;
    margin-top: 45px;
    flex-wrap: wrap;
}

.slick_btn_dots ul.slick-dots li {
    padding-right: 10px;
}

.slick_btn_dots ul.slick-dots li:last-child {
    padding-left: 0;
}

.slick_btn_dots ul.slick-dots li button {
    font-size: 0;
    background-color: rgb(255 255 255 / 13%);
    width: 30px;
    height: 5px;
    outline: none;
    border: none;
}

.slick_btn_dots ul.slick-dots li.slick-active button {
    background: #FFC924;
}

/*===============================================================================================================================*/
/*Explore New Class Room css*/
/*===============================================================================================================================*/
.single-box {
    border: 1px solid rgba(19, 19, 19, 0.2);
    border-radius: 10px;
    margin: 0 9px;
}

.single-box .class_image_box .class_img {
    border-top-left-radius: 0;
    /*height: 268px;*/
}

.class_image_box .like {
    top: 10px;
}

.single-box .class_image_box .class_img>img {
    height: 268px;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.class_room_info {
    padding: 30px 20px;
    background: #fff;
    border-radius: 0 0 10px 10px;
}

.class_room_inner {
    display: flex;
}

.class_room_info .class_title p {
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
}

.tag a {
    border-radius: 10px;
    border: 1px solid #FFC924;
}

.like {
    top: 20px;
    right: 10px;
}

.like.toggle {
    position: absolute;
    box-sizing: border-box;
}

.like.toggle input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.like.toggle label {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.like.toggle label:before {
    content: "\f08a";
    position: relative;
    display: inline-block;
    transition: 0.2s ease-in;
    box-sizing: border-box;
    font-family: fontawesome;
    font-size: 30px;
    color: #f00;
}

.like.toggle input[type="checkbox"]:checked+label:before {
    content: "\f004";
    color: red;
}

.bottom-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #FFFFFF;
    opacity: 0.9;
    border-radius: 0px;
    padding: 8px 13px 7px 13px;
}

.explore_new_class .bottom-info {
    position: static;
    background: #ffefbd;
}

.explore_new_class.slick_silder_button button.slick-arrow {
    top: -60px;
}

.explore_new_class .video-container {
    padding-bottom: 89.25%;
}

.explore_new_class .video-container video {
    border-radius: 10px 10px 0 0;
}

/*24-07-2023*/
.bottom-info span.tech_nm {
    font-size: 16px;
}

.bottom-info .star_rat span svg {
    width: 18px;
}

.bottom-info .star_rat span+span {
    font-size: 16px;
}

.bottom-info img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
}

/*===============================================================================================================================*/
/*classes by subect*/
/*===============================================================================================================================*/
.class_by_subject {
    padding: 100px 0 100px;
}

/*ul.sub_categroy>li{position:relative;padding-left:120px;margin-bottom:80px;}*/
ul.sub_categroy>li {
    padding: 35px 24px 37px;
    cursor: pointer;
}

ul.sub_categroy>li .icon {
    position: absolute;
    top: 0;
    left: 0;
}

.subject_ctn ul li {
    /* padding-left: 10px;
    margin-left: 10px; */
    /* position: relative; */
    margin-bottom: 4px;
}

.subject_ctn ul li:first-child {
    padding-left: 0px;
    margin-left: 0px;
}

.subject_ctn ul li:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    height: 19px;
    width: 1px;
    background: #131313;
}

.subject_ctn ul li:first-child:after {
    content: none;
}

ul.sub_categroy>li .indside_hover {
    position: relative;
    padding-left: 120px;
    margin-bottom: 0;
}



ul.sub_categroy>li:hover {
    background: #F6F0E0;
    border-radius: 6px;
}

ul.sub_categroy>li:hover .icon img {
    filter: invert(8%) sepia(80%) saturate(3089%) hue-rotate(-474deg) brightness(47%) contrast(103%);
}

/*ul.sub_categroy>li:last-child{margin-bottom:0;}*/
/*===============================================================================================================================*/
/*ad-banner-section*/
/*===============================================================================================================================*/
.banne_inner_width {
    width: 915px;
    max-width: 100%;
    margin: 0 auto;
    padding: 54px;
    border-bottom: 4px solid #FFC924;
    box-shadow: 0px 24px 20px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
}

.custom_banner .left {
    width: 30%;
}

.custom_banner .right {
    width: 70%;
}

/*===============================================================================================================================*/
/*need-help-find-class-teacher*/
/*===============================================================================================================================*/
.find-cls-teacher {
    padding: 43px 56px;
}

.height_qul {
    bottom: -24px;
    left: -85px;
}

.find-cls-teacher h2 {
    font-size: 22px;
}

.height_qul img {
    width: 140px;
}

.height_qul {
    bottom: -20px;
    left: -15px;
}

/*===============================================================================================================================*/
/*video left and right*/
/*===============================================================================================================================*/
.feat-org.team_subject_sec .left {
    z-index: 1;
}

.feat-org.team_subject_sec .left img.left_shap {
    position: absolute;
    right: -10px;
    top: -50px;
    z-index: -1;
    width: 150px;
}

.team_subject_sec.feat-org a.btn-theme.bg-yellow {
    border-color: #FFC924;
}

.team_subject_sec.feat-org a.btn-theme.bg-yellow:hover {
    border-color: #570861;
}

.team_subject_sec.feat-org a.btn-theme.bg-yellow:hover svg path {
    fill: #fff;
}

.team_subject_sec.feat-org .botto_shap {
    bottom: -90px;
    right: -25px;
}

.team_subject_sec.feat-org .botto_shap img {
    width: 80%;
}

/*===============================================================================================================================*/
/*competitions-section*/
/*===============================================================================================================================*/
.competitions-section.slick_silder_button button.slick-arrow:hover {
    background-color: #ffc924 !important;
}

/*===============================================================================================================================*/
/*team global */
/*===============================================================================================================================*/
.glbal_in {
    z-index: 11;
}

.meet-gobal-team {
    padding: 90px 0 234px;
}

.meet-gobal-team h2 {
    padding-bottom: 150px;
}

.global_box .glbal_info .box_name {
    background: #570861;
    border-radius: 20px;
    color: #fff;
    height: 250px;
    padding: 22px 52px;
    display: flex;
    align-items: flex-end;
    width: 270px;
    margin: 0 auto;
}

.global_box .glbal_info img {
    position: absolute;
    top: -80px;
    width: 270px;
    height: 270px;
    border-radius: 100%;
    left: -52px;
}

.global_box .glbal_info .box_name img.global_shap {
    position: absolute;
    top: 180px;
    z-index: -4;
    border-radius: 0;
    width: 150px;
    left: -52px;
    height: 150px;
}

/*===============================================================================================================================*/
/*join_our_section*/
/*===============================================================================================================================*/
.find-cls-teacher.join_our_section {
    padding: 80px 0;
}

.find-cls-teacher.join_our_section img.right {
    right: 0;
    top: 0;
}

.find-cls-teacher.join_our_section img.left {
    left: 0;
    bottom: 0px;
    width: 150px;
}

.find-cls-teacher.join_our_section .video_boxs video {
    height: 325px;
    object-fit: contain;
}

.join_our_section .join_left {
    position: relative;
    z-index: 14;
}

.find-cls-teacher a.btn-theme.bg-yellow:hover {
    border: 1px solid #FFC924;
    background: transparent;
}

.find-cls-teacher a.btn-theme {
    font-weight: 700;
}

/*===============================================================================================================================*/
/*know-section*/
/*===============================================================================================================================*/
.know-section {
    padding: 100px 0;
}

.know-section .card {
    border: none;
    border-radius: 20px;
    padding: 50px;
}

.know-section .right img {
    height: 540px;
    object-fit: cover;
    border-radius: 10px;
}

.student_join_us h2 {
    font-size: 40px;
}

.awards_sec .awards1_img img {
    width: 180px;
}

/*===============================================================================================================================*/
/*News section slider*/
/*===============================================================================================================================*/
.news-section .container-fluid {
    /* padding-left: 304px; */
    padding-left: 50px;
}

.news-section.slick_silder_button button.slick-arrow {
    top: -84px;
}

.slick-slideshow__slide {
    margin: 0 10px;
    /*width: 350px !important;*/
}

.slick-slideshow__slide .news_info {
    border-radius: 20px;
}

.slick-slideshow__slide .news_info .nw_img img {
    border-radius: 20px 20px 20px 20px;
    width: 100%;
    height: 265px;
    object-fit: cover;
}

.slick-slideshow__slide .news_info .nw_ctn {
    padding: 25px 8px;
}

.news-section .slick-list.draggable {
    margin: 0 -10px;
}

/*===============================================================================================================================*/
/*menu toggle css*/
/*===============================================================================================================================*/
.menu-toggle .bar {
    width: 25px;
    height: 3px;
    background-color: #3f3f3f;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.menu-toggle {
    justify-self: end;
    display: none;
}

.menu-toggle:hover {
    cursor: pointer;
}

#mobile-menu.is-active .bar:nth-child(2) {
    opacity: 0;
}

#mobile-menu.is-active .bar:nth-child(1) {
    -webkit-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    -o-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
}

#mobile-menu.is-active .bar:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    -o-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
}

/* KEYFRAME ANIMATIONS */
@-webkit-keyframes gradbar {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes gradbar {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes gradbar {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}


.menu-wrappers {
    position: absolute;
    top: 100%;
}

.menu-bar {
    /*position:fixed;*/
    position: absolute;
}

.menu-wrappers.side_res_menu {
    display: block !important;
}

/*===============================================================================================================================*/
/*footer section*/
/*===============================================================================================================================*/
footer .mian_footer {
    padding: 100px 0 60px;
}

.fot_list ul li a {
    color: #ffff;
    font-size: 16px;
}

.fot_list ul li.foot_heading {
    margin-bottom: 18px;
    font-size: 20px;
    font-weight: 600;
}

.fot_list ul li {
    margin-bottom: 12px;
}

/*footer_bottom*/
.bottom_footer {
    padding: 20px 0 25px;
}

.bottom_footer ul.bttm_lang li:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 100%;
    transform: translateY(-50%);
}

.bottom_footer ul.bttm_lang li {
    padding-right: 13px;
    position: relative;
    margin-right: 13px;
}

.bottom_footer ul.bttm_lang li:last-child {
    padding-right: 0px;
    margin-right: 0px;
}

.bottom_footer ul.bttm_lang li:last-child:after {
    content: none;
}

/*===============================================================================================================================*/
/*category menu section*/
/*===============================================================================================================================*/
.menu-wrapper {
    width: 320px;
    min-width: 320px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    height: 100%;
}

/* Main Menu */
.main-cat-menus,
.back-btn {
    background: #570861;
}

/* Responsive Menu */
.rwd-menu {
    background: #570861;
    position: relative;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 1s ease;
}

.rwd-menu li:hover {
    background: #e3e4e4;
}

.rwd-menu li a {
    display: block;
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #fff;
    color: #fff;
}

/* hide submenu */
.rwd-submenu {
    position: absolute;
    left: 100%;
    top: 0;
    background: #570861;
    width: 100%;
    visibility: hidden;
    transition: all .2s ease;
}

.open-submenu .rwd-submenu {
    left: 0;
    top: 0;
    z-index: 2;
    visibility: visible;
    transition: all .2s ease;
    width: 200px;
}

ul.rwd-menu.rwd-menu-view li.open-submenu ul {
    background: #ffc924;
}

/*===============================================================================================================================*/
/*dashboard css*/
/*===============================================================================================================================*/

/*login page*/
.login_sec .left {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 200px;
    /* height: 1520px; */
    background-position: center;
}

.login_sec .left1 {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 200px;
    min-height: 100vh;
    background-position: center;
}

.login_sec .left h1 {
    padding-left: 30px;
}

.login_sec .left h1:before {
    content: '';
    position: absolute;
    top: 0;
    left: -13px;
    width: 26px;
    height: 20px;
    background-image: url(./assets/../../images/qute.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.login_sec .left h1:after {
    content: '';
    position: absolute;
    bottom: -8px;
    right: -15px;
    width: 34px;
    height: 33px;
    background-image: url(./assets/../../images/pra_mark.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.login_sec .right {
    padding: 40px 58px;
}

.login_sec .right .btm_div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}


.login_sec .right .btm_div ul.selec_this_one li {
    padding: 20px 20px;
    background: #FFFFFF;
    box-shadow: 0px 2px 14px 1px rgba(0, 0, 0, 0.06);
    border-radius: 6px;
    border: 1px solid transparent;
    margin-bottom: 30px;
}

.login_sec .right .btm_div ul.selec_this_one li p {
    /*color: #8692A6;*/
    font-size: 14px;
}

.login_sec .right .btm_div ul.selec_this_one li h3 {
    color: #131313;
}

.login_sec .right .btm_div ul.selec_this_one li:hover {
    background: rgba(87, 8, 97, 0.1);
    border: 1px solid #570861;
    border-radius: 6px;
}

/*.login_sec .right .btm_div ul.selec_this_one li:hover .svg_icon svg {fill: #570861;}
.login_sec .right .btm_div ul.selec_this_one li:hover .svg_icon svg path{stroke:#fff}*/
.login_sec .right .btm_div ul.selec_this_one li .svg_icon.hover {
    display: none;
}

.login_sec .right .btm_div ul.selec_this_one li:hover .svg_icon.hover {
    display: block;
}

.login_sec .right .btm_div ul.selec_this_one li:hover .svg_icon {
    display: none;
}

.login_sec .right .btm_div.form-section {
    padding: 0 100px;
}


.or_sec:after {
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    width: 45%;
    height: 1px;
    background: rgba(102, 102, 102, 0.25);
    z-index: -1;
}

.or_sec:before {
    content: '';
    position: absolute;
    top: 20px;
    right: 0;
    width: 45%;
    height: 1px;
    background: rgba(102, 102, 102, 0.25);
    z-index: -1;
}

.or_sec {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px 0;
}

.or_sec span {
    display: flex;
    width: 100%;
    justify-content: center;
    z-index: 10;
    border: #fff;
}

.iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%;
}

.verf_otp input.otp {
    margin-right: 15px;
    text-align: center;
}

.verf_otp input.otp:last-child {
    margin-right: 0;
}

/*login page switch css*/
.tab-slider--nav {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.tab-slider--tabs {
    display: block;
    float: left;
    margin: 0;
    padding: 7px 12px;
    list-style: none;
    position: relative;
    border-radius: 35px;
    overflow: hidden;
    background: #570861;
    /* height:35px; */
    user-select: none;
}

.tab-slider--tabs:after {
    content: "";
    width: 50%;
    background: #ffffff;
    height: 90%;
    position: absolute;
    top: 2px;
    left: 3px;
    transition: all 250ms ease-in-out;
    border-radius: 35px;
}

.tab-slider--tabs.slide:after {
    left: 49%;
}

.tab-slider--trigger {
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    padding: 11px 20px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: inline-block;
    transition: color 250ms ease-in-out;
    user-select: none;
}

.tab-slider--trigger.active {
    color: #101010;
}

.tab-slider--body {
    margin-bottom: 20px;
}

.custom_form .form-group label {
    text-transform: capitalize;
    color: #666666;
}

.custom_form .form-group input,
.custom_form .form-group textarea,
.custom_form .form-group .form-select {
    border: 1px solid rgba(102, 102, 102, 0.35);
    border-radius: 12px;
    padding: 10px 10px;
}

.custom_form .form-group .form-select {
    padding: 10px 35px 10px 10px;
}


/*image edit css*/
.avatar-upload {
    position: relative;
    max-width: 100px;
    margin: 18px auto;
}

.avatar-upload .avatar-edit {
    position: absolute;
    left: 40px;
    z-index: 1;
    bottom: -9px;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit input+label {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid #000;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    display: flex;
    transition: all 0.2s ease-in-out;
}

.avatar-upload .avatar-edit input+label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
}

.avatar-upload .avatar-edit input+label:after {
    content: "\f040";
    font-family: 'FontAwesome';
    color: #757575;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

.avatar-upload .avatar-preview {
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 100%;
    border: 2px solid #000000;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/*dropdown*/
.dropdown.switch-profile {
    border: 1px solid #570861;
    border-radius: 50px;
}

.dropdown.switch-profile button {
    color: #570861;
}

.dropdown.switch-profile ul.dropdown-menu {
    background: #F0F0F0;
    border-radius: 10px;
    min-width: 220px;
    padding: 10px 20px;
    top: 8px !important;
}

.dropdown.switch-profile ul.dropdown-menu li {
    border-bottom: 1px solid rgba(19, 19, 19, 0.1);
}

.dropdown.switch-profile ul.dropdown-menu li:last-child {
    border-bottom: none;
}

.dropdown.switch-profile ul.dropdown-menu li a {
    padding: 10px 0px;
}

.dropdown.switch-profile ul.dropdown-menu li a img {
    width: 24px;
    height: 24px;
}

.dropdown.switch-profile ul.dropdown-menu li a:hover {
    background: transparent;
}


/*video_section*/
.dash_video .video_box video {
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    box-shadow: 0px 4px 10px 1px rgb(0 0 0 / 24%);
    width: 100%;
    object-fit: contain;
}

.circle_inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.circle_percent {
    font-size: 36px;
    width: 100px;
    height: 100px;
    position: relative;
    background: #eee;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}

.percent_more .circle_inner {
    clip: rect(0 .5em 100px 0em);
}

.circle_inbox {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: #fff;
    z-index: 3;
    border-radius: 50%;
}

.percent_text {
    position: absolute;
    font-size: 21px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 60px;
    height: 60px;
    border: 1px solid #979797;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.round_per {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    background: #0833C9;
    clip: rect(0 100px 100px .5em);
    transform: rotate(180deg);
    transition: 1.05s;
}

.percent_more:after {
    position: absolute;
    left: 0em;
    top: 0em;
    right: 0;
    bottom: 0;
    background: #0833C9;
    content: '';
}

/*learn infomation class css*/
.learn_stati {
    padding: 0px 0 60px;
}

.learn_stati .card {
    padding: 20px 20px 15px;
}

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

.lear_stati_info h3 {
    font-size: 16x;
}

.lear_stati_info h2 {
    color: #222222;
}

/*kids pop css*/
ul.your_avatar {
    display: grid;
    row-gap: 30px;
    column-gap: 70px;
    margin: 40px 0;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}

.kid_img.active {
    display: block;
    border: 3px solid #570861;
}

.kid_img:hover {
    display: block;
    border: 3px solid #570861;
}

a.kid_img {
    display: block;
    border: 3px solid transparent;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}


/*inter_class  css*/
.inter_class {
    padding: 20px;
    margin-right: 24px;
}

.inter_slider .slick-list {
    padding: 0 8% 15px 0 !important;
}

.inter_class .inter_top {
    margin-bottom: 10px;
}

.inter_class .inter_top img {
    width: 95px;
    height: 95px;
}

.inter_class .inter_top h3 {
    font-size: 18px;
}

.inter_class p.inter_text {
    font-size: 17px;
    line-height: 1.3;
}

.class_by_subject.dashbord_class_by {
    padding: 70px 0 0px;
}


/*offline_box*/
.offline_coures {
    padding: 60px 0;
}

.off_box.card {
    padding: 20px;
    margin-right: 20px;
}

.offline_coures .title {
    margin-bottom: 38px;
}

.off_box.card .offline_ctn h4 {
    color: #292638;
    line-height: 1.5;
}

.off_box.card .off_bg_img img {
    border-radius: 9px;
}

.off_box.card .off_bg_img img.off_bg {
    height: 148px;
    width: 100%;
    object-fit: cover;
}

.off_box.card .off_bg_img img.off_user {
    position: absolute;
    bottom: -22px;
    left: 20px;
}

.off_box.card .offline_ctn {
    padding: 38px 0 0 0;
}

.slick-slide {
    height: auto;
}

.slick-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
}

.dashboard_part .left:before {
    content: '';
    position: absolute;
    top: -120px;
    left: 0;
    width: 1px;
    height: 100%;
    background: #efeeee;
}

/*calendar css*/
.button-container-calendar button {
    cursor: pointer;
    border: 1px solid rgba(151, 151, 151, 0.24);
    padding: 5px 10px;
    border-width: 2px 2px 2px 1px;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background: #fff;
    font-size: 30px;
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cal_header {
    margin-bottom: 32px;
}

.table-calendar {
    border-collapse: collapse;
    width: 100%;
}

.table-calendar td,
.table-calendar th {
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    height: 38px;
}

.date-picker.selected span {
    background: #FFC924;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    margin: 0 auto;
}


/* friday */
#monthAndYear {
    text-align: center;
    margin-top: 0;
}

.button-container-calendar {
    position: relative;
    overflow: hidden;
    clear: both;
}

#previous {
    float: left;
}

#next {
    float: right;
}

.footer-container-calendar {
    margin-top: 1em;
    border-top: 1px solid #dadada;
    padding: 10px 0;
}

.footer-container-calendar select {
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    background: #ffffff;
    color: #585858;
    border: 1px solid #bfc5c5;
    border-radius: 3px;
    padding: 5px 1em;
}

.table-calendar th {
    color: #570861;
    font-size: 14px;
}


.avatar_info span {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
}

.avatar_info p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.sche_sec {
    margin: 34px 0;
}

.sche_sec .title h2 {
    font-size: 20px;
    margin-bottom: 18px;
    font-weight: 600;
}

.schedule_list li {
    padding: 10px 10px 10px 40px;
    margin-bottom: 30px;
    background: rgba(249, 249, 255, 0.6);
    border-radius: 10px;
    position: relative;
}

.schedule_list li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 15px;
    width: 6px;
    height: 6px;
    transform: translateY(-50%);
    border-radius: 100%;
    background: #570861;
}

.schedule_list li h3 {
    color: #570861;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 7px;
    font-family: 'Poppins';
}

.schedule_list li h3 span {
    font-weight: 400;
    font-size: 14px;
    color: #000;
}

.schedule_list li p {
    font-size: 15px;
}

.schedule_list li p+span {
    color: #131313;
    font-size: 15px;
    line-height: 21px;
}

/*===============================================================================================================================*/
/*kids search page css*/
/*===============================================================================================================================*/
.sort_by select:focus {
    outline: none;
}

.class-content {
    padding: 40px 30px;
}

.search_box span {
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
}

.search_box input {
    background: #FFFFFF;
    border: 1px solid rgba(19, 19, 19, 0.1);
    border-radius: 50px;
    width: 100%;
    padding: 12px 70px 12px 45px;
}

img.rec_search_icon {
    top: 50%;
    right: 20px;
    width: 35px;
    height: 35px;
    transform: translateY(-50%);
}

.search_box input::placeholder {
    color: rgba(102, 102, 102, 0.4);
}

.search_box input::focus {
    outline: none;
}

.search_box input::focus-visible {
    outline: none;
}

/*filter_box*/
.filter_box {
    padding: 10px;
    margin-top: 10px !important;
    min-width: 450px;
    box-shadow: 0px 5px 15px 1px rgb(0 0 0 / 20%);
}

.filter_box .card {
    box-shadow: none;
    margin-right: 5px;
    text-align: center;
}

.filter_box .card:last-child {
    margin-right: 0;
}

.filter_box ul.days_box li a {
    padding: 5px 10px;
    display: block;
    margin-right: 4px;
    border-radius: 50px;
    border: 1px solid #570861;
    margin-bottom: 10px;
    transition: all 0.5s ease;
    text-align: center;
}

.filter_box ul.days_box li a:hover {
    background-color: #570861;
    color: #fff;
    border: 1px solid #570861;
}

.filter_box .card .plan-details span {
    font-size: 14px;
}

.class_size_start.filter_box {
    min-width: 200px;
}

.price_per_class {
    min-width: 250px;
}

/*filter top section */
.filter_box .card .radio {
    font-size: inherit;
    margin: 0;
    position: absolute;
    right: calc((1em) + 2px);
    top: calc((1em) + 2px);
}

@supports (-webkit-appearance:none) or (-moz-appearance:none) {
    .filter_box .card .radio {
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .filter_box .card .radio:checked {
        background: #558309;
        border-color: #558309;
    }

    .card:hover .radio {
        border-color: #c4d1e1;
    }

    .card:hover .radio:checked {
        border-color: #558309;
    }
}

.plan-details {
    border: 1px solid #ffefbd;
    border-radius: 0.5em;
    cursor: pointer;
    height: 100%;
    padding: 10px;
    transition: border-color 0.2s ease-out;
}

.filter_box .card:hover .plan-details {
    border-color: #c4d1e1;
}

.filter_box .card .radio:checked~.plan-details {
    border-color: #570861;
    background-color: #570861;
}

.filter_box .card .radio:checked~.plan-details span {
    color: #fff;
}

.filter_box .card .radio:focus~.plan-details {
    box-shadow: 0 0 0 2px #c4d1e1;
}

.filter_box .card .radio:disabled~.plan-details {
    color: #c4d1e1;
    cursor: default;
}

.filter_box .card .radio:disabled~.plan-details .plan-type {
    color: #c4d1e1;
}

.card:hover .radio:disabled~.plan-details {
    border-color: #e2ebf6;
    box-shadow: none;
}

.card:hover .radio:disabled {
    border-color: #e2ebf6
}


/*slider rabge css*/
.multi-range input[type=range] {
    box-sizing: border-box;
    appearance: none;
    width: 400px;
    margin: 0;
    padding: 0 2px;
    overflow: hidden;
    border: 0;
    border-radius: 1px;
    outline: none;
    background: linear-gradient(grey, grey) no-repeat center;
    background-size: 100% 2px;
    pointer-events: none;
}

.multi-range input[type=range]:active,
.multi-range input[type=range]:focus {
    outline: none;
}

.multi-range input[type=range]::-webkit-slider-thumb {
    height: 28px;
    width: 28px;
    border-radius: 28px;
    background-color: #000;
    position: relative;
    margin: 5px 0;
    cursor: pointer;
    appearance: none;
    pointer-events: all;
    box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.25);
}

.multi-range input[type=range]::-webkit-slider-thumb::before {
    content: ' ';
    display: block;
    position: absolute;
    top: 13px;
    left: 100%;
    width: 2000px;
    height: 2px;
}

.multi-range {
    position: relative;
    height: 50px;
}

.multi-range input[type=range] {
    position: absolute;
}

.multi-range input[type=range]:nth-child(1)::-webkit-slider-thumb::before {
    background-color: red;
}

.multi-range input[type=range]:nth-child(2) {
    background: none;
}

.multi-range input[type=range]:nth-child(2)::-webkit-slider-thumb::before {
    background-color: grey;
}

.drop_calendar.filter_box {
    min-width: 450px;
}


/*class search section*/
.class_box .single-box .class_image_box .class_img a img {
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    object-fit: cover;
}

.class_box .single-box .class_image_box .class_img a video {
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    height: 100%;
    background: #f6f9f0;
}

.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 92.25%;
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f6f9f0;
    border-radius: 10px 0 0 0px;
}

.class_box .single-box .class_image_box .class_img {
    width: 400px;
    max-width: 100%;
}

ul.class_tag li {
    margin-right: 20px;
    margin-bottom: 20px;
}

.payment-week {
    /*width:271px;max-width:100%;*/
    background: rgba(241, 241, 241, 0.65);
    border-radius: 9px;
    width: 30%;
}

.class_rm_text {
    /*margin-right: 86px;*/
    width: 70%
}

.payment-week .payment_price {
    font-size: 32px;
    line-height: 1.3;
}

.follow-btn-sec {
    position: absolute;
    bottom: 70px;
    padding: 0 15px;
}

.follow-btn-sec .follow_btn {
    background: #570861;
    border: 1px solid #570861;
    border-radius: 10px;
    color: #fff;
    padding: 2px 20px;
    font-size: 14px;
}

.follow-btn-sec span {
    font-size: 14px;
    display: inline-block;
}

/*ribbon css*/
.ribbon-pink {
    background-color: #FFC2A0 !important;
}

.ribbon-orange {
    background-color: #FF7C33 !important;
}

.ribbon-sky-blue {
    background-color: #F0FFF8 !important;
}

.ribbon {
    background-color: #FFC924;
    border-radius: 0 4px 4px 0;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
    font-size: 14px;
    font-weight: 500;
    left: 0;
    padding: 10px 25px;
    position: absolute;
    top: 20px;
    white-space: nowrap;
    transition: all 0.3s ease;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.ribbon:before {
    top: -13px;
    left: -7px;
    width: 8px;
    height: 54px;
    border-radius: 20px 0 0 20px;
}

.ribbon:after {
    bottom: 42px;
    left: -5px;
    width: 7px;
    height: 12px;
    border-radius: 20px 0 0 20px;
    background-color: #B68B73 !important;
    box-shadow: 0 0.062em 0 rgba(255, 255, 255, 0.6);
}

.ribbon:before,
.ribbon:after {
    position: absolute;
    background-color: inherit;
    content: "";
}

/*custom-tabing-css*/
ul.custom_nav_bar li.nav-item {
    background-color: rgba(249, 249, 255, 0.6);
}

ul.custom_nav_bar li.nav-item button.nav-link.active {
    background-color: transparent;
    color: #131313;
    border-bottom: 4px solid #570861;
    border-radius: 0;
}

ul.custom_nav_bar li.nav-item button.nav-link {
    color: #131313;
    padding: 16px 20px;
    border-bottom: 4px solid transparent;
    display: flex;
}

ul.custom_nav_bar li.nav-item {
    background-color: rgba(249, 249, 255, 0.6);
}

ul.custom_nav_bar li.nav-item .nav-link.active {
    background-color: transparent;
    color: #131313;
    border-bottom: 4px solid #570861;
    border-radius: 0;
}

ul.custom_nav_bar li.nav-item .nav-link {
    color: #131313;
    padding: 16px 20px;
    border-bottom: 4px solid transparent;
    display: flex;
}

/*notification css*/
.list_notification {
    max-width: 100%;
    width: 678px;
    position: relative;
}

.list_notification ul li .notif_left {
    width: calc(100% - 76px);
}

.list_notification ul li .noti_img {
    border-radius: 8px;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

/* p.noti_text {
    font-size: 15px;
    line-height: 1.3;
    width: calc(100% - 48px);
} */

p.noti_text {
    /* max-width: 200px; */
    max-width: 450px;
    /* Set the maximum width for the text container */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    overflow: hidden;
}


span.noti_timer {
    font-size: 12px;
    display: block;
    width: 75px;
    text-align: right;
}

span.notifi_logs {
    width: 20px;
    height: 20px;
    background: #FDCB9E;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -7px;
    right: -7px;
}

.list_notification ul {
    position: relative;
}

.list_notification ul:after {
    content: '';
    position: absolute;
    top: 0;
    left: 24px;
    width: 1px;
    height: 100%;
    background: rgba(63, 63, 68, 0.1);
}

.bg-sky-blue-op-1 {
    background: #E5E8FF;
}

.bg-diff-yellow-op-1 {
    background: #FFF6D4;
}

/*class_details css*/
.custom_btm_brdr {
    border-bottom: 1px solid #D2D2D2;
}

.class_dtls_sec {
    padding: 0 0 70px 0;
}

.class_dtls_sec .class_image_box {
    height: 450px;
}

.class_dtls_sec .class_image_box a img {
    object-fit: cover;
    border-radius: 10px;
}

.tme_box {
    padding: 30px 17px 16px 22px;
    border: 4px solid #570861;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;

}

.tme_box:hover {
    background: rgba(87, 8, 97, 0.08);
}

.tme_box .actul_tme p {
    color: #181818;
    font-size: 18px;
}

.avilable_time.slick_silder_button button.slick-arrow {
    background: #fff;
    top: -80px;
}

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

.avilable_time a.btn-theme.bg-purple:hover {
    color: #570861 !important;
}

/*descrption*/
.description_ctn .accordion-item {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    color: #570861;
    border-top: none;
    border-left: none;
    border-right: none;
}

.description_ctn .accordion-item .accordion-body {
    font-size: 20px;
    color: #131313;
    text-transform: capitalize;
}

.description_ctn .accordion-button::after {
    margin-left: 30px;
}

.description_ctn .accordion-button:focus {
    background: transparent;
    border-color: none;
    box-shadow: none;
}

.description_ctn .accordion-button:not(.collapsed) {
    color: #570861;
    background-color: transparent;
}

.description_ctn .accordion-button {
    color: #570861;
    font-size: 20px;
    line-height: 45px;
    padding: 20px 11px 30px 11px;
}

.description_ctn .accordion-button:not(.collapsed) {
    color: #570861;
    background-color: transparent;
    box-shadow: none;
}


/*meet_techer css*/
.meet_techer {
    margin-top: 60px;
}

.meet_techer>h2 {
    margin-bottom: 74px;
}

.meet_techer .meet_details .meet_right {
    margin-left: 60px;
}

.meet_techer .meet_details .meet_right .live_canada img {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.meet_techer .meet_details .meet_right .live_canada span {
    color: #301934;
}

.meet_techer .meet_details .meet_img img {
    width: 268px;
    height: 268px;
}

/*review box css*/
.review_user img {
    width: 60px;
    height: 60px;
}

.review_box {
    padding: 34px;
}

.slick_silder_button.slick_slider_white button.slick-arrow {
    background: transparent;
}

/*this one show on hover*/
a.play_btn {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: rgba(85, 80, 80, 0.4);
    opacity: 0;
    transition: all 0.5s ease;
}

.class_image_box a.play_btn img {
    width: 30px;
}

/*directly show*/
a.play_btn_op1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 98px;
    height: 98px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: rgba(85, 80, 80, 0.4);
    transition: all 0.5s ease;
}

.single-box:hover a.play_btn {
    opacity: 1;
}



/*popular topic*/
.popular_item ul li a .topi_icon.active {
    border: 3px solid #570861;
}

#select_learner_like .popular_item ul li {
    min-width: auto;
}

.popular_topic {
    padding: 60px 0;
}

.popular_item ul li a .topi_icon.active {
    border: 3px solid #570861;
}

.popular_item ul {
    display: flex;
    flex-wrap: wrap;
}

.popular_item ul li {
    margin-right: 30px;
    margin-bottom: 30px;
    min-width: 200px;
}

.popular_item ul li a .topi_icon {
    border: 3px solid transparent;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 100%;
    background: #FFFFFF;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}

.popular_item ul li a .topi_icon img {
    width: 40px;
}

.popular_item ul li a span {
    font-size: 16px;
    color: #131313;
    font-weight: 500;
}

/*ask techer modal*/
.ask_the_teacher .modal-dialog {
    max-width: 600px;
}

.ask_the_teacher .modal-dialog .modal-content {
    border-radius: 17px;
}

span.file_icons {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.file_update input {
    opacity: 0;
    padding: 70px 0 !important;
}

.file_update {
    border: 1px solid rgba(102, 102, 102, 0.35);
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}

.modal-content {
    border-radius: 17px !important;
}


/*subscription first*/
.paymet_name_dtal {
    max-width: 380px;
    padding: 13px 15px 12px;
    background: rgb(240 240 240 / 40%);
    border-radius: 10px;
    margin-bottom: 20px;
}

.paymet_name_dtal img {
    width: 31px;
    height: 31px;
}

.subscription_first {
    padding: 30px;
}

.subscription_first.class_box .single-box .class_image_box .class_img a img {
    height: 298px;
    border-radius: 10px;
}

.subscription_modal_1 .modal-body {
    padding: 0;
}

.add_coup {
    padding: 14px 30px 30px;
}

.payment_display {
    margin: 16px 30px 25px;
}

.payment_display .pay_dis_inner {
    padding: 30px;
}

.total_payment {
    padding: 30px;
}

.payment_btm_text {
    padding: 0 30px 25px;
}

/*subscription second*/
.online_cls_poli ol li {
    counter-increment: ordered-counter;
    position: relative;
    margin-bottom: 20px;
}

.online_cls_poli ol li:before {
    content: counter(ordered-counter) ".";
    color: #570861;
    line-height: 1.45;
    position: absolute;
    left: -24px;
    top: 2px;
    text-align: right;
    /* width: 20px; */
    font-size: 20px;
}

.online_poli_img {
    width: 218px;
    margin: 0 auto;
}

.check_polices {
    padding: 25px 25px;
}

.check_polices .form-check-input[type=checkbox] {
    border-radius: 5px !important;
    width: 25px;
    height: 25px;
}

.check_polices .form-check .form-check-input {
    margin-left: -1.7em;
}

.form-check-input:checked {
    background-color: #570861 !important;
    border-color: #570861 !important;
}


.card_details {
    padding: 30px
}


/*location_card css*/
.loction_box {
    margin-right: 25px;
}

.loco_right .loction_box>div {
    margin-right: 25px;
}

.quiz_lang .class_rm_text {
    margin-right: 86px;
}

.loction_box img.fis_pic {
    margin-bottom: 40px;
}

.loction_box img {
    box-shadow: 0px 8px 18px 1px rgb(0 0 0 / 18%);
    border-radius: 10px;
    height: 172px;
    object-fit: cover;
}

.location_slider_pic.slick_silder_button button.slick-arrow {
    top: -89px;
}

.location_card .left img {
    height: 559px;
}


/*my courses class details css*/
.find_btm_class .find_btm_class_left {
    width: 125px;
}

.find_btm_class .find_btm_class_right {
    width: calc(100% - 125px)
}

ul.custom_nav_bar.custom_yellow_line li {
    background-color: transparent;
}

ul.custom_nav_bar.custom_yellow_line li.nav-item button.nav-link.active {
    border-bottom: 2px solid #FFC924;
}

ul.custom_nav_bar.custom_yellow_line li.nav-item button.nav-link {
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

ul.custom_nav_bar.custom_yellow_line li.nav-item button.nav-link {
    padding: 15px 15px 20px;
}


.list_btw_dots ul li {
    padding-left: 17px;
    margin-left: 17px;
    position: relative;
}

.list_btw_dots ul li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -3px;
    background-color: #000;
    width: 5px;
    height: 5px;
    border-radius: 50px;
    transform: translateY(-50%);
}

span.green_dots {
    width: 10px;
    height: 10px;
    content: '';
    background: #87D836;
    border-radius: 10px;
    top: 7px;
    right: 0;
}

span.red_dots {
    width: 10px;
    height: 10px;
    content: '';
    background: red;
    border-radius: 10px;
    top: 7px;
    right: 0;
}

span.green_dots2 {
    width: 10px;
    height: 10px;
    content: '';
    background: #87D836;
    border-radius: 10px;
    top: 7px;
    left: -16px;
}

span.red_dots2 {
    width: 10px;
    height: 10px;
    content: '';
    background: red;
    border-radius: 10px;
    top: 7px;
    left: -16px;
}

.env_img {
    width: 64px;
    height: 64px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.env_text {
    margin-left: 20px;
    width: calc(100% - 64px);
}

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


/*custom-pagination*/
.custom-pagination ul {
    background: #FFFFFF;
    border: 1px solid #570861;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
}

.custom-pagination ul li a {
    border: none;
    background: transparent;
    padding: 12px 20px;
    font-weight: 500;
}

.custom-pagination ul li.active a {
    background: #570861 !important;
    color: #fff !important;
}

/*video boxes*/
.video_boxs_sec {
    padding: 20px;
    border: 3px solid #FFC924;
    margin: 0 0 40px;
    border-radius: 10px;
}

.video_boxs_sec .video_boxs {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(image.png);
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

/*cancel btn*/
.cancel_btn {
    right: 0;
    top: 0;
}

.cancel_btn a {
    width: 35px;
    height: 35px;
    background: #131313;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    font-weight: bold;
}

/*remark card*/
.remark {
    padding: 15px 15px;
}

.safety_btn a:hover svg path {
    fill: #fff;
}

/*discssion card css*/
.discussion_sec .discss_img img {
    width: 58px;
    height: 58px;
}

/*teacher details pages*/
.tech_video_box video {
    border-radius: 10px;
}

.tch_head_det .tech_img {
    width: 268px;
}

.tech_ctn.ms-4 {
    width: calc(100% - 268px);
    background-color: white;
    border-radius: 15px;
    padding: 15px;
}

.tch_head_det .tech_img img {
    width: 268px;
    height: 268px;
    border: 5px solid #FFFFFF;
    border-radius: 100%;
}

.tch_head_det {
    margin-bottom: -50px;
}

.tech_about {
    padding: 80px 0 0px;
}

.tech_about a:hover.btn-theme.bg-purple {
    color: #000 !important;
}



/*play button css*/
.play-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    pointer-events: none;
}

.play-button-wrapper #circle-play-b {
    cursor: pointer;
    pointer-events: auto;
}

.play-button-wrapper #circle-play-b svg {
    width: 100px;
    height: 100px;
    fill: #fff;
    stroke: #fff;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    opacity: 0.9;
}


/*Yellow-border-modal*/
.yello_left_border .modal-dialog .modal-content {
    border-left: 20px solid #FFC924;
}

.safety_list ol li {
    position: relative;
    padding-left: 20px;
    counter-increment: ordered-counter;
}

.safety_list ol {
    padding: 0;
    counter-reset: ordered-counter;
    list-style: none;
}

.safety_list ol li:before {
    position: absolute;
    content: counter(ordered-counter) ".";
    left: 0;
    top: 0px;
}





/*quiz section pages*/

.quiz_card {
    background: #FFFFFF;
    border: 1px solid rgba(19, 19, 19, 0.1);
    box-shadow: 0px 15px 40px 5px #EDEDED;
    border-radius: 20px;
    padding: 40px;
}

.quiz_card .left_side .quiz_image img {
    width: 100%;
    height: 450px;
    border-radius: 10px;
    object-fit: cover;
}

.timer_calss {
    font-weight: 700;
    font-size: 22px;
}

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


.custom_pagenation ul li.circle {
    width: 42px;
    height: 42px;
    background: #F5F5F5;
    margin: 0 05px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    transition: 0.5s ease;
}

.custom_pagenation ul li.circle.active {
    background: #570861;
}

.custom_pagenation ul li.circle.active a {
    color: #fff;
}

.custom_pagenation ul li:hover.circle {
    background: #570861;
    color: #fff;
}

.custom_pagenation ul li:hover.circle a {
    color: #fff;
}


/*certification page css*/
.certi_box {
    background: #FFFFFF;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.certi_box .certi_images {
    padding: 104px 30px;
    background: rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.21);
    border-radius: 10px 10px 0px 0px;
}

.certi_box .certi_ctn {
    padding: 15px 27px 20px 15px;
}

.certi_box .certi_ctn h2 {
    font-size: 20px;
}

.certi_box .certi_ctn .dwnload_btm .dwnl_img img {
    width: 42px;
    height: 42px;
}

.music-tag {
    position: absolute;
    bottom: 16px;
    right: 12px;
}

/*blog*/
.blogs_lists .blog_img>img {
    height: 272px;
    object-fit: cover
}

.blogs_detail .blog_img>img {
    height: 440px;
    object-fit: cover;
    border-radius: 10px;
}

.middle_contn .blog_img>img {
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
}


.quiz_Inst .form-check .form-check-input:checked+label.form-check-label {
    color: #570861 !important;
    font-weight: 600;
}

.quiz_Inst .form-check .form-check-input+label {
    color: rgba(105, 111, 121, 1);
}


/*faq-section*/
ul.traning_list {}

ul.traning_list li {
    background: rgba(255, 201, 36, 0.3);
    border-radius: 10px;
    padding: 20px 25px;
    counter-increment: ordered-counter;
}

ul.traning_list li h3:before {
    content: counter(ordered-counter) ".    ";
}




/*===============================================================================================================================*/
/*Parent side page start css here to */
/*===============================================================================================================================*/

/*class option modal*/
.class_op_user img {
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 100%;
}

/*
.lear_stati_info span{color: rgb(19 19 19 / 50%);}
.lear_stati_info p{color: rgb(19 19 19 / 40%);}*/


#full-stars-example-two .rating-group {
    display: inline-flex;
}

#full-stars-example-two .rating__icon {
    pointer-events: none;
}

#full-stars-example-two .rating__input {
    position: absolute !important;
    left: -9999px !important;
}

#full-stars-example-two .rating__input--none {
    display: none;
}

#full-stars-example-two .rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 2rem;
}

#full-stars-example-two .rating__icon--star {
    color: orange;
}

#full-stars-example-two .rating__input:checked~.rating__label .rating__icon--star {
    color: #ddd;
}

#full-stars-example-two .rating-group:hover .rating__label .rating__icon--star {
    color: orange;
}

#full-stars-example-two .rating__input:hover~.rating__label .rating__icon--star {
    color: #ddd;
}


/*parent certificate*/
.certi-section .title {
    margin-bottom: 40px;
}

.certi_sec .certi_box .certi_images img {
    width: 90px;
}

.certi-main {
    display: flex;
    align-items: center;
    margin-left: -37px;
    flex-wrap: wrap;
}

.certifi_col {
    width: calc(100% / 5);
    padding-left: 37px;
    margin-bottom: 37px;
}

.certifi_display {
    text-align: center;
    background: rgba(249, 249, 255, 0.6);
    border-radius: 10px;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 13%);
    padding-bottom: 26px;
}

.certifi_display .cert_image img {
    width: 100px;
    height: 100px;
    border: 2px solid #000;
    border-radius: 100%;
}

.certifi_display .cert_image {
    padding: 30px 20px;
}

.certifi_display .cert_name {
    padding: 18px 0 18px;
    background-color: #ffff;
    border-radius: 10px;
}

.certifi_display .cert_name span {
    font-size: 20px;
    font-weight: 600;
    color: #570861;
}

.refer_title p {
    padding: 0 0 50 0;
}

.copy_text_bx {
    border: 1px solid #66666659;
    padding: 10px 15px;
    display: block;
    width: 503px;
    max-width: 100%;
    border-radius: 50px;
    margin: 0 auto;
    text-align: left;
}

a#copy {
    top: 0;
    background: #FFC924;
    padding: 10px 25px;
    display: block;
    right: 0;
    border-radius: 50px;
}


/*attendance css*/
.attendence_box {
    background: #4CBC9A;
    border-radius: 15px;
    padding: 10px 9px;
}

.attendence_box span {
    font-size: 20px;
    color: #fff;
}

.attendence_box p {
    font-size: 12px;
    color: #fff;
    text-transform: capitalize;
}

.attendence_box canvas {
    width: 33px !important;
    height: 33px !important;
}

.attendence_box.absent_bg {
    background: #FEC64F;
}

.attendence_box.joined_bg {
    background: #FC6B57;
}


/*edit profile css*/

.parent_edit {
    width: 350px;
    height: 350px;
    /*margin: 0 0 0 auto;*/
    border-radius: 100%;
    border: 1px solid;
}

.edit_pren_prof {
    position: absolute;
    bottom: -32px;
    right: 32%;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #1D1E25;
    border-radius: 100%;
    background-color: #fff;
}

.learner_uploads {
    margin-right: 50px;
}

.learner_profile_box:first-child {
    margin-top: 10px;
    margin-bottom: 30px;
}

.learner_profile_box {
    padding: 30px 30px;
    background: #F9F9FF99;
    border-radius: 10px;
}

.learner_uploads img {
    border: 1px solid #000;
    border-radius: 100%;
    width: 100px;
    height: 100px;
}

.learner_uploads .edit_pren_prof {
    width: 26px;
    height: 26px;
    bottom: -12px;
    right: 26%;
}

.learner_uploads+h2 {
    background: #fff;
    border-radius: 10px;
    padding: 15px 20px;
}

a.learner_pr_edit {
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}

/*request class */
.lead_req_img img {
    width: 42px;
    height: 42px;
}

.lead_request .card {
    padding: 20px;
    margin-bottom: 30px;
}

.lead_req_img {
    margin-bottom: 20px;
}

.lead_req_img span.green_dots {
    right: auto;
    top: 17px;
}

.num_of_teach ul li {
    margin-right: 8px;
    width: 22px;
    height: 25px;
    background-color: rgba(19, 19, 19, 0.4);
}

.num_of_teach ul li.active {
    background-color: rgba(255, 201, 36, 1);
}

.num_of_teach ul li:last-child {
    margin-right: 0;
}

.request_class_info {
    padding: 20px;
}

.request_class_info .req_info_ques span {
    font-size: 18px;
    line-height: 21px;
}

.request_class_info .req_info_ques {
    margin-bottom: 20px;
    display: block;
}

.request_class_info .req_info_ques p {
    font-size: 16px;
    line-height: 24px;
    color: rgba(19, 19, 19, 1);
}

.request_class_info .req_info_ques:last-child {
    margin-bottom: 0;
}

/*edit profile*/
.edit_img_profile.class_image .imageWrapper img {
    height: 323px;
}


/*tech details*/
.usr_leart_imgs {
    width: 48px;
    height: 48px;
    border-radius: 5px;
    background-color: #570861;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 24px;
    color: white;
}

.enroll_list .enroll_left img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 1px solid #000;
}

.enroll_list .enroll_left .enroll_flag img {
    width: 20px;
    height: 20px;
}

.enroll_age {
    background: rgba(240, 240, 240, 1);
    padding: 6px 10px;
    border-radius: 5px;
}

.progrss_report .card {
    padding: 20px;
    margin-bottom: 20px;
}

/*mycoupon list*/
.coupon_card {
    margin-bottom: 20px;
}

.coupon_card .coupon_left {
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    background: rgba(240, 240, 240, 1);
    color: rgba(87, 8, 97, 1);
    text-align: center;
    padding: 20px;
    border-radius: 10px 0 0 10px;
}

.coupon_card .coupon_right {
    width: calc(90% - 100px);
    padding: 20px;
}

.coupon_card .coupon_right p {
    font-size: 16px;
}

.coupon_card .button {
    padding: 20px;
}

.coup_box {
    width: 80%;
}

.table_custom_bg {
    background: rgb(219 219 219 / 8%);
    border-top: 0px solid transparent;
}

.next_meets li.card {
    padding: 20px;
}

/*sponser-detail page*/
.sponserd_teacher .card {
    padding: 20px;
}

.sponserd_teacher .card .sponser_user {
    width: 80px;
    height: 80px;
}

.sponserd_teacher .card .sponser_user .sponser_flag {
    bottom: -10px;
    right: 24px;
    width: 30px;
    height: 30px;
}


/*.lear_stati_info span{color: rgb(19 19 19 / 50%);}    
.lear_stati_info p{color: rgb(19 19 19 / 40%);}*/
/*attendance css*/
.attendence_box {
    background: #4CBC9A;
    border-radius: 15px;
    padding: 10px 9px;
}

.attendence_box span {
    font-size: 20px;
    color: #fff;
}

.attendence_box p {
    font-size: 12px;
    color: #fff;
    text-transform: capitalize;
}

.attendence_box canvas {
    width: 33px !important;
    height: 33px !important;
}

.attendence_box.absent_bg {
    background: #FEC64F;
}

.attendence_box.joined_bg {
    background: #FC6B57;
}

.my_statistic .attendence_box {
    padding: 28px 23px;
}

.my_statistic .attendence_box p {
    font-size: 14px;
}

.attendence_box canvas {
    width: 48px !important;
    height: 48px !important;
}

/*.attendence_box canvas + div{width: calc(100% - 48px);}*/
.my_statistic .attendence_box span.count {
    font-size: 16px;
    font-weight: 600;
}

/*testimonial section*/
.what_say img {
    width: 200px;
    height: 200px;
}

/*hat rotate*/
.loader-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #ffefbde8;
}

#hat-image {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
    animation: rotateHat 5s infinite linear;
}

@keyframes rotateHat {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}



/*qestion by prospective student*/
.qes_by_prospect .inter_class .inter_top {
    margin-bottom: 20px;
    border-bottom: 1px solid rgb(0 0 0 / 8%);
    padding-bottom: 23px;
}

.qes_by_prospect .inter_class .inter_top img {
    width: 42px;
    height: 42px;
}

.qes_by_prospect .inter_class .inter_infos {
    width: calc(100% - 42px);
}

.qes_by_prospect .inter_class .inter_top:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}


/*my class details*/
ul.edit_delete li:first-child {
    margin-right: 20px;
}

ul.edit_delete li a {
    border: 1px solid #1D1E25;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

/*radiobutton*/
.radio-item [type="radio"] {
    display: none;
}

.radio-item label {
    padding: 12px 50px;
    border: 1px solid #570861;
    box-shadow: 0px 20px 30px 0px rgb(0 0 0 / 5%);
    border-radius: 50px;
    color: #131313;
    font-weight: 500;
    transition: all 0.5s ease;
    text-transform: capitalize;
    text-transform: capitalize;
}

.radio-item [type="radio"]:checked~label {
    background: #FFC924;
}

span.word_count {
    bottom: 0;
    right: 0;
    font-size: 12px;
    padding: 0 10px 5px;
}

.class_title textarea {
    padding: 10px 10px 20px !important;
}

.class_image .imageWrapper img {
    width: 100px;
    height: 356px;
    object-fit: contain;
    border-radius: 12px;
}

.class_image .imageWrapper video {
    width: 100%;
    max-width: 500px;
    /* Adjust the width to your preference */
    height: auto;
    /* Maintain aspect ratio */
    /* border-radius: 12px; */
    object-fit: contain;
}


.class_image .file-upload {
    position: absolute;
    overflow: hidden;
    width: 100%;
    color: #fff;
    font-size: 0;
    background: transparent;
    padding: 0.85em 1em;
    display: inline;
    -ms-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    top: 0;
    left: 0;
    height: 100%;
    border: 1px solid #66666659;
    border-radius: 12px;
}

.class_image .file-upload input.file-input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 100%;
    width: 100%;
}

.pricing_guide {
    box-shadow: 0px 2px 4px rgb(0 0 0 / 25%);
    border-radius: 10px;
    padding: 18px;
}

.attach_box textarea {
    padding: 10px 10px 50px !important;
}

.att_icon_list {
    bottom: 15px;
    right: 15px;
}

.att_icon_list ul li {
    margin-right: 15px;
}

.att_icon_list ul li a {
    width: 30px;
    height: 30px;
    box-shadow: 0px 3px 5px rgb(0 0 0 / 26%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}


/*quiz list page css*/
.radio-button-container {
    color: rgba(0, 0, 0, 0.75);
    position: relative;
    padding-left: 35px;
    line-height: 25px;
    margin-bottom: 0;
    margin-left: 16px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radio-button-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmarks {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    border: 4px solid #FFC924;
    transition: all 0.3s;
}

.radio-button-container input:checked~.checkmarks {
    background-color: rgba(0, 0, 0, 0);
    border-color: #FFC924;
}

.checkmarks:after {
    content: "";
    position: absolute;
    display: none;
}

.radio-button-container input:checked~.checkmarks:after {
    display: block;
}

.radio-button-container .checkmarks:after {
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #FFC924;
    transform: translate(-50%, -50%);
}

.card_gray {
    padding: 30px;
    border-radius: 10px;
    background-color: #F9F9FF99;
}

.list_of_quiz>ul>li {
    margin-bottom: 30px;
}

.quiz_ques_box span {
    width: calc(90% - 35px);
    max-width: 100%;
}

.quiz_ques_box h4 {
    width: 33px;
}


/*social-media*/
ul.soical_media_link {
    display: flex;
    justify-content: center;
}

ul.soical_media_link li a {
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

ul.soical_media_link li {
    margin-right: 10px;
}

ul.soical_media_link li:last-child {
    margin-right: 0px;
}

ul.soical_media_link li a:hover {
    background: #1877F2;
    border-color: #1877F2;
}

ul.soical_media_link li a:hover svg {
    fill: #fff;
}

.form-check label {
    text-transform: capitalize;
}

.setp_list img {
    width: 100px;
}


.form-check label {
    text-transform: capitalize;
}

/*for form signup*/
.setp_list img {
    width: 100px;
}


/*multiple select custom css*/


.hidden {
    display: none;
}


/*for form signup*/
span.select2-selection.select2-selection--single {
    border-radius: 20px;
    padding: 6px 8px 6px;
    height: auto;
    border: 1px solid #000;
}

span.select2-selection__arrow {
    top: 8px !important;
}

.setp_list img {
    width: 100px;
}

/*newslatter section*/
.newslatter_sec {
    background-image: url(./assets/../css/../../images/blog3.png);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: cover;
    position: relative;
}

.newslatter_sec:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
}

.newslatter_sec>div {
    position: relative;
    z-index: 11;
}

/*accrodion custom css*/
.custom_accordin .accordion-button:not(.collapsed) {
    color: #7b2f87;
    background: #fff;
}

/*mobile filter*/
ul.mobile_filter li h2.accordion-header button.accordion-button {
    color: #000;
    background: transparent;
}

ul.mobile_filter li .accordion-collapse ul li.headings {
    margin-bottom: 10px;
    font-weight: 600;
}

/*scroll auto  custom css*/
.nav-item-list ul.main-menu::-webkit-scrollbar-track {
    background-color: #ffffff;
}

.nav-item-list ul.main-menu::-webkit-scrollbar {
    width: 0px;
    background-color: #F5F5F5;
    height: 8px;
}

.nav-item-list ul.main-menu::-webkit-scrollbar-thumb {
    background-color: rgb(87 8 97);
}


/*subject categories dropdown*/
.dropdown-menu.subjects_drp.filter_box {
    min-width: 650px;
}

.dropdown-menu.subjects_drp.filter_box .nav-pills buttoon {
    text-align: start;
}

.dropdown-menu.subjects_drp.filter_box button {
    text-align: left;
    font-size: 14px;
    color: #000;
    padding: 5px 10px;
    width: 165px;
    max-width: 100%;
}

.dropdown-menu.subjects_drp.filter_box button.active {
    background: #7b2f89;
    color: #fff;
}

.dropdown-menu.subjects_drp.filter_box ul li {
    font-size: 14px;
}

.form-select:disabled {
    background-color: transparent;
}

.dropdown-menu.subjects_drp.filter_box ul li.headings {
    margin-bottom: 6px;
}



/*read more content css hide / show*/
.read-more-target,
.read-more-trigger_opened {
    display: none;
}

.read-more-state:checked~.read-more-target,
.read-more-state:checked~.read-more-trigger_opened {
    display: block;
}

.read-more-state:checked~.read-more-trigger_closed {
    display: none;
}


/*dropdown image height and width*/
img.h-20px {
    width: 25px;
    height: 25px;
}

/*for modal categories*/
.for_cate_modal .popular_item ul li a .topi_icon {
    width: 50px;
    height: 50px
}

.for_cate_modal .popular_item ul li a .topi_icon img {
    width: 30px;
}

.for_cate_modal .popular_item ul li {
    margin-right: 20px;
    margin-bottom: 20px;
}

.for_cate_modal .popular_item ul li a span {
    font-size: 14px;
}

#select_learner_like .popular_item ul li {
    min-width: auto;
}

.form-select:disabled {
    background-color: transparent;
}



img.flag-img {
    width: 20px;
}

img.det_flag_class {
    width: 20px;
    height: 20px;
    border-radius: 0% !important;
}



.custom-truncate {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Set the number of lines before truncation */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.round-image {
    width: 150px;
    /* Adjust the size as needed */
    height: 150px;
    /* Keep the width and height equal for a perfect circle */
    border-radius: 50%;
    object-fit: cover;
    /* Ensures the image scales properly within the circle */
    border: 2px solid #ddd;
    /* Optional: Add a border for styling */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* Optional: Add a shadow for effect */
}

.stars {
    display: flex;
    justify-content: center;
    gap: 5px;
    /* Space between stars */
}

.star-icon {
    width: 35px;
    height: 35px;
}



/*===============================================================================================================================*/
/*Organiztions page start css here to */
/*===============================================================================================================================*/
.pay_pice_set .card {
    padding: 20px;
    margin-bottom: 30px;
}

.pay_pice_box .pay_set_left>img {
    width: 100px;
    height: 100px;
}

.pay_pice_box .pay_set_left .price_flag img {
    width: 30px;
    height: 30px;
    object-fit: cover;
}

.pay_pice_box .pay_set_left .price_flag {
    bottom: -10px;
    right: 35px;
}

.org_met_gobal .global_box .glbal_info img {
    width: 150px;
    height: 150px;
    top: -30px;
    left: -30px;
}

.org_met_gobal .global_box .glbal_info .box_name img.global_shap {
    width: 100px;
    height: 100px;
    top: 110px;
    left: -30px;
}

.org_met_gobal .global_box .glbal_info .box_name {
    height: 184px;
    width: 200px;
}

.org_met_gobal.meet-gobal-team h2 {
    padding-bottom: 70px;
}

.org_met_gobal.meet-gobal-team {
    padding: 20px 0 150px;
}

.org_top_teacher .slick-slide {
    margin-top: 35px;
}

.manage_media_tech li {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    border: 1px solid #000;
    border-radius: 100%;
}

.manage_media_tech li:last-child {
    margin-right: 0;
}

/*after going development*/
.maybe_inter .slick-slide {
    margin-right: 24px;
}

/* .CustSliderSearch-parent .maybe_inter .slick-slide {
    margin-right: 0;
} */

.news_box .slick-slide {
    margin: 0 10px;
}

.off_slide.heigh_income .slick-slider .off_box {
    /* padding: 20px; */
    margin-right: 20px;
}

.heigh_income .slick-track .slick-slide {
    margin-right: 20px;
}

/*26-10-2023*/
.ReactModal__Overlay.ReactModal__Overlay--after-open {
    background-color: rgb(0 0 0 / 56%) !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.outschool-vuszil {
    display: flex;
    border: 1px solid rgb(224, 224, 224);
    border-radius: 4px;
    position: absolute;
    right: 5%;
    flex-direction: column;
    padding: 1em;
    width: 215px;
}

/* blog */
.media-item-container {
    position: relative;
    overflow: hidden;
}

.media-item {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pro_img {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 33px;
    flex-direction: column;
    color: #666666;
}

.subscription-custom-font {
    color: #570861;
    /* Text color */
    text-decoration: none;
    /* Underline */
    font-family: 'Courier New', Courier, monospace;
    /* Custom font */
    padding: 10px;
    /* Padding */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    /* Box shadow */
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
    /* Smooth transition for box shadow and background color */
    background-color: rgba(255, 201, 36, 0.3);
    /* Background color with RGBA transparency */
    display: inline-block;
}

.subscription-custom-font:hover {
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    /* Increase shadow on hover */
    background-color: rgba(255, 201, 36, 0.5);
    /* Adjusted background color on hover */
}

.meeting-list-container {
    margin: 20px;
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 8px;
}

.meeting-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.meeting-item {
    display: flex;
    /* Flexbox layout */
    justify-content: space-between;
    /* Distribute space between details and button */
    align-items: center;
    /* Align items vertically */
    margin-bottom: 10px;
    padding: 10px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.meeting-details {
    flex: 1;
    /* Take up available space */
    display: flex;
    flex-direction: column;
    /* Stack date and time vertically */
}

.meeting-actions {
    margin-left: 10px;
}

.no-data-message {
    color: #570861;
    font-size: 18px;
    text-align: center;
}


/* dropdown-arrow css */

.custom-select select {
    padding: 8px;
    font-size: 16px;
    line-height: 1;
    height: 42px;
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #fff;
    background-repeat: no-repeat;
    background-size: 12px auto;
    -webkit-appearance: none;
    position: relative;
    min-width: max-content;
    padding-right: 30px;
    background-position: calc(100% - 10px) center;
}

.otp-model .btn-close {
    position: absolute;
    z-index: 999;
    right: 26px;
    top: 28px;
}

.otp-model .modal-body {
    padding: 30px 40px 20px;
}


/* Changes done */
.card-h-461 {
    padding: 30px 20px;
    background: #fff;
    border-radius: 0 0 10px 10px;
    min-height: 480px;
}

.class_room_info {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}

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

.space {
    margin-right: 10px;
}

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

.group-box {
    cursor: pointer;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.group-box.bg-gray {
    background-color: #f0f0f0;
}

.safety-container {
    margin-top: 90px;
}

.safety-header {
    text-align: center;
    margin-bottom: 20px;
}

.safety-title {
    font-size: 2rem;
    color: #333;
    margin-bottom: 10px;
}

.safety-subtitle {
    font-size: 1rem;
    color: #555;
}

.safety-list {
    list-style: none;
    padding: 0;
}

.safety-items {
    margin: 0;
    padding: 0;
}

.safety-item {
    display: flex;
    align-items: start;
    margin-bottom: 20px;
    padding: 15px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.29);
}

.arrow-wrapper {
    margin-right: 15px;
}

.arrow-icon {
    width: 24px;
    height: 24px;
}

/* React quill editor css */

.editor-wrapper {
    margin-bottom: 30px;
}

.quill-editor {
    display: flex;
    flex-direction: column;
}

.ql-container {
    flex: 1;
    min-height: 200px;
    height: auto !important;
    max-height: none !important;
    overflow: hidden;
    /* Prevent content from spilling out */
}

.ql-editor {
    min-height: 200px;
    height: auto !important;
    max-height: none !important;
    overflow: visible;
    /* Allow content to grow */
    white-space: normal;
}

.ql-toolbar {
    position: sticky;
    top: 0;
    z-index: 1;
    background: white;
}


/* Text to speech */


/* Go to classroom button */

.btn-classroom {
    display: flex;
    align-items: center;
    /* Vertical alignment */
    justify-content: center;
    /* Horizontal alignment */
    text-align: center;
    /* Ensures text alignment */
    padding: 10px 20px;
    /* Adjust padding for spacing */
    border: 1px solid #6c2c6c;
    /* Optional: Add border color */
    border-radius: 50px;
    /* Keeps it rounded */
    background-color: transparent;
    /* Optional: Background color */
    color: #6c2c6c;
    /* Text color */
    font-size: 16px;
    /* Adjust font size */
    font-weight: 500;
    /* Optional: Font weight for readability */
    word-wrap: break-word;
    /* Handles text wrapping for long content */
    white-space: nowrap;
    /* Prevents text from breaking into multiple lines */
}

@media (max-width: 768px) {
    .btn-classroom {
        font-size: 14px;
        padding: 8px 16px;
    }
}


/* For description */

.lesson-details ol {
    list-style-type: decimal;
    /* Ensure numbers are displayed */
    margin-left: 20px;
    /* Optional */
}

.lesson-details li {
    list-style-type: inherit;
}


/*  */
.attachments-list {
    display: flex;
    flex-direction: column;
}

.attachment-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.attachment-item span {
    margin-right: 10px;
}

.delete-icon {
    background: none;
    border: none;
    cursor: pointer;
}

.delete-icon img {
    width: 16px;
    height: 16px;
}


.textarea-wrapper {
    position: relative;
}

.textarea-wrapper .form-control {
    padding-right: 100px;
    /* Adjust based on button width */
}

.attachments-preview {
    position: absolute;
    top: 0;
    /* right: 0; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: 100%;
    overflow-y: auto;
}

.attachment-name {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
}

.btn-close {
    margin-left: 8px;
    cursor: pointer;
}


/* Upcoming meeting page */

.profile-section {
    text-align: center;
    max-width: 150px;
    /* Optional: Set a max width for the profile section */
}

.profile-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.meeting-details {
    flex-grow: 1;
}


/* Homework attachment style */


.attachment-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.attachment-item {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    margin-bottom: 4px;
}

.attachment-name {
    margin-right: 8px;
    font-size: 14px;
}


/* New Leads subscription CSS */

/* General container styling */
.container-main {
    padding: 2rem;
    border-radius: 10px;
    font-family: 'Arial', sans-serif;
}

/* Header styling */
.container-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

/* Input switch styling */
#switch {
    width: 40px;
    height: 20px;
    appearance: none;
    background: #b9b8b8;
    border-radius: 20px;
    position: relative;
    outline: none;
    cursor: pointer;
    transition: background 0.3s ease;
}

#switch:checked {
    background: rgb(87, 8, 97);
}

#switch::after {
    content: '';
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: transform 0.3s ease;
}

#switch:checked::after {
    transform: translateX(20px);
}

/* Subscription plan cards */
.container-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.professional {
    background: #ededed;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.professional:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

/* Titles and text */
.professional h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: #333;
}

.starter_price,
.pro_price {
    font-size: 1.8rem;
    margin: 0.5rem 0;
    color: rgb(87, 8, 97);
}

.starter_text,
.pro_text {
    font-size: 1rem;
    color: #555;
}

.professional p {
    font-size: 0.9rem;
    color: #666;
    margin: 1rem 0;
}

/* Radio button group styling */
.radio-group {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.radio-group label {
    font-size: 1rem;
    color: #333;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 0.5rem;
}

.radio-group input[type="radio"] {
    appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid rgb(87, 8, 97);
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    transition: background 0.3s ease, border 0.3s ease;
}

.radio-group input[type="radio"]:checked {
    background: rgb(87, 8, 97);
    border-color: rgb(87, 8, 97);
}

.radio-group input[type="radio"]:hover {
    border-color: #a24ca2;
}


/* Responsive adjustments */
@media (max-width: 768px) {
    .container-content {
        grid-template-columns: 1fr;
    }
}

/* 07-02-2025 */
.top10 .slick_silder_button button.slick-arrow {
    top: -73px !important;
}

.slick-slideshow__slide .news_info {
    border-radius: 20px;
    border: 1px solid #e4e4e4;
    overflow: hidden;
}

.top10 .fname {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.top10 .off_box.card .offline_ctn h4 {
    color: #292638;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.top10 .off_slide.heigh_income .slick-slider .off_box {
    min-height: 380px;
}


@media (max-width:567px) {
    .news_box .slick-slide {
        margin: 0 12px 0 -6px;
    }
}

.video_boxs_sec .video_boxs video {
    display: flex;
}

/* Calandar customization */
.Calendar {
    width: 100% !important;
    max-width: 100% !important;
}

.Calendar__monthArrow {
    width: 14px !important;
    height: 14px !important;
}

.Calendar__day.-selected,
.Calendar__day.-selectedStart,
.Calendar__day.-selectedEnd {
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
}

.Calendar__section {
    padding: 0 4.5em !important;
}

.Calendar__weekDays {
    padding: 0 3.6em !important;
}

.Calendar__day:not(.-blank):not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween):not(.-selected):hover {
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
}


.custom_nav_bar li.nav-item .nav-link {
    text-wrap: nowrap;
}

@media (max-width:1024px) {
    .custom_nav_bar li.nav-item .nav-link {
        font-size: 14px;
        text-wrap: nowrap;
    }
}

.payment-week {
    background: rgba(241, 241, 241, 0.65);
    border-radius: 9px;
    width: 400px;
}

.class_room_inner {
    gap: 8px;
}

/* .class_room_info{
    flex-wrap: wrap;
} */

/* .class_room_inner {
    gap: 8px;
    flex-wrap: wrap;
} */

.class_rm_text {
    margin-right: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.Cust_single-box .payment-week {
    width: auto;
}

.img_cover {
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;

}

.img-001 {
    width: 34px;
    height: 34px;
}

.object_fit {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.object_fit_contain {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.object_fit_2 {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.Cust_single-box .bottom-info {
    margin-top: 24px;
}

.Cust_single-box .like.toggle label:before {
    font-size: 20px;
}

.CustSliderSearch .tag {
    overflow-x: auto;
    display: flex;
    text-wrap: nowrap;
    display: flex;
    gap: 2px;
    align-items: center;
}

.CustSliderSearch-parent .tag {
    overflow-x: auto;
    display: flex;
    text-wrap: nowrap;
    display: flex;
    gap: 2px;
    align-items: center;
}

.CustSliderSearch-parent .video-container video {
    border-radius: 10px 10px 0 0;
}

.CustSliderSearch-parent .class_room_info {
    min-height: 470px;
}

.CustSliderSearch-parent .maybe_inter .slick-slide {
    margin-right: 0 !important;
}

/* End Calandar customization */
/* End 07-02-2025 */
/* End 10-02-2025 */
.CustSliderSearch .class_room_info .class_title p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 48px;
}

.CustSliderSearch-parent .class_room_info .class_title p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 48px;
}

.class_room_info {
    min-height: 465px;
}

.overflow-x-auto1 {
    overflow-x: auto;
}



/* width */
.scollbar1::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.scollbar1::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.scollbar1::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.scollbar1::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/*  */
/* width */
.scollbar1.tag::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

/* Track */
.scollbar1.tag::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.scollbar1.tag::-webkit-scrollbar-thumb {
    background: #cfcfcf;
}

/* Handle on hover */
.scollbar1.tag::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.single-box .scollbar1.tag {
    display: flex;
    gap: 3px;
    text-wrap: nowrap;
    overflow: auto;
}

.CustSliderSearch .bottom-info {
    min-height: 62px;
}

.CustSliderSearch-parent .bottom-info {
    min-height: 62px;
}

.CustSliderSearch-parent .bottom-info {
    min-height: 62px;
    position: static;
    background: #ffefbd;
}

.videoBox01 .video-container {
    min-height: 214.5px;
    padding: 0 !important;
    position: relative !important;
}


.videoBox02 .video-container {
    min-height: 213.5px;
    padding: 0 !important;
    position: relative !important;
}

.CustSliderSearch.CustquizDetail .class_room_info {
    min-height: 332px;
}

@media (max-width:1440px) {
    .videoBox01 .video-container {
        min-height: 202px;
    }

    .videoBox02 .video-container {
        min-height: 224.5px;
    }

    /* 17-02-2025 */

    .fav-video-container .video-container {
        height: 310px;
    }

    /* 17-02-2025 */
}

@media (max-width:1200px) {
    .fav-video-container .class_room_info {
        min-height: auto;
    }

    .card-enrollment .off_bg_img .imgTop {
        width: 100%;
        height: 240px;
    }
}

@media (max-width:1199px) {
    .videoBox01 .video-container {
        min-height: 124px;
    }
}

@media (max-width:992px) {
    .videoBox01 .video-container {
        min-height: 163px;
    }
    .class_room_info {
        min-height: 100%;
    }
}

@media (max-width:768px) {
    .videoBox01 .video-container {
        min-height: 199px;
    }
}

@media (max-width:680px) {
    .videoBox01 .video-container {
        min-height: 250px;
    }
}

@media (max-width:575px) {
    .class_room_info {
        gap: 15px;
        min-height: auto;
    }

    .CustSliderSearch .class_room_info .class_title p {
        min-height: auto;
    }

    .fav-video-container .class_box .single-box .class_image_box .class_img {
        height: 250px !important;
    }

    .fav-video-container .video-container video {
        object-fit: cover;
        object-position: top;
    }
}

@media (max-width:480px) {
    .videoBox01 .video-container {
        min-height: 157px;
    }
}



/* End 10-02-2025 */

/* Parent side changes */
.after-none .subject_ctn ul li:after {
    display: none !important;
}

.sub_categroy>li .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.myStatistics .learn_stati .card {
    height: auto;
    padding: 20px;
}

.chat_userBox {
    position: relative;
}

.video-container video {
    object-fit: cover;
    object-position: top;
}

.img-offline_user1 {
    margin: 20px 0;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: -48px;
}

.card-enrollment .off_bg_img {
    position: absolute;
}

.card-enrollment .off_bg_img .imgTop {
    width: 100%;
    height: 270px;
    overflow: hidden;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.card-enrollment .off_box.card {
    height: 100%;
}

.card-enrollment {
    height: 100%;
}

.card-enrollment .off_box.card {
    height: 100%;
    display: flex;
    /* justify-content: space-between; */
}

.list_notification ul:after {
    height: 100%;
}

.list_notification ul li:last-child .notif_left {
    position: relative;
    z-index: 1;
    background: #ffffff;
}

.kids-profile1 {
    width: 45px;
    height: 45px;
    background-color: gray;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;

}

.enroll_list .enroll_left .kids-profile1 img {
    border: 0;
}

/* Home page */
.card-text-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 23px;
    height: 100%;
    min-height: 350px;
}

.card-home .class_room_info {
    min-height: auto;
}

.explore_new_class .title {
    padding-right: 100px;
}

.globalTeam-photo {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #570861;
}

.globalTeam-photo img {
    position: static !important;
}

.globalTeam-photo-container {
    position: absolute;
    left: -50px;
    width: 200px;
    height: 200px;
    top: -50px;
}

.video_section {
    padding: 15px 0 70px;
}

.gobal_learn {
    bottom: -70px !important;
}

.padd-100 {
    padding-bottom: 50px;
}
.padd-pt-100 {
    padding-top: 50px;
}
.class_by_subject {
    padding: 50px 0;
}

@media(max-width:1440px) {
    .Cust_single-box.custRibin .ribbon {
        top: 13px;
    }

    /* .recentlyViewd .video-container video {
        height: calc(100% - 62px);
    } */

    .card-home .videoBox01 .video-container {
        min-height: 200px;
    }
}

@media(max-width:1200px) {
    .Cust_single-box .single-box {
        border: 1px solid rgba(19, 19, 19, 0.2);
        border-radius: 10px;
        margin: 0 9px;
        flex-direction: column;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .Cust_single-box .class_room_info {
        display: flex;
        flex-direction: column;
        gap: 20px;
        justify-content: space-between;
        padding: 20px !important;
    }

    .Cust_single-box .bottom-info {
        margin-top: 24px;
    }

    .Cust_single-box .payment-week {
        width: 280px;
    }

    .Cust_single-box .edit_delete {
        margin-bottom: 16px;
    }

    .Cust_single-box.tech_map .edit_delete {
        margin-bottom: 0;
    }

    .like.toggle label:before {
        font-size: 20px;
    }

    .globalTeam-photo-container {
        position: absolute;
        left: -30px;
        width: 130px;
        height: 130px;
        top: -50px;
    }

    .global_box .glbal_info .box_name {
        padding: 22px 20px;
        width: 200px !important;
        height: 200px !important;
        justify-content: end;
    }

    .gobal_learn {
        max-width: 400px;
    }
    h1 {
        font-size: 25px;
    }
}

@media(max-width:991px) {

    .Cust_single-box .payment-week .payment_price {
        font-size: 24px;
        margin-bottom: 8px;
    }

    /* 11-02-2025  */
    /* .videoBox01 .video-container {
        margin-top: 15px;
    } */

    /* 11-02-2025  */
    .globalTeam-photo-container {
        left: -30px;
        width: 100px;
        height: 100px;
        top: -50px;
    }

    .global_box .glbal_info .box_name {
        width: 150px !important;
        height: 150px !important;
        margin-top: 50px;
    }
 
   
}

@media(max-width:767px) {
    .Cust_single-box .payment-week {
        width: 100%;
        margin-top: 20px;
    }

    .CustFilter .sort_by select {
        width: 129px;
    }

    .chat_user {
        width: 48px;
        height: 48px;
    }
}

@media(max-width:575px) {
    .Cust_single-box .like.toggle label:before {
        font-size: 20px !important;
    }


    .like.toggle label:before {
        font-size: 20px;
    }

    .custom_nav_bar li.nav-item button.nav-link {
        gap: 12px;
    }

    .Cust_single-box.tech_map .ribbon:before {
        display: none;
    }

    .overflow-x-auto1 {
        overflow-x: unset;
    }

    .CustSliderSearch .tag {
        overflow-x: unset;
        flex-direction: column;
        gap: 15px;
    }

    .card-text-content {
        height: 100%;
        min-height: auto;
    }

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

    .padd-pt-100 {
        padding-top: 50px;
    }

    .global_box .glbal_info .box_name {
        width: 200px !important;
        height: 200px !important;
    }

    .globalTeam-photo-container {
        width: 150px !important;
        height: 150px !important;
    }

    .find-cls-teacher.join_our_section img.left {
        width: 10%;
    }

    .know-section {
        padding: 50px 0;
    }

    .awards_sec.padd-100 {
        padding-bottom: 50px;
    }
}

@media(max-width:480px) {

    /* End 10-02-2025 */
    .link001.fs-5 {
        font-size: 13px !important;
    }

    .link001.fs-5 {
        font-size: 13px !important;
    }

    .ReactModal__Content.ReactModal__Content--after-open {
        padding: 0 !important;
    }

    .CuscontactModal .modal-dialog {
        margin: 20px auto 20px !important;
    }

    .popular_item ul li a .topi_icon {
        width: 40px !important;
        height: 40px !important;
    }

    /* End 10-02-2025 */

    .footer-ul-li .row .col-4{
        width: 50%;
    }
}

/* TEXT TO SPEECH */

.speech-word {
    transition: background-color 0.2s;
  }
  .highlighted-word {
    background-color: yellow;
    padding: 2px 4px;
    border-radius: 2px;
  }

  .ReactModal__Overlay.ReactModal__Overlay--after-open {
    z-index: 3 !important;
}

/* Select learner subject model CSS */
  
  .custom-subject-modal {
    max-width: 800px;
    width: 100%;
    max-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .custom-subject-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 16px;
  }
  
  .custom-subject-body {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
  }
  
  .custom-subject-footer {
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    background-color: #fff;
  }
  

  @media (max-width: 768px) {
    .custom-subject-modal {
      max-height: 95vh;
      max-width: 95%;
    }
  }


  .scrollbar1 {
    overflow: visible !important; /* ensure children can be shown fully */
  }
  

  /* meeting waiting page css */

  .wait-room-msg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh; 
    text-align: center;
  }
  
  .wait-room-logo img {
    width: 250px; 
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  
  /* .............................................................. 28-04-2025 */
  .aichatbox-main {
    position: relative;
    height: calc(100vh - 250px);
    /* border: 1px solid; */
    padding-bottom: 108px;
    overflow: hidden;
}

.aichatbox-main .box {
    height: inherit;
    overflow-y: auto;
    padding: 16px 16px 16px 50px;
    padding-bottom: 130px;
}

.aichatbox {
    border: 3px solid rgb(87, 8, 97);
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    padding: 16px;
    position: absolute;
    bottom: 100px;
    width: calc(100% - 32px);
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background-color: #ffffffff;
    z-index: 99;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.askinput:focus-visible {
    outline: none;
}

.askinput {
    border: 0;
    font-size: 16px;
    line-height: 120%;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 2px;
}

.btn-rounded {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(87, 8, 97, 0.5);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.btn-rounded:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.micebtn {
    border: 3px solid rgb(87, 8, 97);
}

.micebtn:hover {
    background-color: aliceblue;
}

.sendbtn {
    background-color: #FFC924;
    border: 3px solid rgb(87, 8, 97);
}

.LeftmsgBox-container {
    background-color: rgba(87, 8, 97, 0.02);
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    padding: 20px 16px;
    max-width: 80%;
    float: right;
}

.RightmsgBox-container {
    border: 1px solid rgba(87, 8, 97, 0.1);
    background-color: rgba(87, 8, 97, 0.02);
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    padding: 20px 16px;
    max-width: 80%;
    position: relative;
}

.sendText {
    font-size: 16px;
    line-height: normal;
    width: 100%;
    overflow-y: auto;
    background-color: transparent;
    border: 0;
}

.receiveText {
    font-size: 16px;
    line-height: normal;
    width: 100%;
    overflow-y: auto;
    background-color: transparent;
    border: 0;

}

.chatgpt-icon {
    position: absolute;
    top: 0;
    left: -48px;
    width: 40px;
    height: 40px;
    border: 1px solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}


.copy-box {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.copy-box:hover {
    background-color: rgba(87, 8, 97, 0.05);
}
.copy-box img {
    width: 16px;
}

.mb-sendchat{
    margin-bottom: 24px;
}

.mb-receivechat{
    margin-bottom: 24px;
}
 /* @media(min-width:1200px) {
    .aichatbox-container.container {
        max-width: 768px;
    }
} */

.avatar-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-preview{
    width: 45px;
    height: 45px;
}

.main-menu li a {
    text-wrap: nowrap;
}

.main-menu {
    overflow-y: auto;
}