/*--------------------------------------------------------------------------------------*/
/*Responsive-Css-Here
/*--------------------------------------------------------------------------------------*/

@media screen and (min-width: 1441px) and (max-width: 1600px) {
    .container {
        /* max-width: 1140px; */
        max-width: 80%;
    }

    .hero-banner-bg {
        height: 900px;
    }

    .col-review .review-img img {
        max-height: 190px;
    }


}

@media screen and (min-height: 900px) and (max-height: 1200px) {

    .hero-banner-bg {
        height: 1250px;
    }

    .slider-img img {
        height: 300px !important;
    }

    .slider-img {
        max-width: 135px;
        max-height: 380px;
    }

}

@media screen and (min-height: 600px) and (max-height: 900px) {

    .hero-banner-bg {
        height: 1100px;
    }

    .slider-img img {
        height: 300px !important;
        margin-left: -38px;
    }

    .slider-img {
        max-width: 135px;
        max-height: 380px;
    }

    .col-form-fields {
        margin-right: 50px;
        width: 60%;
    }

    .main-navbar .nav-link {
        font-size: 13px;
    }

    #progressbar {
        row-gap: 16px;
    }

    #progressbar li:after {
        height: 100%;
    }

    #progressbar li .icon {
        height: 30px;
        min-width: 30px;
        width: 30px;
        font-size: 16px;
        margin-left: -15px;
    }

    #progressbar li .name strong {
        font-size: 16px;
    }

    .step-form-video video {
        min-height: 90vh;
    }

    .fs-title {
        /* font-size: 20px !important; */
        line-height: normal !important;
        margin-bottom: 20px !important;
    }

    .step-form form {
        margin-top: 30px;
    }

    .col-form-fields .desc-box,
    .col-form-fields .form-action {
        margin-top: 20px;
    }

    .col-form-fields .fields-row {
        row-gap: 10px;
    }

}

@media screen and (min-width: 1200px) and (max-width: 1340px) {
    .container {
        /* max-width: 1140px; */
        max-width: 80%;
    }

    .col-form-fields {
        margin-right: 50px;
        width: 60%;
    }

    .main-navbar .nav-link {
        font-size: 13px;
    }

    #progressbar {
        row-gap: 16px;
    }

    .hero-slide .hero-content h1 {
        font-size: 55px;
        line-height: 75px;
    }

    .expert-content h2 {
        font-size: 42px;
        line-height: 42px;
    }

    .expert-mentor .expert-btns {
        width: 51%;
    }

    .learn-connect {
        padding: 115px 0;
    }

    .become-mentor-row .content-box h2 {
        width: 100%;
    }

    .slider-img img {
        height: 300px !important;
    }

    .slider-img {
        max-width: 135px;
        max-height: 380px;
    }

    .col-review .review-img img {
        max-height: 180px;
    }

    .student-form .form-control {
        padding: 14px 20px;
    }

    .mentor-signup form fieldset,
    .signup-learner form fieldset {
        padding-bottom: 0;
    }

    .student-form .form-fileds.row {
        margin-bottom: 0;
        margin-top: 22px;
    }

    .phone .select2-container--default .select2-selection--single,
    .student-form .form-action .gradient-btn {
        height: 48px;
    }

    .col-signup-fields .form-action {
        margin-top: 20px;
    }

    .signup-learner .col-signup-steps .progress {
        margin-bottom: 22px;
    }
}

@media (min-width: 1400px) {

    /* .container {
        max-width: 1340px;
    } */
}

@media (min-width: 992px) {}

@media (max-width: 1199px) {}

@media (max-width: 991px) {
    .Evaluation-data .col-lg-2 {
        width: 50% !important;
    }

    body.dash-menu-show {
        overflow-y: hidden;
    }

    .mycart-section .main-row {
        flex-wrap: wrap;
    }

    .mycart-section .main-row>div {
        width: 100% !important;
    }

    #dash-menu-backdrop.show {
        z-index: 6;
    }

    .contact-page .contact-row {
        flex-wrap: wrap;
    }

    .core-values .content-row {
        row-gap: 24px;
    }

    .col-touch,
    .contact-page .col-form {
        width: 100%;
    }

    .learn-connect .learn-text h2 br {
        display: none;
    }

    .hero-slide {
        flex-wrap: wrap;
        position: relative;
    }

    .hero-slide .hero-content {
        width: 100%;
    }

    .logo-div.mobile {
        display: block !important;
        max-width: 170px;
    }

    .logo-div.desktop {
        display: none !important;
    }

    .mobile-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .main-navbar {
        flex-wrap: wrap;
        padding: 24px 12px;
        background: #22458F;
        border-radius: 15px;
        margin-top: 12px;
    }

    .main-navbar .navbar-nav {
        width: 100%;
    }

    .main-navbar .login-btn {
        width: 100%;
        text-align: left !important;
    }

    .main-navbar .login-btn .mobile {
        display: flex !important;
        gap: 3px;
    }

    .hero-slide .image-block {
        width: 100%;
    }

    .main-navbar .navbar-nav {
        row-gap: 12px;
    }

    .main-navbar .login-btn {
        margin-top: 12px;
        flex-direction: column;
        align-items: start;
    }

    .why_statics {
        flex-wrap: wrap;
    }

    /* login page resposnsive   */

    section.login-form .login-form-body {
        max-width: 100% !important;
    }

    section.login-form .form-row .col-form-login {
        padding: 0 20px;
    }

    .dash-toggle,
    .dash-close {
        display: block !important;
    }

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

    .dashboard-main.show .dash-header {
        z-index: 2;
    }

    .dashboard-main .dashboard-left {
        transform: translateX(-100%);
        z-index: 7;
        transition: all 0.5s;
    }

    .dashboard-main .dashboard-left.show {
        transform: none;
    }

    .dash-header .search-div {
        display: flex;
        gap: 16px;
        align-items: center;
    }

    .teacher-dash-statics .box-row {
        row-gap: 24px;
    }

    .dashboard-main .dash-logo {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .dashboard-main .dash-logo a {
        max-width: 70%;
        padding: 0 16px;
    }

    .teacher-dash-statics,
    .dashboard-data-wrapper .welcome-msg {
        margin-bottom: 24px !important;
    }

    .session-details,
    .course-details {
        flex-wrap: wrap;
    }

    .session-details .upcome-course,
    .session-table,
    .course-details .ongoing-course {
        width: 100% !important;
    }

}

@media (max-width: 576px) {

    .course-contents .accordion-item.active .accordion-header {
        display: block !important;
        transform: translate(0) !important;
    }

    .contact-form form {
        row-gap: 12px;
    }

    .contact-form .form-action {
        margin-top: 0;
    }

    .contact-map iframe {
        max-height: 300px;
    }

    .contact-form .form-action button {
        min-width: 0;
        width: 100%;
    }


    .contact-page .contact-row {
        margin-top: 30px;
    }

    .section-heading p {
        line-height: 1.8;
        font-size: 14px;
    }

    .get-touch-box .details-boxes {
        margin-top: 20px;
    }

    .contact-page .col-form .contact-form,
    .get-touch-box {
        padding: 16px;
    }

    section.login-form .form-row {
        flex-wrap: wrap;
    }

    .hero-banner-bg {
        padding: 90px 0 !important;
        height: 950px;
    }

    .hero-slide .hero-content h1 {
        font-size: 35px;
        line-height: 50px;
    }

    .hero-slide .hero-content {
        margin-bottom: 24px;
    }

    .hero-slide .image-block {
        width: 100% !important;
    }

    .slider-img {
        max-height: 320px;
        max-height: 320px;
        max-width: 100%;
        min-width: 0;
    }

    .slider-img img {
        height: 250px !important;
    }

    .why_statics {
        gap: 24px;
    }

    .why_statics .column {
        width: 40%;
    }

    .property-wrap .mobile-row {
        display: flex !important;
        flex-direction: column;
        row-gap: 32px;
    }

    .property-wrap .animation-text {
        width: 100%;
        max-width: 100%;
    }

    .property-wrap .animation-text h3 {
        font-size: 24px;
    }

    .section-heading h2 {
        font-size: 24px !important;
        margin-bottom: 12px !important;
        line-height: 1.5 !important;
    }

    .property-wrap .section-heading h5 {
        font-size: 16px;
        line-height: 1.5;
    }

    .property-wrap .head-row,
    .how-we-works .head-row {
        margin-bottom: 30px;
    }

    .property-wrap .sticky-section {
        display: none !important;
    }

    .property-wrap,
    .p-60,
    .p-75 {
        padding: 30px 0;
    }

    .how-we-works .content-row {
        row-gap: 24px;
    }

    .section-heading.course h2 {
        line-height: 45px;
    }

    .section-heading.course h2 span {
        width: auto;
    }

    .course-contents>ul {
        display: none !important;
    }

    .course-contents ul {
        flex-wrap: wrap;
        margin-top: 24px;
    }

    .dashboard-priview {
        background: #111044;
    }

    .course-contents ul li {
        width: 100%;
        /* background: linear-gradient(180deg, #FF952E 0%, #D054D9 100%); */
    }

    .course-contents ul li.active {
        background: linear-gradient(180deg, #FF952E 0%, #D054D9 100%);
    }

    .course-contents .only-head {
        width: 100%;
        margin-bottom: 0px;
        flex-direction: row !important;
    }

    .course-contents .vertical-text {
        writing-mode: horizontal-tb;
        width: 90%;
        text-align: left;
        font-size: 16px;
        color: #fff;
    }

    .course-contents .slider-after-text {
        opacity: 1;
        transform: translateY(0);
        width: 100%;
        visibility: visible;
        /* display: none; */
        max-height: max-content;
    }

    .course-contents .link-hovered {
        min-height: 0;
        max-height: max-content;
        flex-wrap: wrap;
        justify-content: start;
    }

    .dashboard-priview .section-heading h2 {
        line-height: 1.5;
        max-width: 100%;
    }

    .dashboard-priview.bg-blue .left-image {
        width: 100%;
    }

    .learn-connect .learn-img img {
        min-width: 210%;
        object-position: left;
        margin-left: -106.5%;
        display: block;
    }

    .learn-connect .col-img {
        display: block;
    }

    .learn-connect .learn-text {
        padding-top: 30px;
    }

    .learn-connect {
        padding: 0;
        background-image: none !important;
        overflow: hidden;
    }

    .learn-connect .learn-text h2 {
        font-size: 32px;
        line-height: 1.5;
        width: 100% !important;
    }

    .become-mentor-row {
        flex-wrap: wrap;
    }

    .become-mentor-row .img-box {
        width: 100%;
    }

    .become-mentor-row .content-box {
        width: 100%;
        padding: 30px;
    }

    .become-mentor-row .content-box h2 {
        width: 100%;
        font-size: 32px;
        line-height: 1.5;
        margin-bottom: 16px;
    }

    .become-mentor-row .content-box p {
        margin-bottom: 16px;
    }

    .testi-slider {
        margin-top: 30px;
    }

    .col-review .review-img {
        margin-right: 0;
        margin-bottom: 24px;
        width: 100%;
    }

    .col-review {
        flex-wrap: wrap;
    }

    .col-review .review-img img {
        /* object-position: top; */
        height: auto;
        /* max-height: 350px; */
        max-height: 200px;
    }

    .expert-slider-box {
        flex-wrap: wrap;
        padding: 10px;
        row-gap: 0;
    }

    .expert-slider-box .expert-img {
        width: 100%;
        overflow: hidden;
    }

    .expert-slider-box .expert-img img {
        max-height: 350px;
    }

    .expert-slider-box .expert-content {
        width: 100%;
        padding-top: 0;
        padding-bottom: 30px;
    }

    .expert-mentor .expert-btns {
        margin-top: 0px;
        width: 100%;
        justify-content: center;
    }

    .expert-mentor .slider-div {
        padding: 0;
    }

    .expert-mentor .row {
        margin: 0;
    }

    .become-mentor-row .img-box img {
        /* max-height: 500px; */
        max-height: 350px;
    }

    .expert-content h2 {
        font-size: 24px;
        line-height: 1.5;
        margin-bottom: 8px;
    }

    .footer-wrap.blck_footer {
        padding-top: 55px;
    }

    .call_to_action_content h1 {
        font-size: 32px;
        margin-bottom: 16px;
    }

    .call_to_action_content p {
        margin-bottom: 16px !important;
        /* max-width: 70%; */
        margin: 0 auto;
    }

    ul.footer-menu {
        flex-wrap: wrap;
        column-gap: 11px;
        justify-content: center;
        margin-top: 16px;
    }

    .footer-bottom .social-profile {
        margin-top: 16px;
        justify-content: center;
    }

    .copyright-text {
        margin-bottom: 16px;
        text-align: center;
    }

    .footer-widget {
        text-align: center;
    }

    .real-feedbacks {
        padding-bottom: 30px;
    }

    .expert-slider-box .inner-box {
        min-width: 95%;
        max-width: 95%;
        margin-top: 24px;
    }

    .why_statics .column h6 {
        font-size: 16px;
        line-height: 1.5;
    }

    .why_statics .column p {
        line-height: 1.5;
        font-size: 12px;
    }

    .call_to_action_content {
        margin-bottom: 30px;
    }

    .hero-content p {
        margin-bottom: 0;
    }

    /* .slider-img.two {
        margin-top: 0;
    } */

    .hero-slide .action-btn {
        position: absolute;
        bottom: -12%;
        /* bottom: 160px; */
        left: 50%;
        transform: translateX(-50%);
    }

    .course-contents .number {
        width: 10%;
        min-width: 40px;
        margin-bottom: 0;
        text-align: left;
        font-size: 18px;
        font-weight: 700;
        color: #fff;
    }

    .section-heading.course .action-btn {
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .become-mentor-row .action-btn {
        display: flex;
        justify-content: center;
    }

    .slider-after-text .number-with-text,
    .slider-after-text h2 {
        display: none;
    }

    .logo-div.mobile,
    .login-logo {
        display: block !important;
        max-width: 140px !important;
    }

    .chat_icon_robot img {
        width: 60px;
        height: 60px;
    }

    .course-contents .accordion {
        display: flex !important;
        margin-top: 24px;
        flex-direction: column;
        row-gap: 18px;
    }

    .course-contents .accordion-item {
        flex-direction: column;
        min-height: 0;
        max-height: max-content;
    }

    .circle_image_animation {
        position: absolute;
        right: 50px;
        width: 117px;
        top: 150px;
    }

    .login-form .login-images {
        flex-direction: row !important;
        column-gap: 24px;
    }

    .login-form .login-images .img-div img {
        height: 150px;
    }

    .login-form .login-images .img-div {
        width: 150px;
        height: 150px;
    }

    section.login-form .form-row .col-login-images {
        width: 100% !important;
        min-height: 0;
        padding-bottom: 30px;
    }

    section.login-form .form-row .col-form-login {
        padding: 0 20px 40px 20px;
        min-height: 0;
        width: 100% !important;
    }

    /* .login-social-links ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    } */

    .login-social-links ul li a {
        margin: 0 auto;
        width: 50px;
        height: 40px;
    }

    section.login-form .col-form-login .signup-link {
        margin: 20px 20px 20px 0;
    }

    .chat_icon_robot {
        right: 6%;
    }

    section.login-form .login-pills .nav-link .icon img {
        max-width: 60%;
    }

    section.login-form .login-pills .nav-link .icon {
        width: 30px;
        height: 30px;
    }

    section.login-form .login-pills {
        max-width: 100%;
    }

    section.login-form .login-pills .nav-link {
        gap: 6px;
        min-width: 130px;
    }

    section.login-form .login-pills .nav-link.active {
        min-width: 150px;
    }

    .login-form .login-logo {
        margin: 32px auto 24px 40px;
    }

    .student-form .forgot-div .text-decoration-underline,
    .student-form .form-switch {
        font-size: 12px;
    }

    .mentor-app-start .start-action .gradient-btn {
        min-width: 0;
        width: 100%;
    }

    .mentor-app-start .start-action {
        position: static;
        transform: translateX(0%);
        margin-top: 30px;
    }

    .main-navbar .login-btn {
        flex-direction: column-reverse;
        align-items: start;
    }

    .get-touch-box .section-heading h4 {
        margin-bottom: 16px;
    }

    .section-heading h3 {
        line-height: normal !important;
        font-size: 24px;
    }

    .page-banner-text h1 {
        font-size: 24px;
        line-height: 40px;
    }

    .section-heading h4 {
        font-size: 20px;
        line-height: 1.5 !important;
    }

    .about-people-box .content-box h2 {
        font-size: 20px;
        line-height: 1.5 !important;
        margin-bottom: 10px;
    }

    .fs-title {
        font-size: 16px !important;
        line-height: 1.5 !important;
        margin-bottom: 10px !important;
    }

    .col-form-fields .mini-title {
        font-size: 14px !important;
    }

    .col-signup-steps .progress {
        margin: 24px 0;
    }

    .col-signup-fields .step-heading {
        top: -70px;
    }

    .contact-form .form-group label,
    .mentor-signup .form-group label,
    .stu-setting-info .form-group label {
        font-size: 16px;
    }

    .col-signup-fields .form-action .gradient-btn,
    .mentor-signup form .action-button-previous {
        min-width: 150px;
    }

    /* .col-signup-fields .form-action {
        flex-direction: column;
        align-items: center;
    } */

    .mentor-signup form fieldset,
    .signup-learner form fieldset {
        padding-bottom: 0;
    }

    .mentor-signup form .action-button-previous::before {
        display: none;
    }

    .step-form .form-row {
        flex-wrap: wrap;
        position: relative;
    }

    .step-form-video video {
        min-height: 0 !important;
        width: 100% !important;
    }

    .step-form form {
        margin-bottom: 30px;
        padding: 0 10px;
    }

    .col-form-steps {
        width: 40%;
        /* width: 15%; */
        padding-left: 6%;
    }

    .col-form-fields {
        margin-right: 20px !important;
        width: 85%;
    }

    .col-form-fields .form-action {
        flex-direction: column;
        row-gap: 24px;
        justify-content: center;
        align-items: center;
    }

    #progressbar {
        row-gap: 24px;
    }

    #progressbar li .name strong {
        font-size: 14px !important;
        margin-right: 12px;
        max-width: 70%;
    }

    /* #progressbar li .name {
        display: none;
    } */

    .about-people-box .content-box p {
        line-height: 1.8 !important;
        font-size: 14px !important;
    }

    .about-people-box .image-in-text img {
        max-width: 100px;
    }

    .about-connect-people .content-row,
    .about-why-choose .content-row {
        margin-top: 30px;
        row-gap: 24px;
    }

    .core-values .core-value-box {
        padding: 16px;
    }

    .core-values {
        padding-bottom: 30px;
    }

    .what-wedo-img {
        padding: 0 0;
        margin-top: 24px;
    }

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

    .about-conversation {
        padding: 30px 0;
    }

    .privacy-tabs-sections .tab-sidebar {
        background-color: #fff;
        position: static !important;
        width: 100% !important;
        height: auto !important;
    }

    #myTab.nav-tabs {
        border-bottom: 0 !important;
        column-gap: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        align-items: end !important;
    }

    #myTab.nav-tabs .nav-link {
        font-size: 16px !important;
        border-color: #d9d9d9 !important;
        margin-bottom: 0 !important;
        line-height: normal !important;
        width: 100%;
    }

    #myTab.nav-tabs .nav-link.active {
        border-color: #2173E3 !important;
    }

    .dash-header {
        flex-wrap: wrap;
        row-gap: 16px;
        padding: 12px !important;
    }

    .dash-header .profile-section {
        flex-wrap: wrap;
        column-gap: 0 !important;
    }

    .dash-header .search-div,
    .overall-progress,
    .recent-payments,
    .dash-header .inner-search {
        width: 100% !important;
    }

    .teacher-dash-progress {
        flex-wrap: wrap;
        margin-bottom: 24px;
    }

    .payment-details {
        margin-bottom: 24px;
    }

    .payment-details .row {
        row-gap: 24px;
    }

    .dash-header .profile-section #google_translate_element {
        max-width: 100%;
        width: 100%;
    }

    .dash-header .profile-section .profile-dropdown {
        width: 85%;
        display: flex;
        justify-content: end;
    }

    .dash-header .profile-section .notification {
        min-width: 15%;
        width: 15%;
    }

    .dashboard-data-wrapper {
        padding: 12px !important;
    }

    .overall-progress .pending-course {
        padding-left: 20px;
    }

    .video-timing {
        flex-direction: column;
    }

    .dashboard-data-wrapper .welcome-msg .d-flex {
        flex-wrap: wrap;
        row-gap: 16px;
    }

    .dashboard-data-wrapper .row.w-75 {
        width: 100% !important;
        margin: 0;
    }

    .col-md-4 {
        width: 100%;
        padding: 0;
    }

    form#filterForm {
        width: 100%;
    }

    .video-timing span img {
        margin-right: 9px;
        max-width: 18px;
    }

    .dash-course-single .single-box {
        padding: 16px;
    }

    .dash-course-single .single-box .head-details {
        flex-direction: column;
        row-gap: 16px;
    }

    .dash-course-single .single-box .head-details>img {
        width: 100% !important;
        border-radius: 10px;
    }

    .dash-course-single .single-box .details-text {
        padding-left: 0 !important;
    }

    .dash-course-single .single-box .head-details ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .dash-course-single .single-box .teacher-details {
        align-items: start !important;
        flex-wrap: wrap;
        row-gap: 12px !important;
    }

    .assign-teacher-box .teach-box,
    .dash-course-single .teach-box {
        flex-wrap: wrap;
        width: 50%;
    }

    .privacy-tabs-sections .tab-sidebar-div {
        flex-wrap: wrap;
    }

    .tab-sidebar-div .tabs-inner-content {
        margin-top: 24px;
    }

    .tab-sidebar-div .tabs-inner-content .tab-div {
        padding-top: 24px;
    }

    .privacy-tabs-sections .tabs-inner-content h3,
    .tab-sidebar-div .tab-div ul li strong {
        font-size: 20px;
        line-height: 1.5;
    }

    .privacy-tabs-sections .tabs-inner-content h2 {
        font-size: 24px;
        line-height: 1.5;
    }

    .mentor-reports-box {
        padding: 12px 0 !important;
        flex-direction: column;
        align-items: start;
        row-gap: 16px;
    }

    .withdrawal-request-data.stu-setting-info {
        margin-top: 24px !important;
    }

    .session-table thead tr th {
        white-space: nowrap !important;
    }

    .privacy-tabs-sections .tabs-inner-content ul {
        margin-bottom: 24px !important;
    }

    .edit-topic-section tr .form-group {
        min-width: 150px;
    }

    .dashboard-data-wrapper .welcome-msg {
        flex-direction: column;
        row-gap: 16px !important;
        align-items: start !important;
    }

    .full-calender .fc-toolbar.fc-header-toolbar {
        flex-direction: column;
        display: flex;
        row-gap: 16px;
        align-items: center;
    }

    #calendar th.fc-day-header {
        font-size: 14px;
    }

    .fc-scroller.fc-day-grid-container {
        min-height: max-content;
    }

    .dash-course-single .single-box .details-text .d-flex {
        flex-wrap: wrap;
        row-gap: 16px;
    }

    .dashboard-data-wrapper .welcome-banner {
        flex-wrap: wrap;
        flex-direction: column-reverse !important;
    }

    .dashboard-data-wrapper .banner-text,
    .dashboard-data-wrapper .banner-img {
        width: 100% !important;
    }

    .dashboard-data-wrapper .banner-text {
        padding: 32px !important;
    }

    .course-details .ongoing-course .headings {
        flex-wrap: wrap;
    }

    .course-details .ongoing-course .headings h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .signup-learner .form-row {
        flex-wrap: wrap;
    }

    .signup-learner .form-row>div {
        padding-top: 12px;
        max-width: 100%;
    }

    .signup-learner .signup-form-body .headings h2 {
        font-size: 18px;
        line-height: 1.2;
    }

    .signup-learner .signup-form-body .headings p {
        font-size: 14px;
        line-height: 1.2;
    }

    .signup-learner .login-social-links ul,
    .signup-learner .col-signup-steps .progress {
        margin: 10px 0 !important;
    }

    .signup-learner .fs-title {
        margin-bottom: 0 !important;
    }

    .signup-learner .student-form .form-fileds.row {
        margin-top: 10px !important;
        row-gap: 12px !important;
    }

    .signup-learner .col-signup-fields .form-action {
        margin-top: 10px !important;
    }

    .signup-learner .signup-form-body {
        padding: 12px !important;
        /* height: 85vh; */
        overflow-y: auto;
        margin-bottom: 30px !important;
    }

    .signup-learner .col-signup-fields p.text-black {
        margin-top: 12px !important;
    }

    .btn.addbtn {
        margin-bottom: 24px;
    }

    .lang-exper-box .detail-box {
        min-width: 95%;
        max-width: 95%;
        margin: 0 auto 10px auto;
    }

    .about-conver-box .gradient-btn {
        margin-top: 24px;
    }

    .privacy-tabs-sections .tabs-inner-content ul li {
        min-width: 100%;
    }

    .course-filter-section .btn-div {
        flex-wrap: wrap;
    }

    .course-details-faq h3 {
        line-height: 1.2;
        font-size: 18px;
    }

    .course-details-faq {
        padding: 16px;
    }

    .course-details-faq h4 {
        line-height: 1.2;
        font-size: 16px;
    }

    .course-details-faq .accordion-button {
        font-size: 16px;
    }

    .course-list-section .col-lg-12.mt-4 {
        margin-top: 0 !important;
    }

    .course-list-section .col-lg-12.mt-4 .row {
        row-gap: 16px;
    }

    .mycart-section .checkout-div {
        flex-wrap: wrap;
        row-gap: 16px;
    }

    .mycart-section {
        padding: 30px 0;
    }

    .mycart-section .checkout-div .total-amt {
        width: 100% !important;
    }

    .mycart-section .checkout-div .total-amt h6 {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .dashboard-main .dash-logo {
        height: 10vh;
        margin-bottom: 20px !important;
    }

    .dashboard-main .dash-navbar {
        height: 80vh;
        overflow-y: auto;
        scrollbar-width: thin;
    }

    .dashboard-data-wrapper .welcome-msg h2 {
        font-size: 20px;
    }

    .session-table h2 {
        font-size: 16px;
    }

    .dashboard-data-wrapper .welcome-msg .row>div {
        width: 100% !important;
    }

    .dashboard-data-wrapper .welcome-msg .row {
        row-gap: 16px;
    }

    .Evaluation-data .col-lg-2 {
        width: 100% !important;
    }

    .signup-learner .otp-fields .form-control {
        padding: 10px !important;
    }

    .course-cart-details .otp-fields .form-control {
        min-width: 30px;
        height: 40px;
        text-align: center;
        padding: 0 !important;
        max-width: 15%;
    }

    .signup-learner .otp-fields {
        gap: 0;
        column-gap: 5px;
        justify-content: space-between;
    }

    .course-filter-section {
        padding: 30px 0 !important;
    }

    .col-course-filter form {
        row-gap: 12px;
    }

    .course-filter-section .head-row {
        margin-bottom: 16px;
    }

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

    .course-filter-section .btn-div .inner-div {
        flex-direction: column;
    }

    .course-cart-details .otp-fields {
        flex-wrap: wrap;
        column-gap: 14px;
        justify-content: space-between;
        row-gap: 16px;
    }

    .step-form-video {
        height: 100%;
        position: absolute;
    }

    .step-form form {
        padding: 20px 10px;
        backdrop-filter: blur(5px);
        margin: 30px 10px;
        border-radius: 15px;
        background-color: #ffffff33;
        max-width: 100%;
    }

    .signup-learner-video video {
        /* max-height: fit-content !important; */
        min-height: 100% !important;
        height: 100% !important;
    }

    .step-form form .form-check-input:checked[type="radio"] {
        background-size: 16px !important;
    }

    .step-form form .form-check .form-check-input {
        margin-right: 8px;
        min-width: 16px;
        width: 16px;
        height: 16px;
    }

    .col-form-fields .fields-row .col-5,
    .col-form-fields .fields-row .col-7 {
        width: 100% !important;
    }

    .student-form .form-control {
        min-height: 55px;
        padding: 12px 24px;
        line-height: 1.8;
    }

    .single-tab-sessions .tab-sessions .headings {
        align-items: start !important;
        flex-direction: column;
        row-gap: 16px;
    }

    .single-tab-sessions .session-timings {
        flex-direction: column;
        align-items: start !important;
    }

    .single-tab-sessions .accordion-button {
        padding: 10px;
    }
}