@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

/* bootstrap icons css  */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/* bootstrap icons css  */
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--main-font);
    overflow-x: hidden;
    color: #fff;
    font-size: 16px;
    position: static !important;
    background-color: #fff !important;
}

:root {
    --main-font: "Plus Jakarta Sans", sans-serif;
}

a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.5s;
    color: inherit;
}

span {
    display: inline-block;
    text-decoration: none;
    transition: all 0.5s;
}

img {
    max-width: 100%;
    object-fit: cover;
}

p {
    color: #666666;
}

.p-60 {
    padding: 60px 0;
}

.p-75 {
    padding: 75px 0;
}

section {
    position: relative;
}

.bg-blue {
    background-color: #111044;
    overflow: hidden;
}

.bg-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.chat_icon_robot {
    position: fixed;
    right: 4%;
    bottom: 10%;
    z-index: 9;
}

.form-control,
.form-select {
    box-shadow: none !important;
}

.chat_icon_robot img {
    height: 70px;
    width: 70px;
    /* box-shadow: -1px 3px 21px -1px rgba(208, 84, 217, 0.35); */
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.75);
    border-radius: 50%;
}

.bg-blue h2 {
    color: #fff;
}

.bg-blue .right-image {
    position: absolute;
    right: 0;
    top: 0;
}

.bg-blue .row {
    position: relative;
    z-index: 2;
}

.bg-blue .left-image {
    position: absolute;
    left: 0;
    bottom: 0;
}

.section-heading h2,
h2 {
    text-transform: capitalize;
}

font {
    vertical-align: top !important;
}

.section-heading h2 {
    font-size: 52px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 24px;
}

.section-heading h3 {
    font-size: 42px;
    font-weight: 700;
    line-height: 28px;
}

.section-heading h4 {
    font-size: 32px;
    font-weight: 600;
    line-height: 45.02px;
    margin-bottom: 16px;
}

.section-heading p {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 32px;
}

.section-heading.m-0 h2 {
    margin-bottom: 0;
}

.section-heading.center {
    text-align: center;
}

.main-navbar .nav-link {
    /* font-size: 13px; */
    font-weight: 500;
    color: #fff;
    padding: 0 6px;
    text-transform: capitalize;
}

.main-navbar .nav-link:hover {
    color: #D054D9;
}

.hero-banner-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 180px 0;
    height: 1100px;
    /* height: 120vh; */
}

.hero-slide {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

.hero-slide .hero-content h1 {
    font-size: 65px;
    font-weight: 800;
    line-height: 93.79px;
    margin-bottom: 16px;
    color: #fff;
}

.hero-slide .image-block {
    display: flex;
    column-gap: 7px;
    justify-content: end;
    width: 40%;
}

.main-header {
    /* position: fixed; */
    position: absolute;
    width: 100%;
    top: 0;
    padding: 24px 0;
    z-index: 5;
    transition: top 0.6s ease-in-out;
}

.main-header.fixed {
    position: fixed;
    /* background-color: #D054D9; */
    background-color: #111044;
}

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

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

.main-navbar .logo-div {
    width: 20%;
    text-align: center;
}

.logo-div.mobile {
    display: none;
}

.main-navbar .login-btn {
    /* width: 30%; */
    width: 40%;
    text-align: end;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 16px;
}

.main-navbar .login-btn .mobile {
    /* display: none; */
    min-width: max-content;
}

.goog-te-gadget .goog-te-combo {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    outline: none;
}

.main-navbar .login-btn .btn-white {
    font-weight: 600;
    border-radius: 100px;
    font-size: 16px;
    color: #fff;
    border: solid 2px #fff;
    padding: 6px 22px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.main-navbar .login-btn .btn-white::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #D054D9;
    transform: translateX(-100%);
    transition: 0.3s ease-in-out;
    z-index: -1;
    height: 104%;
    width: 104%;
}


.main-navbar .login-btn .btn-white:hover::before {
    transform: translateX(0);
}

.main-navbar .login-btn .btn-white:hover {
    /* background-color: #1257b5; */
    border-color: #D054D9;
}

.main-navbar .logo-div .navbar-brand {
    /* max-width: 155px; */
    display: inline-block;
    margin: 0;
    padding: 0;
}

.slider-img {
    border-radius: 22px;
    width: 180px;
    height: 506px;
    display: flex;
    align-items: end;
    overflow: hidden;
    min-width: 135px;
}

.slider-img img {
    height: 390px !important;
    width: auto !important;
    max-width: fit-content;
    margin-bottom: -19px;
    margin-left: -53px;
    animation: jump 4s ease-in-out infinite;
}

.slider-img.one {
    background: linear-gradient(180deg, #22458F 0%, #3862C6 100%);
}

.slider-img.two {
    background: linear-gradient(180deg, #E5B81D 0%, #E9BD29 100%);
    margin-top: 55px;
}

.slider-img.three {
    background: linear-gradient(180deg, #96DADD 0%, #7CD2D2 100%);
}

@keyframes jump {

    0%,
    100% {
        transform: translateY(0);
        /* Initial and final position */
    }

    50% {
        transform: translateY(-20px);
        /* Jump up */
    }
}

.why_statics {
    /* padding: 64px; */
    padding: 22px;
    background: #fff;
    border-radius: 20px;
    margin-top: -122px;
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    column-gap: 80px;
    justify-content: space-evenly;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}

.why_statics .column {
    text-align: center;
    width: 20%;
}

.why_statics .column h6 {
    font-size: 40px;
    margin-bottom: 0;
    color: #2173E3;
    font-weight: 800;
    line-height: 80px;
}

.why_statics .column p {
    font-weight: 500;
    color: #12141D;
    font-size: 13px;
    opacity: 0.6;
    /* line-height: 28px; */
    margin-bottom: 0;
    line-height: 20px;
}

.gradient-btn.disabled {
    color: #111044 !important;
    /* background: linear-gradient(to right, #757F9A 0%, #D7DDE8 51%, #757F9A 100%); */
    background: linear-gradient(to right, #D7DDE8 0%, #757F9A 100%);
    background-size: 200% auto;
}

.gradient-btn {
    background: linear-gradient(90deg, #FF952E 0%, #D054D9 100%);
    min-width: 150px;
    font-size: 14px !important;
    line-height: 45px;
    font-weight: 600 !important;
    color: #fff !important;
    border-radius: 50px !important;
    text-align: center;
    border: none !important;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-left: 30px;
    padding-right: 30px;
}

.gradient-btn::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #D054D9 0%, #D054D9 100%);
    background-color: #D054D9;
    transform: translateX(-100%);
    transition: 0.3s ease-in-out;
    z-index: -1;
}

.gradient-btn:hover::before {
    transform: translateX(0);
}

/* .gradient-btn:hover {
    background: linear-gradient(90deg, #1257b5 0%, #1257b5 100%);
} */

.hero-content p {
    margin-bottom: 30px;
    color: #fff;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #111044;
}


.how-work-box {
    padding: 18px 18px 0 18px;
    border-radius: 15px;
    overflow: hidden;
    background-color: #2173E3;
    height: 100%;
    position: relative;
    transition: all 0.5s;
    border: solid 2px transparent;
}

.how-work-box:hover {
    transform: translateY(-15px);
    border-color: #fff;
}

.how-work-box h5 {
    color: #fff;
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 800;
}

.how-work-box p {
    font-size: 12px;
    margin-bottom: 24px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
}

.how-work-box span.number {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 4px;
    color: #111044;
    font-weight: 800;
    margin-bottom: 12px;
}

.how-work-box.one .number {
    color: #2173E3;
}

.how-work-box.two .number {
    color: #D054D9;
}

.how-work-box.three .number {
    color: #FF952E;
}

.how-work-box.one {
    background-color: #2173E3;
}

.how-work-box::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #2172e380;
    opacity: 1;
    transition: all 0.5s;
}

.how-work-box.two::before {
    background-color: #D054D980;
}

.how-work-box.three::before {
    background-color: #FF952E80;
}

.how-work-box:hover::before {
    opacity: 0;
    /* z-index: -1; */
}

.how-work-box.two {
    background-color: #D054D9;
}

.how-work-box.three {
    background-color: #FF952E;
}

.how-work-box .img-box {
    margin: 40px 12px 0 12px;
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    height: 60%;
    /* position: relative; */
    /* z-index: 2; */
}

.how-work-box .img-box img {
    transition: all 0.5s;
}

.how-work-box .img-box:hover img {
    transform: scale(1.05);
}

.how-work-box .content-box {
    height: 40%;
    position: relative;
    z-index: 2;
}

.property-wrap {
    padding: 75px 0;
    position: relative;
}

.property-wrap .section-heading h5 {
    color: #666666;
    font-size: 24px;
    font-weight: 500;
    line-height: 45px;
    text-align: center;
}

.property-wrap .section {
    display: flex;
    margin-bottom: 52px;
    position: relative;
    overflow: hidden;
    transition: transform 0.5s ease;
    /* min-height: 80vh; */
}

.property-wrap .section:last-child {
    margin-bottom: 0;
}

/* .property-wrap .section>* {
    width: 50%;
} */

.property-wrap .section-img {
    /* position: fixed; */
    /* position: absolute; */
    /* Fix the image in place */
    top: 0%;
    /* Adjust as needed */
    right: 5%;
    /* Adjust as needed */
    /* opacity: 0; */
    opacity: 1;
    /* Start hidden */
    transition: opacity 0.5s ease;
    /* Fade in/out */
    display: block !important;
}

.property-wrap .section-img img {
    width: 100%;
    max-width: 500px;
}

.property-wrap .section.active .section-img {
    opacity: 1;
    /* Show the image when the section is active */
}

.property-wrap .section-img.show {
    opacity: 1;
}

.property-wrap .section-img.hide {
    opacity: 0;
}

.property-wrap .heightlight-text img {
    height: 52px;
    margin-bottom: 18px;
}

.property-wrap .animation-text {
    padding: 58px 18px;
    background: #05AAF81A;
    border-radius: 15px;
    max-width: 85%;
}

.property-wrap .animation-text h3 {
    font-size: 32px;
    color: #111044;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 18px;
}

.property-wrap .animation-text p {
    font-weight: 500;
    line-height: 24px;
    color: #666666;
    margin-bottom: 0;
}

.property-wrap .head-row {
    margin-bottom: 20px;
}

.how-we-works .head-row {
    margin-bottom: 52px;
}

.how-we-works .section-heading p {
    color: #B6AEAE;
}

.choose-course {
    padding-bottom: 83px;
}

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

.section-heading.course .action-btn {
    margin-top: 30px;
}

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

.course-contents .accordion {
    /* display: none !important; */
    display: flex;
    gap: 18px;
    justify-content: end;
}

.course-contents .accordion.active .accordion-item.active {
    min-width: 0;
    width: max-content;
    max-width: 100%;
}

.course-contents .accordion.active .accordion-item {
    min-width: 10%;
}

.course-contents .link-hovered {
    display: flex;
    height: auto;
    width: 100%;
    position: relative;
    z-index: 3;
    vertical-align: bottom;
    /* padding: 15px 20px; */
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
    transition: all 600ms ease-in-out;
    min-height: 450px;
    max-height: 450px;
    /* background: linear-gradient(180deg, #2173E3 0%, #05AAF8 100%); */
    justify-content: center;
    align-items: start;
    text-align: center;
}

@media (min-width: 992px) {
    .course-contents ul.list-unstyled li:hover {
        background: linear-gradient(180deg, #FF952E 0%, #D054D9 100%);
        border-radius: 10px;
        width: fit-content;
        transition: all 600ms ease-in-out;
    }

    .course-contents ul.list-unstyled li:hover .only-head {
        opacity: 0;
        /* transform: translateX(-300%); */
        /* Slide in effect */
        transition: all 0s ease-in-out;
        width: 0;
        visibility: hidden;
    }

    .course-contents ul.list-unstyled li:hover .slider-after-text {
        opacity: 1;
        transform: translateY(0);
        width: 100%;
        transition: width 0.9s ease-in-out, opacity 0.9s ease-in-out, transform 0.9s ease-in-out;
        visibility: visible;
    }

    .accordion-item:hover .accordion-button {
        background-color: #e9ecef;
        /* Change the background color on hover */
        color: #495057;
        /* Change text color on hover */
    }

    .accordion-item:hover .accordion-body {
        display: block;
        /* Show the accordion body on hover */
    }
}

.course-contents ul.list-unstyled li {
    width: 16%;
    /* min-width: 20%; */
    border-radius: 10px;
    overflow: hidden;
    background: linear-gradient(180deg, #2173E3 0%, #05AAF8 100%);
    transition: all 600ms ease-in-out;
    padding: 15px 20px;
    cursor: pointer;
}

.course-contents ul.list-unstyled {
    display: flex;
    gap: 18px;
    justify-content: end;
}

.course-contents .vertical-text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 21px;
    /* width: 100%; */
    color: #fff;
}

.course-contents .number {
    font-size: 24px;
    margin-bottom: 18px;
    font-weight: 700;
    width: 100%;
    color: #fff;
}

.slider-after-text {
    opacity: 0;
    /* transform: translateY(20px); */
    /* Slide in effect */
    transition: width 0s ease-in-out, opacity 0s ease-in-out, transform 0s ease-in-out;
    white-space: normal;
    width: 0;
    text-align: left;
    visibility: hidden;

}

.only-head {
    /* transition: opacity 0.4s ease-in-out; */
    transition: all 0.5s ease-in-out;
    opacity: 1;
    /* transform: translateX(300%); */
    white-space: normal;
    visibility: visible;
}

.slider-after-text .number-with-text {
    font-size: 50px;
    font-weight: 700;
    color: #fff;
}

.slider-after-text p {
    color: #FFFFFFB2;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 0;
}

.slider-after-text h2 {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}

.dashboard-priview {
    background: linear-gradient(to bottom, #111044 50%, #fff 50%);
}

.dashboard-priview .section-heading h2 {
    max-width: 80%;
    margin: 0 auto;
    line-height: 82px;
    margin-bottom: 50px;
}

.dashboard-priview .dashboard-img {
    text-align: center;
    margin-top: 52px;
    position: relative;
    max-width: 1140px;
    margin: 0 auto;
}

.dashboard-priview .dashboard-img img {
    border-radius: 15px;
    /* box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075); */
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    box-shadow: -1px 3px 21px -1px rgba(208, 84, 217, 0.35);
    position: relative;
    z-index: 2;
}

.dashboard-priview.bg-blue .left-image {
    /* max-width: 50%; */
    top: 0;
    width: 380px;
}

.dashboard-priview.bg-blue .right-image {
    width: 380px;
}

.expert-slider-box .expert-img {
    /* background: linear-gradient(180deg, #FF952E 0%, #D054D9 100%); */
    border-radius: 15px;
    overflow: hidden;
    max-width: 100%;
    width: 40%;
    background: #fff;
}

.expert-slider-box .expert-img img {
    object-fit: cover;
    /* margin-left: 15px; */
    border-radius: 15px;
    max-width: 100%;
    height: 100%;
    width: 100%;
}

.expert-slider-box .inner-box {
    box-shadow: 0px 4px 20px 0px #0000001A;
    border-radius: 10px;
    padding: 16px;
    margin-top: 40px;
    max-width: fit-content;
    min-width: 330px;
}

.expert-slider-box {
    display: flex;
    gap: 38px;
    /* align-items: center; */
}

.expert-slider-box .inner-box .name {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 70%;
}

.expert-slider-box .inner-box .name img {
    max-width: 20px;
}

.expert-slider-box .inner-box .ratings {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 30%;
    justify-content: end;
}

.expert-slider-box .inner-box .ratings img {
    max-width: 14px;
}

.expert-slider-box .inner-box .name-text {
    font-size: 14px;
    font-weight: 700;
    line-height: 15px;
    color: #21272A;
}

.expert-slider-box .inner-box .rate-text {
    color: #21272A;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
}

.expert-slider-box .inner-box .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.expert-slider-box .expert-content {
    padding-top: 35px;
    width: 60%;
}

.expert-slider-box .inner-box .text {
    color: #21272A;
    font-weight: 400;
    font-size: 13px;
}

.expert-content h2 {
    color: #111044;
    font-size: 52px;
    font-weight: 700;
    line-height: 82px;
    margin-bottom: 27px;
    text-transform: capitalize;
}

.expert-btns button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    border: solid 2px #808080;
    color: #292D34;
    display: flex;
    align-items: center;
    justify-content: center;
}

.expert-btns button:hover {
    color: #D054D9;
    border-color: #D054D9;
}

.expert-mentor .slider-div {
    position: relative;
}

.expert-mentor .expert-btns {
    /* position: absolute; */
    position: relative;
    /* left: 45%; */
    /* bottom: 35px; */
    z-index: 2;
    /* transform: translateX(-50%); */
    /* width: calc(100% - 60%); */
    width: 49%;
    display: flex;
    justify-content: end;
    gap: 12px;
    margin-top: -5%;
}

.learn-connect {
    padding: 215px 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    background-color: #000221;
}

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

.learn-connect .learn-text h2 {
    font-size: 52px;
    color: #fff;
    line-height: 82px;
    font-weight: 700;
    /* width: 85%; */
}

.become-mentor-row {
    display: flex;
    border-radius: 10px;
    overflow: hidden;
    align-items: center;
    background: #05AAF81A;
}

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

.become-mentor-row .img-box img {
    max-height: 600px;
    width: 100%;
}

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

.become-mentor-row .content-box h2 {
    font-size: 42px;
    line-height: 60px;
    font-weight: 700;
    width: 80%;
    margin-bottom: 28px;
    text-transform: capitalize;
}

.become-mentor-row .content-box p {
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 30px;
}

.col-review {
    display: flex;
    background-color: #FAFAFA;
    padding: 22px;
    border-radius: 15px;
}

.col-review .quote-icon {
    position: absolute;
    max-width: 27px;
    right: 0;
    top: 0;
}

.col-review .review-img {
    width: 40%;
    min-width: 40%;
    margin-right: 24px;
}

.col-review .review-img img {
    /* max-height: 218px; */
    max-height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    height: 200px;
}

.col-review .review-text .name {
    color: #202020;
    font-weight: 600;
    font-size: 14px;
    line-height: 15px;
}

.col-review .review-text .lang {
    font-weight: 400;
    font-size: 14px;
    color: #808080;
}

.col-review .review-text .desc {
    color: #202020;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
}

/* #clients {
    z-index: 2 !important;
} */

#clients .owl-item {
    opacity: 20%;
}

#clients .owl-item.center {
    opacity: 100%;
}

.testi-slider {
    margin-top: 60px;
    position: relative;
}

.testi-slider .owl-dots {
    display: none !important;
    margin-top: 40px !important;
}

.testi-slider .owl-dot.active span,
.testi-slider .owl-dot:hover span {
    background: #D054D9;
}

.testi-slider .owl-dot span {
    background: #EAEAEA;
    width: 11.25px;
    height: 11.25px;
    border-radius: 50%;
}

.testi-btns {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    z-index: 2;
    max-width: fit-content;
    margin-top: 40px !important;
    margin: 0 auto;
}

.testi-btns button {
    background-color: #fff;
    color: #D054D9;
    border: none;
}

.testi-btns .next {
    transform: rotate(180deg);
}

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

.sticky-section {
    position: relative;
    background: white;
}

.sticky-container {
    display: flex;
    /* max-width: 1200px; */
    margin: 0 auto;
    position: relative;
}

.content-section {
    width: 50%;
    /* padding: 40px; */
}

.image-section {
    width: 50%;
    position: sticky;
    top: 0;
    /* height: 100vh; */
    height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}

.content-block {
    /* height: 100vh; */
    height: 70vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* padding: 20px; */
    opacity: 1;
    transition: opacity 0.3s ease;
    position: relative;
}

.content-block.active {
    opacity: 1;
}

.image-container {
    width: 100%;
    height: 400px;
    position: relative;
}

.section-image {
    position: absolute;
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    object-fit: contain;
    border-radius: 8px;
    opacity: 0;
    transform: scale(0.95);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.section-image.active {
    opacity: 1;
    transform: scale(1);
}

.footer-wrap.blck_footer {
    background-position: center;
    padding-top: 115px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

ul.footer-menu {
    text-align: right;
    display: flex;
    align-items: center;
    column-gap: 35px;
    justify-content: end;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

ul.footer-menu a {
    color: #CAC6DD;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}

ul.footer-menu a:hover {
    color: #D054D9;
}

.footer-logo {
    max-width: 125px;
}

.call_to_action_content {
    text-align: center;
    margin-bottom: 45px;
    /* margin-bottom: 100px; */
    /* margin-top: 45px; */
}

.call_to_action_content h1 {
    font-size: 52px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 27px;
}

.call_to_action_content p {
    margin-bottom: 30px;
    color: #B6AEAE;
    font-size: 14px;
    font-weight: 500;
}

.call_to_action_content .blue-btn a {
    background-color: #2173E3;
    padding: 13px 28px;
    border-radius: 75px;
    line-height: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.call_to_action_content .blue-btn a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #D054D9 0%, #D054D9 100%);
    background-color: #D054D9;
    transform: translateX(-100%);
    transition: 0.3s ease-in-out;
    z-index: -1;
}

.call_to_action_content .blue-btn a:hover::before {
    transform: translateX(0);
    opacity: 1;
}

.footer-top .row {
    padding: 15px 0;
    /* border-bottom: solid 1px #FFFFFF1A; */
}

.footer-bottom .social-profile {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: end;
}

.footer-bottom .social-profile li a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #1B1530;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-bottom .social-profile li a img {
    min-width: 13px;
}

.footer-bottom .social-profile li a:hover {
    transform: translateY(-3px);
    background-color: #D054D9;
}

.footer-bottom {
    padding-top: 24px;
    padding-bottom: 15px;
    border-top: solid 1px #FFFFFF1A;
    margin-top: 15px;
}

.copyright-text {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #CAC6DD;
}

.page-banner-img .col-text {
    /* height: 275px; */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.page-banner-text {
    padding-bottom: 50px;
    padding-top: 130px;
}

.page-banner-text h1 {
    font-size: 42px;
    font-weight: 800;
    line-height: 45px;
    margin-bottom: 16px;
    color: #fff;
    /* text-transform: uppercase; */
}

.page-banner-text p {
    color: #fff;
    line-height: 32px;
    font-size: 16px;
    margin-bottom: 0;
}

.big-circle {
    width: 25px;
    height: 25px;
    background-color: #ddd;
    border-radius: 50%;
    position: absolute;
    top: 50px;
    left: 100px;
    animation: pulseBigCircle 3s infinite ease-in-out;
}

.circle_image_animation {
    position: absolute;
    right: 90px;
    width: 117px;
    top: 250px;
}

.small-circle {
    width: 10px;
    height: 10px;
    background-color: blue;
    border-radius: 50%;
    position: absolute;
    top: 100px;
    left: 125px;
    animation: scaleAndColor 3s infinite ease-in-out;
}

@keyframes scaleAndColor {
    0% {
        transform: scale(1);
        background-color: blue;
    }

    50% {
        transform: scale(1.5);
        background-color: orange;
    }

    100% {
        transform: scale(1);
        background-color: blue;
    }
}

/* Animation for the big circle */
@keyframes pulseBigCircle {
    0% {
        transform: scale(1);
        background-color: #2173E3;
    }

    50% {
        transform: scale(1.2);
        background-color: lightblue;
    }

    100% {
        transform: scale(1);
        background-color: #2173E3;
    }
}

.course-contents ul.inner-list,
.course-contents ul li ul {
    flex-direction: column;
    justify-content: start;
    gap: 8px;
    margin-top: 8px;
    display: flex !important;
    margin-bottom: 0;
    padding: 0 !important;
}

.course-contents ul.inner-list li,
.course-contents ul li ul li {
    width: 100% !important;
    padding: 0 !important;
    background: none !important;
    color: #FFFFFFB2;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 0;
}

.course-contents .accordion-button {
    background-color: transparent !important;
    border: 0 !important;
    padding: 15px 20px;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    height: 100%;
}

.course-contents .collapsing {
    /* transition: height .35s ease; */
    transition: all 600ms ease-in-out;
}

.course-contents .accordion-body ul li {
    width: 100% !important;
    padding: 0 !important;
    background: none !important;
    color: #FFFFFFB2;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 0;
}

.course-contents .accordion-button::after {
    display: none !important;
}

.course-contents .accordion-body .slider-after-text {
    opacity: 1;
    width: 100%;
    visibility: visible;
}

.course-contents .accordion-button .only-head {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    height: 100%;
}

.course-contents .accordion-item {
    border: 0 !important;
    border-radius: 10px !important;
    overflow: hidden;
    background: linear-gradient(180deg, #2173E3 0%, #05AAF8 100%) !important;
    display: flex;
    min-width: 16%;
    justify-content: center;
    min-height: 450px;
    max-height: 450px;
}

.course-contents .accordion-body {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
}

.course-contents .accordion-body .accordion-button {
    padding: 0 !important;
}

.course-contents .accordion-item.active {
    background: linear-gradient(180deg, #FF952E 0%, #D054D9 100%) !important;
}

.course-contents .accordion-item.active .accordion-header {
    transform: translate(-100%);
    display: none;
}

.about-connect-people .content-row {
    margin-top: 50px;
}

.about-people-box {
    box-shadow: 0px 0px 25px 0px #0000000D;
    padding: 24px;
    border-radius: 15px;
    height: 100%;
    border: solid 2px #fff;
    transition: all 0.5s;
}

.about-people-box:hover {
    border-color: #D054D9;
}

.about-people-box .image-in-text {
    text-align: center;
    margin-bottom: 32px;
    padding-top: 16px;
}

.about-people-box .content-box h2 {
    font-size: 42px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 32px;
    text-align: center;
}

.about-people-box .content-box p {
    /* font-size: 18px; */
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
    /* text-align: center; */
    text-align: justify;
    margin-bottom: 0;
}

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

.core-values .section-heading h2 {
    margin-bottom: 50px;
    font-size: 42px;
    line-height: 28px;
}

.core-values .core-value-box {
    padding: 24px;
    background-color: #05AAF81A;
    border-radius: 11px;
    height: 100%;
    border: solid 2px transparent;
    transition: all 0.5s;
}

.core-values .core-value-box:hover {
    border-color: #05aaf8;
}

.core-values .core-value-box .icon {
    margin-bottom: 24px;
}

.core-values .core-value-box .icon img {
    max-width: 32px;
    max-height: 32px;
    min-height: 32px;
    min-width: 32px;
    object-fit: cover;
}

.core-values .core-value-box h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 21.01px;
    margin-bottom: 8px;
}

.core-values .core-value-box p {
    font-size: 14px;
    font-weight: 500;
    line-height: 24.01px;
    margin-bottom: 0;
}

.what-we-do .row {
    align-items: center;
}

.what-wedo-text h2 {
    font-size: 42px;
}

.what-wedo-text p {
    font-weight: 400;
    color: #B6AEAE;
}

.what-wedo-img {
    padding: 0 40px;
}

.what-wedo-img img {
    border-radius: 15px;
}

.what-we-do .right-image {
    width: 26%;
    top: -65px;
}

.about-choose-box {
    box-shadow: 0px 14px 25px 0px #0000000D;
    padding: 32px 24px;
    border-radius: 11px;
    height: 100%;
    border: solid 2px #fff;
    transition: all 0.5s;
}

.about-choose-box:hover {
    border-color: #D054D9;
}

.about-choose-box .icon {
    margin-top: 8px;
    text-align: center;
    margin-bottom: 32px;
}

.about-choose-box h5 {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 21.01px;
}

.about-choose-box p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 24.01px;
    text-align: center;
}

.about-why-choose .content-row {
    margin-top: 50px;
}

.about-lang-experts .section-heading p {
    font-weight: 400;
    max-width: 80%;
    margin: 0 auto;
}

.lang-exper-box .image {
    /* background: linear-gradient(180deg, #FF952E 0%, #D054D9 100%); */
    background-color: #fff;
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
    margin-bottom: 16px;
    /* filter: blur(4px); */
    transition: all 0.5s;
}

.lang-exper-box .image img {
    /* height: 370px; */
    height: 300px;
    object-fit: contain;
    transition: all 0.3s;

}

.lang-exper-box:hover .image img {
    filter: blur(0px);
    transform: scale(1.05);
}

.lang-exper-box .detail-box {
    box-shadow: 0px 4px 20px 0px #0000001A;
    border-radius: 0 0 10px 10px;
    padding: 16px;
    min-width: 330px;
}

.lang-exper-box .detail-box .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.lang-exper-box .detail-box .name {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 70%;
}

.lang-exper-box .detail-box .name img {
    max-width: 20px;
}

.lang-exper-box .detail-box .name-text {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    color: #21272A;
}

.lang-exper-box .detail-box .rate-text {
    color: #21272A;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.lang-exper-box .detail-box .ratings {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 30%;
    justify-content: end;
}

.lang-exper-box .detail-box .text {
    color: #21272A;
    font-weight: 500;
    font-size: 16px;
}

.lang-exper-box .detail-box .ratings img {
    max-width: 14px;
}

.lang-expert-slider {
    margin-top: 50px;
}

.lang-expert-slider .owl-dots {
    display: none !important;
    margin-top: 40px !important;
}

.lang-expert-slider .owl-dot.active span,
.lang-expert-slider .owl-dot:hover span {
    background: #D054D9;
}

.lang-expert-slider .owl-dot span {
    background: #EAEAEA;
    width: 11.25px;
    height: 11.25px;
    border-radius: 50%;
}

.about-conversation {
    position: relative;
    /* padding-bottom: 75px; */
}

.about-conversation>img {
    position: absolute;
}

.about-conver-box .gradient-btn {
    min-width: 200px;
    text-align: center;
    margin-top: 40px;
}

.about-conver-box h2 {
    font-size: 42px;
}

.about-conver-box {
    width: 80%;
}

.about-conver-img {
    text-align: end;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    padding-top: 85px;
    padding-bottom: 80px;
}

#myTab.nav-tabs .nav-link {
    border-bottom: solid 2px transparent;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    padding: 8px 26px;
    font-size: 20px;
    font-weight: 500;
    line-height: 45.02px;
    color: #111044;
    margin-bottom: -2px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-color: #2173E3 !important;
    /* font-weight: 600 !important; */
    color: #2173E3 !important;
}

#myTab.nav-tabs {
    border-bottom: solid 2px #D9D9D9;
    column-gap: 150px;
}

.privacy-tabs-sections .tabs-inner-content {
    margin-top: 40px;
}

.privacy-tabs-sections .tabs-inner-content h3 {
    font-size: 24.01px;
    /* font-weight: 600; */
    line-height: 45.02px;
}

.privacy-tabs-sections .tabs-inner-content h3 strong {
    font-weight: 600;
}

.privacy-tabs-sections .tab-pane .tabs-inner-content h3 {
    font-weight: 600;
}

.privacy-tabs-sections .tab-pane .tabs-inner-content h2 {
    font-weight: 700;
}

.privacy-tabs-sections .tabs-inner-content h2 strong {
    font-weight: 700;
}

.privacy-tabs-sections .tabs-inner-content h2 {
    font-size: 32px;
    /* font-weight: 700; */
    line-height: 45.02px;
    margin-bottom: 16px;
}

.privacy-tabs-sections .tabs-inner-content p {
    margin-bottom: 24px;
}

.privacy-tabs-sections .tabs-inner-content p i {
    font-style: normal;
}

.privacy-tabs-sections .tabs-inner-content p b,
.privacy-tabs-sections .tabs-inner-content p i strong {
    color: #000;
    font-weight: 700;
}

.privacy-tabs-sections .tabs-inner-content p strong {
    color: #111044;
    font-weight: 600;
}

.privacy-tabs-sections .tabs-inner-content p:last-child {
    margin-bottom: 0;
}

.privacy-tabs-sections .tabs-inner-content ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
}

.privacy-tabs-sections .tabs-inner-content ul li {
    color: #666666;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    display: inline-block;
    position: relative;
    padding-left: 40px;
    min-width: 30%;
}

.privacy-tabs-sections .tabs-inner-content ul li::before {
    content: '';
    position: absolute;
    background-image: url(../images/blue-bullet.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    left: 0;
    top: 5px;
}

.privacy-tabs-sections .tab-sidebar-div {
    display: flex;
    align-items: start;
    column-gap: 40px;
    margin-top: 40px;
}

.privacy-tabs-sections .tab-sidebar {
    padding: 24px 16px;
    border: solid 1px #2173E31A;
    border-radius: 15px;
    width: 30%;
    min-width: 30%;
    position: sticky;
    top: 130px;
    height: 630px;
    overflow-y: auto;
    /* scrollbar-width: none; */
}

.privacy-tabs-sections .tab-sidebar::-webkit-scrollbar {
    width: 4px;
    margin-right: 10px;
}

.privacy-tabs-sections .tab-sidebar::-webkit-scrollbar-track {
    background: #e0e0e0;
}

.privacy-tabs-sections .tab-sidebar::-webkit-scrollbar-thumb {
    background-color: #D054D9;
    border-radius: 10px;
}

/* .privacy-tabs-sections .tab-sidebar::-webkit-scrollbar-thumb:hover {
    background-color: #555; 
    /* Color of the scrollbar thumb on hover 
} */
.privacy-tabs-sections .tab-sidebar ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.privacy-tabs-sections .tab-sidebar ul li a {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    background-color: #fff !important;
    padding: 0;
    color: #666666;
    text-align: left;
    position: relative;
}


.privacy-tabs-sections .tab-sidebar li a.active,
.privacy-tabs-sections .tab-sidebar li a:target {
    color: #111044;
}

.privacy-tabs-sections .tab-sidebar ul li {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    display: inline-block;
    position: relative;
    padding-left: 40px;
    width: 100%;
}

.privacy-tabs-sections .tab-sidebar ul li::before {
    content: '';
    position: absolute;
    background-image: url(../images/pink-bullet.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    left: 0;
    top: 5px;
}

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

/* .tab-sidebar-div .tab-div.headings-list ul li strong {
    display: inline-block;
    width: 100%;
    font-size: 24.01px;
    font-weight: 600;
    line-height: 45.02px;
    color: #111044;
} */

.tab-sidebar-div .tab-div ul li strong {
    display: inline-block;
    width: 100%;
    font-size: 24.01px;
    font-weight: 600;
    line-height: 45.02px;
    color: #111044;
}

/* .tab-sidebar-div .tab-div.headings-list ul, */
.tab-sidebar-div .tab-div ul {
    row-gap: 32px;
}

.tab-sidebar-div #tab-2 ul {
    row-gap: 0;
}

.tab-sidebar-div .tab-div.headings-list ul li::before {
    top: 12px;
}

.tab-sidebar-div .tab-div table {
    /* margin-bottom: 0; */
    border-radius: 10px;
    border: solid 1px #0000000D;
    border-collapse: separate;
}

.tab-sidebar-div .tab-div table tbody tr:last-child td {
    border: none;
}

.tab-sidebar-div .tab-div table thead tr th {
    border: none;
    border-bottom: solid 1px #0000000D;
    padding: .5rem .5rem;
}

.tab-sidebar-div .tab-div table tbody tr td {
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    color: #6F6F6F;
    padding: .5rem .5rem;
    vertical-align: top;
}

.tab-sidebar-div .tab-div table tbody tr td strong {
    font-weight: 600;
}

.tab-sidebar-div .tab-div table tbody tr td:first-child {
    color: #0C0507;
}

.tabs-inner-table table thead tr th {
    background-color: #111044;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 22.68px;
}

.tabs-inner-table tbody tr td {
    font-size: 16px;
    font-weight: 500;
    line-height: 20.16px;
    color: #000;
}

.tabs-inner-table tbody tr:nth-child(even) td {
    background-color: #E6F7FE;
    color: #000000CC;
}

.tabs-inner-table .table>:not(caption)>*>* {
    border: none;
    padding: 20px 24px;
}

.tabs-inner-table {
    border-radius: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 40px;
    box-shadow: 0px 0px 20px 0px #0000001A;
}

.tabs-inner-table table {
    margin-bottom: 0;
}

.pricing-table-body .nav-pills {
    justify-content: center;
    gap: 24px;
    margin-top: 40px;
}

.pricing-table-body .nav-pills .nav-link {
    color: #666666;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.16px;
    height: 44px;
    border: 1.5px solid #666666;
    border-radius: 50px;
}

.pricing-table-body h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 45.02px;
    text-align: center;
}

.pricing-table .modal-body {
    padding-top: 0 !important;
    padding: 32px;
}

.pricing-table .modal-header {
    border: 0;
    justify-content: end;
    padding-bottom: 0;
}

.pricing-table .modal-header button {
    padding: 0;
    background: #fff;
    border: 0;
}

.pricing-table-body .nav-pills .nav-link.active,
.pricing-table-body .nav-pills .show>.nav-link {
    color: #fff;
    background: linear-gradient(90deg, #FF952E 0%, #D054D9 100%);
    /* border: 1.5px solid transparent; */
    border: 0;
}

/* .tab-sidebar-div .tab-div ul {
    margin-bottom: 0;
} */

.tab-sidebar-div .tabs-inner-content .tab-div {
    /* margin-bottom: 40px; */
    padding-top: 40px;
}

.tab-sidebar-div .tabs-inner-content .tab-div:last-child {
    margin-bottom: 0;
}

.tab-sidebar-div .tabs-inner-content .tab-div:first-child {
    padding-top: 0;
}

.contact-page .section-heading h3 {
    line-height: 65px;
}

.contact-page .contact-row {
    display: flex;
    gap: 40px;
    margin-top: 60px;
}

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

.col-touch {
    width: 29.5%;
    min-width: 29.5%;
}

.get-touch-box {
    background-color: #2173E31A;
    padding: 32px 25px 40px 25px;
    border-radius: 10px;
}

.get-touch-box .gif-box {
    background-color: transparent;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.get-touch-box .gif-box img {
    width: 100%;
}

.get-touch-box .details-boxes {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    row-gap: 32px;
}

.get-touch-box .details-boxes .inner-box {
    display: flex;
    align-items: center;
    gap: 12px;
}

.get-touch-box .details-boxes .icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2173E3;
    border-radius: 10px;
}

.get-touch-box .details-boxes .text {
    color: #111044;
    font-size: 16px;
    font-weight: 600;
    line-height: 27.2px;
}

.contact-form .form-group label,
.mentor-signup .form-group label,
.stu-setting-info .form-group label {
    color: #808080;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 16px;
}

.contact-form .form-group input,
.mentor-signup .form-group input,
.stu-setting-info .form-group input {
    color: #808080;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    border: solid 1px #CED4DD;
    border-radius: 10px;
    padding: 16px 16px;
}

.stu-setting-info .form-group textarea.form-control {
    padding: 16px;
    min-height: 90px;
    border: solid 1px #CED4DD;
    border-radius: 10px;
    resize: none;
    color: #808080;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.contact-page .col-form {
    width: 70%;
}

.contact-form form {
    display: flex;
    flex-wrap: wrap;
    row-gap: 24px;
}

.contact-form form .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23292D32' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    color: #808080;
    font-size: 14px;
    border: solid 1px #CED4DD;
    background-position: right 18px center;
    padding: 16px 19px;
    border-radius: 10px;
    font-weight: 400;
}

.iti .iti__selected-dial-code {
    background-color: #fff !important;
}

.form-group .phone {
    display: flex;
    gap: 16px;
}

.form-group .phone .form-select {
    width: 75px;
    padding: 10px;
    background-position: right 10px center;
    min-width: 75px;
}

.contact-form .form-group {
    width: 100%;
}

.contact-form .form-group textarea.form-control {
    padding: 16px;
    min-height: 84px;
    border: solid 1px #CED4DD;
    border-radius: 10px;
    resize: none;
    color: #808080;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.contact-form .form-action {
    margin-top: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.contact-form .form-action button {
    min-width: 328px;
}

.contact-page .col-form .contact-form {
    padding: 32px;
    box-shadow: 0px 0px 25px 0px #0000000D;
    border-radius: 15px;
    height: 100%;
}

.contact-map {
    margin-bottom: -6px;
}

#welcomeModal .modal-body {
    padding: 0px;
    /* border-radius: 30px; */
    overflow: hidden;
    background: transparent !important;
}

#welcomeModal .modal-content {
    border: 0;
    background-color: transparent;
    border-radius: 0;
}

#skipButton {
    position: absolute;
    right: 15px;
    top: 15px;
    background: transparent;
    border: none;
    font-weight: 700;
    transition: none;
    display: flex;
    align-items: center;
    gap: 12px;
}

#skipButton i {
    font-size: 12px;
    margin-top: 2px;
}

#welcomeModal .modal-dialog {
    max-width: 1200px;
}

#welcomeModal .video-popup video {
    max-width: 100%;
    border-radius: 30px;
}

.mute-btn {
    background-color: transparent;
    border: none;
    outline: none;
    position: absolute;
    top: 60px;
    right: 20px;
}

.mute-btn img {
    max-width: 20px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(0%) hue-rotate(311deg) brightness(107%) contrast(104%);
}

.mute-btn.unmute .unmute-icon {
    display: none;
}

.mute-btn.mute .mute-icon {
    display: none;
}

/* dashboard css start  */
.full-calender {
    border: 1px solid #E1E1E1;
    border-radius: 10px;
    background-color: #fff;
    margin-bottom: 40px;
}

.full-calender .fc-toolbar.fc-header-toolbar {
    padding: 20px;
    margin-bottom: 0;
}

.full-calender .fc-toolbar h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 27.72px;
    color: #111044;
}

.full-calender span {
    color: #333333;
}

#calendar th.fc-day-header {
    background: #D054D9;
    font-size: 19.86px;
    font-weight: 600;
    line-height: 25.03px;
    text-align: center;
    padding: 8px 5px;
}

#calendar th.fc-day.fc-widget-content {
    text-align: left;
}

#calendar th.fc-day-header:first-child,
#calendar th.fc-day-header:last-child {
    background: #2173E3;
}

#calendar th.fc-day-header span {
    color: #FFF;
}

.video-timing {
    margin-bottom: 15px;
    display: flex;
    gap: 24px;
}

.video-timing span {
    font-size: 15px;
    font-weight: 700;
    line-height: 19px;
    color: #000;
    display: inline-block;
}

.video-timing span svg {
    vertical-align: sub;
    margin-right: 9px;
}

.dash-course-box img {
    border-radius: 10px;
}

.full-calender .fc-button-group .fc-next-button,
.full-calender .fc-button-group .fc-prev-button {
    background-color: transparent;
    border: 0;
    padding: 0;
    box-shadow: none !important;
    color: #111044;
}

.fc-button-primary:not(:disabled).fc-button-active,
.fc-button-primary:not(:disabled):active {
    background-color: #fff;
}

.dash-toggle {
    min-width: 56px;
    width: 56px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    border: solid 1px rgba(0, 0, 0, .15);
    border-radius: 8px;
    background-size: 30px;
    display: none;
}

.dash-close {
    min-width: 30px;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    border: solid 1px rgba(0, 0, 0, .15);
    border-radius: 50%;
    background-size: 12px;
    display: none;
    margin-right: 16px;
    padding: 0;
}

.dashboard-main {
    min-height: 100vh;
    display: flex;
    background-color: #F9F9FC;
}

#dash-menu-backdrop {
    z-index: -1;
}

.dashboard-main .dashboard-left {
    width: 245px;
    position: fixed;
    min-width: 245px;
    padding-top: 24px;
    background-color: #fff;
    min-height: 100vh;
    border-right: solid 1px #0C05071A;
}

.dashboard-right {
    padding-left: 245px;
    width: 100%;
}

.dashboard-main .dash-logo {
    margin-bottom: 40px;
}

.dashboard-main .dash-logo a {
    text-align: center;
    width: 100%;
}

.dashboard-main .navbar-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.dashboard-main .navbar-list li {
    background-color: #fff;
    padding: 8px 0;
}

.dashboard-main .navbar-list .dash-link,
.dashboard-main .navbar-list .dash-logout {
    padding: 0 16px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
    color: #8F9BB3;
    font-size: 15px;
    font-weight: 600;
    line-height: 32px;
    position: relative;
}

.dashboard-main .navbar-list .dash-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #fff;
    border-radius: 17px;
}

.dashboard-main .navbar-list .dash-logout {
    color: #F86060 !important;
}

.dashboard-main .navbar-list .dash-link.logout .icon {
    filter: brightness(0) saturate(100%) invert(52%) sepia(60%) saturate(978%) hue-rotate(318deg) brightness(92%) contrast(114%);
}

.dashboard-main .navbar-list .dash-link .icon,
.dashboard-main .navbar-list .dash-logout .icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dashboard-main .navbar-list .dash-link.active {
    color: #2173E3;
}

.dashboard-main .navbar-list .dash-link.active .icon {
    background-color: #3366FF33;
    border-radius: 8px;
    filter: brightness(0) saturate(100%) invert(35%) sepia(97%) saturate(2569%) hue-rotate(203deg) brightness(93%) contrast(90%);
}

.dashboard-main .navbar-list .dash-link.active::before {
    background-color: #2173E3;
}

.dash-header .search-div .form-control {
    color: #666666;
    border: solid 1px #CCCCCC;
    font-size: 14px;
    padding: 9.5px 16px 9.5px 42px;
}

.dash-header .search-div .form-control::placeholder {
    color: #666666;
}

.dash-header {
    padding: 24px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    position: sticky;
    z-index: 5;
    width: 100%;
    top: 0;
    /* border-bottom: solid 2px #F9F9FC; */
}

.dash-header .search-div {
    width: 37.2%;
}

.dash-header .inner-search {
    position: relative;
}

.dash-header .inner-search img {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    z-index: 0;
}

.dash-header .notification .btn::after,
.dash-header .profile-dropdown .btn::after {
    display: none;
}

.dash-header .notification .btn {
    background-color: #F7F7FA !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none !important;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative !important;
}

.message-dot {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ff0000;
}

.dash-header .dropdown-menu li,
.dash-header .dropdown-menu a {
    font-size: 14px;
}

.dash-header .profile-dropdown img {
    width: 38px;
    height: 38px;
    border: solid 2px #E6E6E6;
    border-radius: 50%;
}

.dash-header .profile-section {
    display: flex;
    align-items: center;
    gap: 20px;
}

.dash-header .profile-dropdown .btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    background-image: url('data:image/svg+xml;utf8,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_6464_36757" fill="white"><path d="M6.43652 0.812988L12.0934 6.46985L6.43652 12.1267L0.779661 6.46985L6.43652 0.812988Z"/></mask><path d="M6.43652 12.1267L5.02231 13.5409L6.43652 14.9551L7.85074 13.5409L6.43652 12.1267ZM10.6792 5.05564L5.02231 10.7125L7.85074 13.5409L13.5076 7.88406L10.6792 5.05564ZM7.85074 10.7125L2.19388 5.05564L-0.634552 7.88406L5.02231 13.5409L7.85074 10.7125Z" fill="%237E84A3" mask="url(%23path-1-inside-1_6464_36757)"/></svg>');
    background-position: right;
    background-size: 13px;
    background-repeat: no-repeat;
    padding-right: 20px !important;
    border: none !important;
}


.dash-header .profile-dropdown .name {
    font-size: 14px;
    color: #1D1D1D;
    margin-bottom: 0;
    text-align: left;
}

.dash-header .profile-dropdown .categ {
    margin-bottom: 0;
    color: #3D5EE1;
    font-size: 12px;
    text-align: left;
}

.dash-header .profile-dropdown .inner-profile {
    width: auto;
    height: auto;
    border: 0;
}

.dashboard-data-wrapper {
    padding: 32px;
}

.dashboard-data-wrapper .welcome-msg {
    display: flex;
    align-items: center;
    gap: 36px;
    margin-bottom: 40px;
}

.dashboard-data-wrapper .welcome-msg h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.dashboard-data-wrapper .welcome-banner {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #2173E3;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 40px;
}

.dashboard-data-wrapper .banner-text {
    width: 60%;
    padding-left: 32px;
}

.dashboard-data-wrapper .banner-img {
    width: 40%;
}

.dashboard-data-wrapper .banner-img img {
    width: 100%;
}

.dashboard-data-wrapper .banner-text a {
    background-color: #fff;
    padding: 11px 54px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.16px;
    letter-spacing: 0.01em;
    color: #2173E3;
    border-radius: 100px;
}

.dashboard-data-wrapper .banner-text h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 35.28px;
    letter-spacing: 0.01em;
    color: #fff;
    margin-bottom: 16px;
}

.dashboard-data-wrapper .banner-text p {
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.01em;
    color: #fff;
    margin-bottom: 24px;
}

.session-details .upcome-course h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 27.72px;
    margin-bottom: 0;
    padding: 24px;
    border-bottom: solid 1px #CCCCCC33;
}

.session-details {
    display: flex;
    gap: 24px;
    margin-bottom: 40px;
}

.session-details .upcome-course {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    width: 32%;
}

.session-details .upcome-course .inner-box {
    padding: 24px;
}

.session-details .upcome-course .inner-box>h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20.16px;
    color: #464255;
    margin-bottom: 24px;
}

.session-details .upcome-details .head,
.dash-course-single .upcome-details .head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    justify-content: start !important;
}

.session-details .upcome-details .head h6,
.dash-course-single .upcome-details .head h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    color: #848484;
    line-height: 17.64px;
}

.session-details .upcome-details h5,
.dash-course-single .upcome-details h5 {
    color: #464255;
    font-size: 15px;
    font-weight: 700;
    line-height: 18.9px;
    margin-bottom: 0;
}

.session-details .upcome-course .inner-box ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
    justify-content: space-between;
}

.session-details .upcome-course .inner-box ul li {
    width: 45%;
}

.assign-teacher-box {
    padding: 16px;
    border: solid 1px #CCCCCC33;
    background-color: #F9F9F9;
    border-radius: 10px;
}

.assign-teacher-box h5 {
    color: #464255;
    font-size: 16px;
    font-weight: 700;
    line-height: 20.16px;
    margin-bottom: 17px;
}

.assign-teacher-box .teach-box img,
.dash-course-single .teach-box img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: solid 2px #E6E6E6;
}

.assign-teacher-box .teach-box,
.dash-course-single .teach-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.assign-teacher-box .teach-inner .name,
.dash-course-single .teach-inner .name {
    color: #1D1D1D !important;
    margin-bottom: 4px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 16.8px !important;
}

.assign-teacher-box .teach-inner .role,
.dash-course-single .teach-inner .role {
    color: #848484 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 14.4px !important;
    margin-bottom: 0 !important;
}

.assign-teacher-box .box-outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.assign-teacher-box .action-btn a {
    background-color: #2173E3;
    width: 103px;
    color: #fff;
    border-radius: 100px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.16px;
    letter-spacing: 0.01em;
}

.session-table {
    width: 68%;
    background-color: #fff;
    padding: 24px;
    border-radius: 10px;
    overflow: hidden;
}

.session-table .table {
    margin-bottom: 0;
    vertical-align: middle;
    width: 100% !important;
}

.session-table h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 27.72px;
    margin-bottom: 8px;
}

.session-details .session-table p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #667085;
}

.session-table .table-head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-bottom: 24px;
}

.session-table tbody tr td {
    border: 0;
    padding: 16px;
}

.session-table tbody tr td span {
    color: #6A757E;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    /* line-height: 18.9px; */
}

.session-table tbody tr td span.date {
    min-width: 85px;
}

.session-table tbody tr td span.status {
    min-width: 150px;
}

.session-table tbody tr:nth-child(even) td {
    background-color: #F7F7FA;
}

.session-table thead tr th {
    background-color: #EFF2F7;
    padding: 16px;
    border: 0;
    color: #495057;
    font-size: 16px;
    font-weight: 600;
    /* line-height: 20.16px; */
}

.session-table thead tr th:first-child,
.session-table tbody tr td:first-child {
    border-radius: 5px 0 0 5px;
}

.session-table thead tr th:last-child,
.session-table tbody tr td:last-child {
    border-radius: 0 5px 5px 0;
}

.session-table tbody tr td span.status.red {
    color: #FF6347;
}

.session-table tbody tr td span.status.blue {
    color: #2173E3;
}

.session-table tbody tr td span.status.green {
    color: #148158;
}

.session-table tbody tr td span.status.yellow {
    color: #FF952E;
}

.session-table tbody tr td span.action {
    text-align: center;
}

.course-details {
    display: flex;
    gap: 24px;
    margin-bottom: 40px;
}

.course-details .ongoing-course {
    width: 50%;
    background-color: #fff;
    padding: 24px;
    border-radius: 10px;
    overflow: hidden;
}

.course-details .ongoing-course .headings h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 27.72px;
    margin-bottom: 0;
}

.course-details .ongoing-course .headings a {
    color: #2173E3;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
}

.course-details .ongoing-course .headings {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.course-boxes-outer .course-inner-box {
    padding: 16px;
    border: solid 1px #CCCCCC33;
    border-radius: 10px;
    margin-bottom: 20px;
}

.course-boxes-outer .course-inner-box:last-child {
    margin-bottom: 0;
}

.course-inner-box .inner-headings {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.course-inner-box .inner-headings .names h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20.16px;
    color: #464255;
}

.course-inner-box .inner-headings .names h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 17.64px;
    color: #848484;
}

.course-inner-box .inner-headings .timings h3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20.16px;
    color: #848484;
}

.course-inner-box .inner-headings .timings h6 {
    font-size: 15px;
    font-weight: 500;
    line-height: 18.9px;
    color: #464255;
}

.course-inner-box .box-progress {
    display: flex;
    align-items: center;
    gap: 16px;
}

.course-inner-box .box-progress h3 {
    color: #464255;
    font-size: 16px;
    font-weight: 700;
    line-height: 20.16px;
    margin-bottom: 0;
}

.course-inner-box .box-progress .progress {
    height: 12px;
    width: 100%;
    border-radius: 50px;
    background: #D9D9D9;
}

.course-inner-box .box-progress .progress-bar {
    border-radius: 50px;
    background: linear-gradient(190deg, #2173E3 0%, #05AAF8 100%);
}

.past-free-trials {
    background-color: #fff;
    border-radius: 10px;
    padding: 24px;
    width: 100%;
}

.past-free-trials h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 27.72px;
    margin-bottom: 24px;
}

.past-trial-box .trial-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.past-trial-box .trial-head a {
    color: #2173E3;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
}

.past-trial-box .trial-head h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20.16px;
    color: #464255;
    margin-bottom: 0;
}

.past-free-trials .past-trial-outer {
    /* display: flex; */
    display: grid;
    /* flex-wrap: wrap; */
    column-gap: 44px;
    row-gap: 24px;
    grid-template-columns: repeat(2, 1fr);
}

.past-free-trials .past-trial-box {
    /* width: 47.5%; */
    padding: 16px;
    border: solid 1px #CCCCCC33;
    border-radius: 10px;
}

.past-trial-box .inner-results-box h4 {
    color: #848484;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.64px;
}

.past-trial-box .inner-results-box h6 {
    color: #464255;
    font-size: 14px;
    font-weight: 500;
    line-height: 17.64px;
}

.past-trial-box .inner-results {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.dash-course-row {
    row-gap: 32px;
}

.dash-course-box a {
    width: 100%;
}

.dash-course-box img {
    height: 200px;
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.dash-course-box h6 {
    font-weight: 700;
    font-size: 16px;
    line-height: 20.16px;
    margin-bottom: 16px;
}

.dash-course-box p {
    font-size: 15px;
    font-weight: 400;
    line-height: 18.9px;
    margin-bottom: 20px;
    color: #000000;
}

.dash-course-box .content-box {
    padding: 16px;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    border: 1px solid #B4B4B433;
    border-top: 0;
}

.dash-course-box .progress {
    height: 8px;
    width: 100%;
    border-radius: 50px;
    background: #D9D9D9;
}

.dash-course-box .progress-bar {
    border-radius: 50px;
    background: #41BD55;
}

.dash-course-box .inner-prog {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.dash-course-box .inner-prog span {
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.12px;
}

.dashboard-data-wrapper .welcome-msg h2 a {
    margin-right: 12px;
    color: #292D32;
}

.dash-course-single .single-box {
    padding: 24px;
    background-color: #fff;
    border: 2px solid #CED4DD4D;
    border-radius: 10px;
}

.dash-course-single .single-box .head-details {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

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

.dash-course-single .single-box .head-details ul {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 16px;
    row-gap: 12px;
    margin-bottom: 0;
}

.dash-course-single .upcome-details .head {
    margin-bottom: 0 !important;
}

.dash-course-single .single-box .head-details ul li {
    /* min-width: 25%; */
    width: 100%;
}

.dash-course-single .upcome-details .head img {
    max-width: 18px;
    min-width: 18px;
}

.dash-course-single .single-box .details-text {
    padding-left: 40px;
    width: 100%;
}

.dash-course-single .single-box .details-text .d-flex {
    align-items: end;
}

.dash-course-single .single-box .details-text .head-feedback {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dash-course-single .single-box .details-text .tooltip-info {
    color: #111044;
}

.dash-course-single .single-box .details-text .btn-primary {
    font-size: 16px;
    font-weight: 600;
    line-height: 20.16px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #fff !important;
    background-color: #2173E3 !important;
    border-radius: 100px;
    padding: 11px 18px;
}

.dash-course-single .single-box .details-text h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20.16px;
    margin-bottom: 16px;
}

.dash-course-single .single-box .details-text p {
    color: #000;
    margin-bottom: 24px;
    font-size: 15px;
    font-weight: 400;
    line-height: 18.9px;
}

.dash-course-single .teach-box img {
    max-width: 38px;
}

.dash-course-single .single-box .teacher-details {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 12px;
}

.dash-course-single .single-box .teacher-details h6 {
    margin-bottom: 0 !important;
    color: #464255;
    font-size: 16px;
    font-weight: 700;
    line-height: 20.16px;
}

.dash-course-single .single-tab-inner {
    margin-top: 40px;
    color: #111044;
}

.dash-course-single .single-tab-inner p:last-child {
    margin-bottom: 0;
}

.dash-course-single #myTab.nav-tabs .nav-link {
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 700;
    line-height: 22.68px;
    color: #000000;
    text-align: left;
    padding-left: 0;
}

.dash-course-single #myTab.nav-tabs {
    column-gap: 45px;
}

.col-course-filter .form-group label {
    color: #111044;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 16px;
    width: 100%;
}

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

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

.course-filter-section {
    box-shadow: 0px 4px 20px 0px #00000008;
    padding-top: 75px;
    padding-bottom: 40px;
}

.course-filter-section .form-select {
    color: #808080;
    font-size: 14px;
    border: solid 1px #CED4DD;
    background-position: right 18px center;
    padding: 16px 19px;
    border-radius: 10px;
    font-weight: 400;
}

.course-list-section {
    padding-top: 60px;
}

.course-list-section .list-row {
    row-gap: 40px;
}

.course-list-box {
    display: flex;
    align-items: center;
    padding: 24px;
    border: 2px solid #CED4DD4D;
    border-radius: 10px;
    gap: 24px;
}

.course-list-box>img {
    width: 25%;
    max-height: 260px;
    height: 260px;
    object-position: top;
    border-radius: 8px;
}

.course-list-box .course-text .name-div {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 27px;
}

.course-list-box .course-text .name-div .name {
    font-size: 22px;
    font-weight: 700;
    line-height: 27.72px;
    color: #111044;
}

.course-list-box .course-text .flag img {
    width: 24px;
}

.course-list-box .course-text .ratings {
    color: #21272A;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    display: flex;
    align-items: start;
}

.course-list-box .course-text .ratings img {
    width: 16px;
}

.course-list-box .course-text .active-students {
    display: flex;
    align-items: center;
    color: #111044;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    gap: 12px;
    margin-bottom: 24px;
}

.course-list-box .course-text .teacher-desc {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 32px;
}

.course-list-box .course-text .teacher-desc span {
    color: #111044;
}

.single-tab-sessions .accordion-button {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none;
    padding: 20px;
    border-radius: 10px !important;
}

.single-tab-sessions .accordion-item {
    border: none;
    border-bottom: solid 1px #ccc;
    border-radius: 0 !important;
}

.single-tab-sessions .accordion-item:last-child {
    border-bottom: 0;
}

.single-tab-sessions .accordion-button::after {
    display: none;
}

.single-tab-sessions .accordion-button h6 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
}

.single-tab-sessions .session-timings {
    display: flex;
    align-items: center;
    gap: 10px;
}

.single-tab-sessions .session-timings .nbr {
    color: #989DAB;
    font-size: 16px;
    font-weight: 400;
}

.single-tab-sessions .session-timings .date {
    font-size: 16px;
    font-weight: 700;
    line-height: 18.9px;
    color: #989DAB;
    display: flex;
    align-items: center;
    gap: 8px;
}

.single-tab-sessions .accordion-item .right {
    font-size: 16px;
    font-weight: 700;
    line-height: 20.16px;
}

.single-tab-sessions .accordion-item.ongoing .accordion-button {
    background-color: #F0F6FF !important;
    margin-bottom: 24px;
}

.single-tab-sessions .accordion-item.ongoing .right {
    color: #2173E3;
}

.single-tab-sessions .tab-sessions .headings {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.single-tab-sessions {
    margin-top: 20px;
}

.single-tab-sessions .accordion-item.upcoming .right {
    color: #FF6347;
}

.single-tab-sessions .accordion-item.missed .right {
    color: #F39C12;
}

.single-tab-sessions .accordion-item.upcoming .accordion-button,
.single-tab-sessions .accordion-item.completed .accordion-button {
    padding-top: 0;
}

.inner-tab-sessions h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    color: #111044;
}

.inner-tab-sessions .zoom-link {
    background-color: #2173E3;
    border-radius: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 30px;
    max-width: max-content;
}

.single-tab-sessions .accordion-item.completed .right {
    color: #148158;
}

.single-tab-sessions .accordion-body {
    padding-bottom: 24px;
    padding-top: 0;
}

.single-tab-sessions .accordion {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.single-tab-sessions .inner-tab-sessions ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #989DAB;
    padding-left: 40px;
    position: relative;
    margin-bottom: 16px;
}

.single-tab-sessions .inner-tab-sessions ul {
    margin-bottom: 30px;
}

.single-tab-sessions .inner-tab-sessions ul li img {
    position: absolute;
    left: 0;
}

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

.select2-container span.selection {
    width: 100%;
}

.select2-container--default .select2-selection--single {
    color: #808080;
    font-size: 14px;
    border: solid 1px #CED4DD;
    background-position: right 18px center;
    padding: 16px 19px;
    border-radius: 10px;
    font-weight: 400;
    height: 55px;
    transition: none !important;
}

.select2-container--default .select2-selection--multiple {
    color: #808080;
    font-size: 14px;
    border: solid 1px #CED4DD !important;
    background-position: right 18px center;
    padding: 10px 19px;
    border-radius: 10px;
    font-weight: 400;
    /* height: 55px; */
    min-height: 55px;
    transition: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #808080;
    line-height: 21px;
    padding-left: 0;
}

.phone .select2-container--default .select2-selection--single {
    width: 75px;
    padding: 10px;
    background-position: right 10px center;
    min-width: 75px;
}

.phone .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
    padding: 0;
}

.phone .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 10px;
}

.phone .select2-results__option {
    padding: 6px 10px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23292D32' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-size: contain;
    background-position: center;
    width: 14px;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
    background-repeat: no-repeat;
}


.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-results__option {
    color: #2173E3;
    /* border-radius: 10px; */
    padding: 6px 19px !important;
    font-size: 14px !important;
}

.select2-container--default .select2-results__option--selected {
    background-color: #2173E31A;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #2173E3 !important;
}

body.modal-open .select2-dropdown {
    z-index: 1100;
}

.select2-dropdown {
    border: solid 1px #CED4DD;
    border-radius: 10px;
    overflow: hidden;
    z-index: 2;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 300px;
    scrollbar-width: none;
}

.contact-form .form-group .phone .select2-container,
.mentor-signup .form-group .phone .select2-container {
    max-width: 75px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    color: #2173E3;
}

section.step-form {
    margin-top: 90px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* padding-bottom: 75px; */
    margin-bottom: -6px;
}

.col-form-steps {
    width: 30%;
}

.step-form .form-row {
    display: flex;
    justify-content: space-between;
}

.col-form-fields {
    width: 70%;
    margin-right: 150px;
}

.step-form form label {
    color: #111044;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    width: 100%;
}

.step-form form .form-check {
    background-color: #fff;
    padding: 15px;
    box-shadow: 0px 0px 10px 0px #0000000D;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.step-form form .form-check .form-check-input {
    margin-left: 0;
    margin-right: 15px;
    border: 2px solid #111044;
    box-shadow: none !important;
    min-width: 24px;
    width: 24px;
    height: 24px;
}

.step-form form .form-check .form-check-input:checked {
    background-color: #05aaf8;
    border-color: #05aaf8;
}

.step-form form .form-check .form-check-input:checked[type=checkbox] {
    background-color: #05aaf8;
    border-color: #05aaf8;
}

.step-form form .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%2305AAF8'/%3e%3c/svg%3e");
    background-size: 30px;
    background-color: #fff;
}

.col-form-fields fieldset:first-child .form-action {
    justify-content: end;
}

.col-form-fields .form-action {
    margin-top: 40px;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

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

.col-form-fields .desc-box {
    margin-top: 60px;
    padding: 16px;
    text-align: left;
    border-radius: 10px;
    background-color: #FFFFFF33;
}

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

.step-form-video video {
    width: 85%;
    object-fit: cover;
    height: 100%;
    min-height: 850px;
}

.col-form-fields .desc-box ul li {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 16px;
}

.col-form-fields .desc-box ul li:last-child {
    margin-bottom: 0;
}

.col-form-fields .desc-box ul li strong {
    font-weight: 600;
    font-size: 16px;
}

.pricing-modal {
    margin-top: 24px;
    display: flex;
    justify-content: end;
}

.pricing-modal .btn {
    background: #EBEDF1;
    min-width: 80px;
    font-size: 14px;
    line-height: 45px;
    font-weight: 600;
    color: #111044;
    border-radius: 50px;
    text-align: center;
    border: none;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-left: 30px;
    padding-right: 30px;
}

.pricing-modal .btn::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #D054D9 0%, #D054D9 100%);
    background-color: #D054D9;
    transform: translateX(-100%);
    transition: 0.3s ease-in-out;
    z-index: -1;
}

.pricing-modal .btn:hover {
    color: #fff;
}

.pricing-modal .btn:hover::before {
    transform: translateX(0);
}

/* step form start  */

#heading {
    text-transform: uppercase;
    color: #673AB7;
    font-weight: normal
}

.step-form form {
    text-align: center;
    position: relative;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.step-form form fieldset {
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative;
}

.form-card {
    text-align: left
}

.step-form form fieldset:not(:first-of-type) {
    display: none;
}




.step-form form .action-button-previous {
    background: #EBEDF1;
    min-width: 150px;
    font-size: 14px;
    line-height: 45px;
    font-weight: 600;
    color: #111044;
    border-radius: 50px;
    text-align: center;
    border: none;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-left: 30px;
    padding-right: 30px;
}

.step-form form .action-button-previous::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #D054D9 0%, #D054D9 100%);
    background-color: #D054D9;
    transform: translateX(-100%);
    transition: 0.3s ease-in-out;
    z-index: -1;
}

.step-form form .action-button-previous:hover {
    color: #fff;
}

.step-form form .action-button-previous:hover::before {
    transform: translateX(0);
}

.card {
    z-index: 0;
    border: none;
    position: relative
}

.fs-title {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5;
}

.col-form-fields .mini-title {
    color: #fff;
    margin-bottom: 16px;
}

.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
    color: gray;
    text-align: left
}

#progressbar {
    /* overflow: hidden; */
    color: lightgrey;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    row-gap: 42px;
}

#progressbar .active {
    color: #673AB7;
}

#progressbar li .name span {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    line-height: 29.16px;
    color: #B6B6B6;
    text-align: left;
    margin-left: 12px;
}

#progressbar li .name strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    color: #fff;
    text-align: left;
    width: 100%;
    display: inline-block;
    margin-left: 12px;
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 100%;
    position: relative;
    font-weight: 400;
    display: flex;
    align-items: start;
}

#progressbar li#step8::after {
    display: none;
}

#progressbar li .icon {
    width: 42px;
    min-width: 42px;
    height: 42px;
    font-size: 20px;
    color: #FFFFFF;
    background: #371a7d;
    border-radius: 50%;
    margin-left: -21px;
    padding: 2px;
    position: relative;
    z-index: 3;
    border: 2px solid #FFFFFF33;
    display: flex;
    align-items: center;
    justify-content: center;
}

#progressbar li:after {
    content: '';
    width: 2px;
    height: 150%;
    background: #FFFFFF33;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: 1;
}


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

#progressbar li.active .icon {
    background: linear-gradient(90deg, #FF952E 0%, #D054D9 100%);
    color: #fff;
    border: 0;
}

#progressbar li.active+li .icon {
    border-color: #fff;
}

section.login-form {
    /* margin-top: 90px; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* padding-bottom: 75px; */
    margin-bottom: -6px;
    background-color: #111044;
}

section.login-form .form-row {
    display: flex;
    justify-content: space-between;
}

section.login-form .form-row .col-form-login {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 900px;
}

section.login-form .form-row .col-login-images {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 900px;
}

section.login-form .col-form-login .signup-link {
    margin: 40px 40px 60px 0;
    text-align: end;
    width: 100%;
}

section.login-form .col-form-login .signup-link p {
    font-size: 14px;
    font-weight: 300;
    line-height: 14.5px;
    color: #fff;
}

section.login-form .col-form-login .signup-link p a {
    font-weight: 500;
    color: #fff;
    margin-left: 5px;
}

section.login-form .login-form-body {
    width: 400px;
    max-width: 400px;
    margin-top: 40px;
}

section.login-form .login-form-body .headings h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    text-align: center;
    color: #fff;
}

section.login-form .login-form-body .headings p {
    font-size: 18px;
    font-weight: 400;
    line-height: 29.16px;
    text-align: center;
    color: #fff;
    margin-bottom: 24px;
}

section.login-form .login-pills {
    justify-content: space-between;
    background-color: rgb(130, 32, 153);
    border-radius: 100px;
    width: 330px;
    margin: 0 auto;
    flex-wrap: nowrap;
}

section.login-form .login-pills .nav-link {
    display: flex;
    align-items: center;
    min-width: 150px;
    border-radius: 100px;
    gap: 16px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    box-shadow: none !important;
}

section.login-form .login-pills .nav-link.active {
    background-color: #D054D9;
    min-width: 170px;
}

section.login-form .login-pills .nav-link.active .icon {
    background-color: #FFFFFF;
}

section.login-form .login-pills .nav-link.active .icon img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(57%) saturate(3632%) hue-rotate(208deg) brightness(101%) contrast(78%);
}

section.login-form .login-pills .nav-link .icon {
    width: 40px;
    height: 40px;
    background-color: #D054D9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-social-links ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin: 32px 0;
}

.login-social-links ul li a {
    width: 80px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: solid 1px #E5E8ED;
    border-radius: 5px;
}

.student-form .continue-text {
    position: relative;
    text-align: center;
}

.student-form .continue-text .border-line {
    width: 30%;
    height: 1px;
    background-color: #DBDBDB;
    position: absolute;
    top: 50%;
    z-index: 1;
    left: 0;
}

.student-form .continue-text .border-line.two {
    right: 0;
    left: auto;
}

.student-form .continue-text .text {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 0 15px;
    color: #DDDDDD;
}

.student-form .form-group {
    position: relative;
}

.student-form .form-control {
    padding: 17.5px 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14.5px;
    color: #5A5A5A;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
}

.student-form .form-group .eye-btn {
    position: absolute;
    right: 24px;
    color: #B8B8B8;
    top: 15px;
}

.student-form .form-fileds.row {
    row-gap: 24px;
    margin-bottom: 20px;
    margin-top: 32px;
}

.student-form .form-switch {
    padding-left: 2.5em;
    display: flex;
    align-items: center;
    gap: 10px;
}

.student-form .form-switch .form-check-input:focus,
.student-form .form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.student-form .form-switch .form-check-input {
    width: 40px;
    height: 20px;
    margin-left: -2.5em;
    margin-top: 0;
    background-image: var(--bs-form-switch-bg);
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out;
    background-color: #ECECEC;
    border: 0.5px solid #C9C9C9;
    position: relative;
    box-shadow: none !important;
}

.student-form .form-switch .form-check-input:checked {
    background-color: #D054D9;
    border-color: #D054D9;
    background-position: right center;
}

.student-form .forgot-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.student-form .form-action .gradient-btn {
    height: 55px;
}

.login-form .login-images {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    row-gap: 24px;
}

.login-form .login-logo {
    width: 100%;
    margin: 32px 0 24px 40px;
    max-width: 100%;
}

/* .login-form .login-logo img {
    max-width: 165px;
} */

.login-form .login-images .img-div {
    width: 350px;
    height: 350px;
    border-radius: 50%;
    overflow: hidden;
}

.login-form .login-images .img-div img {
    height: 350px;
    width: 100%;
}

section.login-form.student .img-div.mentor,
section.login-form.mentor .img-div.student {
    filter: blur(5px);
}

.mentor-signup {
    padding-top: 60px;
}

/* sign up form start  */

.mentor-signup form {
    text-align: left;
    position: relative;
    box-shadow: 0px 0px 25px 0px #0000001A;
    border-radius: 20px;
    padding: 40px 18px 40px 18px;
}

.mentor-signup form fieldset,
.signup-learner form fieldset {
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative;
}

.form-card {
    text-align: left
}

.mentor-signup form fieldset:not(:first-of-type),
.signup-learner form fieldset:not(:first-of-type) {
    display: none;
}

.mentor-signup form .action-button-previous {
    background: #EBEDF1;
    min-width: 150px;
    font-size: 14px;
    line-height: 45px;
    font-weight: 600;
    color: #111044;
    border-radius: 50px;
    text-align: center;
    border: none;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-left: 30px;
    padding-right: 30px;
}

.mentor-signup form .action-button-previous::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #D054D9 0%, #D054D9 100%);
    background-color: #D054D9;
    transform: translateX(-100%);
    transition: 0.3s ease-in-out;
    z-index: -1;
}

.mentor-signup form .action-button-previous:hover {
    color: #fff;
}

.mentor-signup form .action-button-previous:hover::before {
    transform: translateX(0);
}

/* .card {
    z-index: 0;
    border: none;
    position: relative;
} */

.mentor-signup .fs-title {
    color: #111044;
    font-size: 24.01px;
    font-weight: 600;
    line-height: 25px;
    text-align: left;
    margin-bottom: 40px;
}

.col-signup-steps .progress {
    height: 10px;
    background-color: #EBEDF1;
    border-radius: 7px;
    margin-top: 32px;
    margin-bottom: 52px;
}

.col-signup-steps .progress-bar {
    background: linear-gradient(90deg, #FF952E 0%, #D054D9 100%);
    border-radius: 7px;
}

.col-signup-fields p.text-black a {
    color: #2173E3;
}

.col-signup-fields .step-heading {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 29.16px;
    position: absolute;
    top: -100px;
}

.col-signup-fields .fields-row {
    row-gap: 32px;
    align-items: end;
}

.col-signup-fields .form-action {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    gap: 24px;
}

.col-signup-fields .form-action .gradient-btn {
    min-width: 260px;
}

.col-signup-fields .form-group textarea.form-control {
    padding: 16px;
    min-height: 90px;
    border: solid 1px #CED4DD;
    border-radius: 10px;
    resize: none;
    color: #808080;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.col-signup-fields .file-input-div .file-input-label {
    color: #808080;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    border: solid 1px #CED4DD;
    border-radius: 10px;
    padding: 11px 16px;
    width: 100%;
    cursor: pointer;
}

.col-signup-fields .file-input-div .file-input-label {
    margin-bottom: 0;
}

.col-signup-fields .file-input-div input[type=file] {
    display: none;
}

.col-signup-fields .file-input-div .file-input-label .btn-type {
    padding: 5px 8px;
    background-color: #EFEFEF;
    border-radius: 5px;
    color: #111044;
    font-weight: 500;
    margin-right: 10px;
}

.col-signup-fields .statement-div {
    margin-top: 24px;
}

.statement-div .form-check {
    padding-left: 0;
    display: flex;
}

.statement-div .form-check .form-check-input {
    margin-left: 0;
    margin-right: 15px;
    border: 2px solid #292D32;
    box-shadow: none !important;
    min-width: 20px;
    width: 20px;
    height: 20px;
    border-radius: 8px;
    margin-top: 1px;
}

.statement-div .form-check .form-check-input:checked {
    background-color: #fff;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23292D32' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.statement-div .form-check-label {
    color: #111044;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
}

.mentor-app-start {
    text-align: center;
    position: relative;
}

.mentor-app-start .start-action {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 60px;
    z-index: 2;
}

.mentor-app-start .start-action .gradient-btn {
    min-width: 390px;
}

.signup-learner {
    position: relative;
}

.signup-learner .signup-form-body {
    backdrop-filter: blur(5px);
    padding: 20px;
    border-radius: 15px;
    background-color: #FFFFFF33;
    max-width: 540px;
    margin: 0 auto;
}

.signup-learner .form-row {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: start;
    padding: 0 20px;
}

.signup-learner .form-row>div {
    padding-top: 32px;
}

.signup-learner .continue-text .text {
    color: #000;
}

.signup-learner .signup-link p {
    text-align: end;
    color: #fff;
}

.signup-learner .col-signup-fields .step-heading {
    position: static !important;
    color: #FFFFFF;
}

.signup-learner .col-signup-steps .progress {
    margin-top: 10px;
    margin-bottom: 32px;
}

.signup-learner .fs-title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 25px;
    text-align: left;
    margin-bottom: 0px;
}

.signup-learner fieldset:nth-child(1) .progress-bar {
    width: 50% !important;
}

.signup-learner fieldset:nth-child(2) .progress-bar {
    width: 100% !important;
}

.signup-learner .form-action .gradient-btn {
    width: 400px;
}

.signup-learner .signup-form-body .headings h2 {
    color: #000;
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    text-align: center;
}

.signup-learner .signup-form-body .headings p {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 29.16px;
    text-align: center;
    margin-bottom: 0;
}

.signup-learner .otp-fields {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 32px;
    margin-bottom: 24px;
}

.signup-learner .otp-fields .form-control {
    color: #2173E3;
    font-size: 20px;
    font-weight: 500;
    line-height: 14.5px;
    text-align: center;
}

.signup-learner .otp-fields .form-control:focus {
    border-color: #2173E3;
}

.signup-learner .resend-time {
    text-align: end;
    color: #D9D9D9;
    font-size: 14px;
    font-weight: 600;
    line-height: 14.5px;
}

.signup-learner .resend-time span {
    color: #000;
}

.col-review .ratings {
    display: flex;
    align-items: start;
    gap: 5px;
    width: 100%;
    justify-content: start;
    flex-direction: column;
}

.col-review .ratings .rate-text {
    color: #21272A;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
}

.col-review .ratings img {
    max-width: 14px;
}

.col-review .ratings .inner-star {
    display: flex;
    align-items: center;
    gap: 5px;
}

.student-settings #myTab.nav-tabs .nav-link {
    font-size: 18px;
    font-weight: 700;
    line-height: 22.68px;
    color: #000000;
    text-align: left;
    padding-left: 0;
    background-color: transparent !important;
    min-width: fit-content;
}

.student-settings #myTab.nav-tabs {
    column-gap: 45px;
    row-gap: 24px;
    /* overflow-y: hidden;
    overflow-x: auto; */
    /* flex-wrap: nowrap; */
}

.student-settings nav {
    overflow-y: hidden;
    overflow-x: auto;
}

.student-settings nav::-webkit-scrollbar {
    width: 4px;
    margin-right: 10px;
    height: 4px;
}

.student-settings nav::-webkit-scrollbar-track {
    background: #F7F7FA;
}

.student-settings nav::-webkit-scrollbar-thumb {
    background-color: #2173E3;
    border-radius: 10px;
}

.student-settings .stu-setting-info {
    padding: 24px;
    box-shadow: 0px 0px 25px 0px #0000001A;
    background-color: #fff;
    border-radius: 20px;
    margin-top: 24px;
}

.student-settings .stu-setting-info h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 30px;
}

.student-settings .profile-text img {
    border: solid 2px #E6E6E6;
    border-radius: 50%;
    width: 86px;
    height: 86px;
    min-width: 86px;
}

.student-settings .profile-info {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 32px;
}

.student-settings .profile-text {
    display: flex;
    align-items: center;
    gap: 20px;
}

.student-settings .profile-text h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20.16px;
    text-align: left;
}

.student-settings .profile-text h4 .desc {
    width: 100%;
    color: #75819E;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.64px;
    margin-top: 10px;
}

.student-settings .edit-dp {
    position: relative;
}

.student-settings .edit-dp .edit-btn {
    background-color: #2173E3;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
}

.student-settings .edit-dp .edit-btn img {
    max-width: 14px;
    min-width: 0;
    max-height: 14px;
    border: 0;
}

.student-settings .edit-profile a {
    color: #2173E3;
    background-color: #fff;
    border: solid 1.5px #2173E3;
    min-width: 100px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.16px;
    letter-spacing: 0.01em;
    text-align: center;
    border-radius: 100px;
}

.student-settings .fields-row {
    row-gap: 32px;
    align-items: end;
}

.student-settings .form-action {
    display: flex;
    justify-content: center;
}

.student-settings .form-action .gradient-btn {
    min-width: 260px;
}

.course-filter-section .btn-div {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: center;
    margin-top: 30px;
}

.course-filter-section .btn-div .inner-div {
    border: 1px solid #2173E31A;
    box-shadow: 0px 4px 20px 0px #00000008;
    padding: 16px 16px;
    /* max-width: fit-content; */
    /* margin: 0 auto; */
    /* margin-top: 27px; */
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}

.col-download-details .btn-div span.nrml-price {
    text-decoration: line-through;
    order: 2;
    color: #808080;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-align: right;
}

.course-filter-section .col-download-details .download-btn {
    background-color: #2173E3;
    font-size: 12.1px;
    font-weight: 600;
    line-height: 21px;
    padding: 8px 14px;
    border-radius: 10px;
    display: flex;
    gap: 12px;
    max-width: max-content;
}

.course-filter-section .col-download-details h6 {
    color: #808080;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.16px;
    letter-spacing: 0.01em;
    display: flex;
    align-items: start;
    gap: 10px;
}

.course-filter-section .col-download-details h6 .pricings {
    display: flex;
    flex-direction: column;
}

.course-filter-section .col-download-details h6 span {
    color: #111044;
    font-size: 20px;
    font-weight: 700;
    line-height: 25.2px;
    letter-spacing: 0.01em;
    order: 1;
}

.teacher-dash-statics .statics-box {
    box-shadow: 0px 4px 5px 0px #2C323F05;
    background-color: #fff;
    border-radius: 10px;
    padding: 16px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}

.teacher-dash-statics .statics-box .icon {
    width: 80px;
    height: 80px;
    min-width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EDF4FF;
    border-radius: 5px;
}

.teacher-dash-statics .statics-box .nmbrs p {
    color: #666666;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 8px;
}

.teacher-dash-statics .statics-box .nmbrs h6 {
    font-size: 22px;
    font-weight: 800;
    line-height: 28px;
    color: #000000E5;
}

.teacher-dash-statics {
    margin-bottom: 40px;
}

.teacher-dash-progress {
    display: flex;
    gap: 24px;
    margin-bottom: 40px;
}

.overall-progress,
.recent-payments {
    width: 50%;
    background-color: #fff;
    padding: 24px;
    border-radius: 10px;
    overflow: hidden;
}

.overall-progress h2,
.recent-payments h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 27.72px;
    margin-bottom: 24px;
}

.overall-progress .chart {
    text-align: center;
    margin-bottom: 50px;
}

.overall-progress .progress-nbrs {
    display: flex;
}

.overall-progress .progress-nbrs>div {
    width: 50%;
}

.overall-progress .progress-nbrs>div .up-border {
    width: 60px;
    height: 6px;
    border-radius: 10px;
    margin-bottom: 12px;
}

.overall-progress .pending-course {
    padding-left: 80px;
    border-left: solid 2px #D9D9D9;
}

.overall-progress .complete-course .up-border {
    background-color: #2173E3;
}

.overall-progress .pending-course .up-border {
    background-color: #FF952E;
}

.overall-progress .progress-nbrs>div p {
    color: #464255;
    font-size: 18px;
    font-weight: 500;
    line-height: 22.68px;
    margin-bottom: 8px;
}

.overall-progress .progress-nbrs>div h6 {
    color: #000000E5;
    font-size: 22px;
    font-weight: 800;
    line-height: 27.72px;
    margin-bottom: 0;
}

.recent-payments .head h2 {
    margin-bottom: 0 !important;
}

.recent-payments .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.recent-payments .head a {
    color: #2173E3;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.recent-payments .payment-box-row {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.recent-payments .payment-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.recent-payments .payment-box span.date {
    color: #0D163A80;
    font-size: 12px;
    font-weight: 600;
    line-height: 15.12px;
    letter-spacing: -1px;
}

.recent-payments .payment-box h6 {
    color: #0D163A;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
}

.recent-payments .payment-box .right h6 {
    text-align: center;
}

.recent-payments .payment-box span.status {
    font-size: 12px;
    font-weight: 600;
    line-height: 15.12px;
    letter-spacing: -1px;
    text-align: left;
}

.recent-payments .payment-box span.status.green {
    color: #3BBB6E;
}

/* sunil css start  */
.account-data {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.account-data span {
    color: #848484;
    font-size: 14px;
    list-style: 17.64px;
}

.account-data h6 {
    color: #464255;
    font-size: 15px;
    font-weight: 700;
    margin-top: 6px;
    list-style: 18.9px;
}

.account-right-data {
    margin-right: 60px;
}

.account-data .blue {
    background-color: #05AAF8;
}

.available-balance {
    border-radius: 14px;
    padding: 20px;
    background-color: #05AAF8;
}

.available-balance-top {
    display: flex;
    align-items: flex-start;
    column-gap: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ffffff2f;
}

.available-balance-right h2 {
    font-weight: 600;
    font-size: 22px;

}

.available-balance-right p {

    font-size: 12px;
    line-height: 15.12px;
}

.available-balance-bottom {
    margin-top: 20px;
    text-align: center;
}

.available-balance-bottom span {
    font-size: 28px;
    font-weight: 700;
    line-height: 35.28px;
    letter-spacing: -2px;
}

.withdrawal-request-data.stu-setting-info {
    margin-top: 0px;
}

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

.yellow {
    color: #FF952E !important;
    font-weight: 700 !important;
}

.Evaluation-data .col-lg-2 {
    width: 19.666667%;
}

.payment-details .available-balance-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.white {
    color: black;
    background-color: white;
}

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

/* sunil css end  */

#freeleveltestModal .modal-lg {
    --bs-modal-width: 700px;
}

.course-details-faq .accordion-button {
    border-radius: 12px !important;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    color: #111044 !important;
    border: 1px solid #2173E31A;
    box-shadow: none !important;
    padding: 16px 20px;
}

.course-details-faq .accordion-button.collapsed {
    background-color: #F5F9FF;

}

.course-details-faq .accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.06641%2012.675H18.0664%22%20stroke%3D%22%23111044%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12.0664%2018.675V6.67505%22%20stroke%3D%22%23111044%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.course-details-faq .accordion-item {
    border: 0 !important;
    margin-bottom: 16px;
}

.course-details-faq .accordion-item:last-child {
    margin-bottom: 0;
}

.course-details-faq .accordion-button:not(.collapsed) {
    background-color: #2173E3;
    color: #fff !important;
    border: 1px solid #2173E3;
    border-radius: 12px 12px 0 0 !important;
}

.course-details-faq .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.82812%2012.6139H18.8281%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")
}

.course-details-faq .accordion-body {
    background-color: #2173E3;
    border-radius: 0 0 12px 12px !important;
}

.course-details-faq .course-details-inner span,
.course-details-faq .course-details-inner mark,
.course-details-faq .course-details-inner p,
.course-details-faq .course-details-inner li,
.course-details-faq .course-details-inner li::marker {
    color: #fff !important;
    background-color: transparent !important;
}

.single-tab-inner span,
.single-tab-inner mark,
.single-tab-inner p,
.single-tab-inner li,
.single-tab-inner li::marker {
    color: #111044 !important;
    background-color: transparent !important;
}

.course-details-faq .course-details-box h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
}

.course-details-faq .course-details-box p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.course-details-faq h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 65px;
    color: #2173E3;
}

.course-details-faq h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    color: #111044;
}

.course-details-faq {
    box-shadow: 10px 10px 20px 0px #00000008;
    padding: 24px 20px;
    border: 2px solid #CED4DD26;
    border-radius: 10px;
}

.course-details-faq table {
    max-width: 100%;
}


span.status.yellow {
    color: #FF952E;
}

.main-title-hed {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 16px;
    margin-bottom: 40px;
}

.dashboard-data-wrapper .main-title-hed .welcome-msg {
    margin-bottom: 0;
}

.btn.addbtn {
    min-height: 42px;
    background-color: #2173E3;
    color: #fff;
    column-gap: 7px;
    display: inline-flex;
    align-items: center;
    padding: 8px 14px 8px;
    border-radius: 10px;
    font-weight: 600;
    font-family: Plus Jakarta Sans;
    line-height: 21px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    font-size: 12.1px;
}

.btn.addbtn:hover {
    background-color: #1060CE;
}

.notification_tabs {
    display: flex;
    column-gap: 24px;
    margin-bottom: 15px;
}

.notification_tabs .btn {
    color: #666666;
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding: 0;
    border: none;
}

.notification_tabs .btn.active {
    color: #0C0200;
}

.notification_list-item h5 {
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0C0200;
    margin-bottom: 6px;
}

.notification_list-item p {
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.notificationModalcontent .notification_listing {
    height: 360px;
    overflow: auto;
    scrollbar-width: none;
}

.notificationModalcontent .notification_listing a {
    width: 100%;
}

.notification_list-item {
    border-top: 1px solid #ECF0F3;
    padding: 7px 15px 10px;
    margin: 0 -15px;
    cursor: pointer;
}

.modal-title {
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.6px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #000;
}

.modal-dialog.notificationModalcontent {
    max-width: 400px;
    margin-right: 15px;
    margin-top: 90px;
}

.notification_list-item.read-notification {
    background-color: #ECF0F34F;
}

.modal-header .btn-close {
    width: 20px;
    height: 20px;
    background-size: 10px;
    border: 1.5px solid #292D32;
    border-radius: 24px;
    opacity: 1;
    padding: 0;
}

.notification_view .notification_list-item {
    border: none;
    cursor: unset;
}

.btns_group .btn {
    font-family: Plus Jakarta Sans;
    font-size: 12.1px;
    font-weight: 600;
    line-height: 21px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 5px;
    color: #fff;
}

.btns_group .btn.btn-green {
    background-color: #148158;
}

.btns_group .btn.btn-red {
    background-color: #F86060;
}

.btns_group {
    display: flex;
    column-gap: 16px;
    flex-wrap: wrap;
    row-gap: 10px;
}

.dropdown-menu {
    border: none;
    box-shadow: 0 -4px 15px #00000014;
    border-radius: 10px;
    padding: 10px 0;
}

.dropdown-menu li .dropdown-item {
    display: flex;
    align-items: center;
    column-gap: 12px;
    border-bottom: 1px solid #292D320D;
    padding: 8px 15px;
}

.dropdown-menu li:last-child .dropdown-item {
    border-bottom: none;
}

.dropdown-menu li .dropdown-item img {
    width: 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 0;
    border: none;
}

.dropdown-menu::before {
    content: '';
    position: absolute;
    right: 15px;
    top: -6px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    transform: rotate(45deg);
}

.table-responsive::-webkit-scrollbar {
    width: 4px;
    margin-right: 10px;
    height: 4px;
}

.table-responsive::-webkit-scrollbar-track {
    background: #F7F7FA;
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: #2173E3;
    border-radius: 10px;
}

.mycart-section {
    box-shadow: 0px 4px 20px 0px #00000008;
    padding-top: 75px;
    padding-bottom: 40px;
}

.mycart-section .main-row {
    display: flex;
    gap: 24px;
}

.course-cart-details .inner-row {
    row-gap: 24px;
    align-items: end;
}

.course-cart-details h2,
.order-summry h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.02em;
    margin-bottom: 24px;
}

.course-cart-details h6 {
    font-weight: 500;
    line-height: 21px;
}

.course-cart-details p {
    color: #808080;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 0;
}

.mycart-section .applycoupon a {
    color: #A5498B;
    border: solid 1px #A5498B;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    border-radius: 10px;
    padding: 11px 16px;
    min-width: 130px;
    text-align: center;
}

.mycart-section .applycoupon .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mycart-section .applycoupon h5 {
    color: #292D32;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}

.mycart-section .applycoupon .head span {
    color: #727578;
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
}

.course-cart-details,
.order-summry .applycoupon {
    padding: 18px;
    background: #fff;
    border: solid 1px #292D320D;
    box-shadow: 0px 1px 15px 0px #00000005;
    border-radius: 10px;
}

.mycart-section .coupon-code {
    margin-top: 24px;
    display: none;
}

.mycart-section .coupon-code form {
    display: flex;
    align-items: start;
    gap: 16px;
    flex-direction: column;
}

.mycart-section .coupon-code input {
    color: #808080;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    border: solid 1px #CED4DD;
    border-radius: 10px;
    padding: 10px 16px;
}

.mycart-section .amt-details {
    margin-top: 24px;
}

.mycart-section .amt-details .amt-box {
    display: flex;
    justify-content: space-between;
    color: #727578;
    margin-bottom: 12px;
}

.mycart-section .discount-text p {
    color: #34A853;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
}

.mycart-section .checkout-div {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mycart-section .checkout-div .gradient-btn {
    min-width: 220px;
}

.mycart-section .checkout-div .total-amt h6 span {
    color: #808080;
    font-weight: 500;
    line-height: 20.16px;
    letter-spacing: 0.01em;
    font-size: 16px;
}

.mycart-section .checkout-div .total-amt h6 {
    font-size: 20px;
    font-weight: 700;
    line-height: 25.2px;
    letter-spacing: 0.01em;
    margin-bottom: 0;
}

.checkout-page .form-group input {
    color: #808080;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    border: solid 1px #CED4DD;
    border-radius: 10px;
    padding: 16px 16px;
}

.course-cart-details.credit-card {
    margin-top: 24px;
}

.course-cart-details.credit-card .head {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    justify-content: space-between;
}

.course-cart-details.credit-card h2 {
    margin-bottom: 0;
}

.checkout-page .form-check-input {
    border-radius: 6px !important;
    border-color: #111044 !important;
}

.checkout-page .form-check-input:checked {
    background-color: #fff;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23111044' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}

.feedback-modal-body .rating-inputs {
    margin-bottom: 24px;
}

.feedback-modal-body .rating-inputs .fa-star {
    color: #00000066;
    font-size: 24px;
}


.feedback-modal-body .rating-inputs label.active i {
    color: #FFC833;
}

.feedback-modal-body .rating-inputs input {
    display: none;
}

.feedback-modal-body h6 {
    color: #0C0200;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 16px;
}

.feedback-modal-body h5 {
    color: #0C0200;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 16px;
}

.feedback-modal-body textarea.form-control {
    border: 1px solid #ECF0F3;
    border-radius: 8px;
    min-height: 90px;
}

.feedback-modal-body .form-action {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.feedback-modal-body .btn-primary {
    font-size: 16px;
    font-weight: 600;
    line-height: 20.16px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #fff !important;
    background-color: #2173E3 !important;
    border-radius: 100px;
    padding: 11px 18px;
    min-width: 275px;
}

.orders .session-table tbody tr td span.dur-session {
    min-width: 200px;
}

.orders .session-table tbody tr td span.tot-session {
    min-width: 150px;
}

.orders .session-table tbody tr td span.mentor-id {
    min-width: 110px;
}

.orders .session-table tbody tr td span.pay-amt {
    min-width: 125px;
}

.orders .session-table tbody tr td span.com-course {
    min-width: 165px;
}

.orders .session-table tbody tr td span.pen-course {
    min-width: 165px;
}

/* .orders .session-table tbody tr td span.pay-amt {
    min-width: 125px;
} */

.orders .session-table thead tr th {
    min-width: 100px;
}

.notes-tab-inner {
    margin-top: 40px;
}

.notes-tab-inner .add-notes .head-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.notes-tab-inner form {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.notes-tab-inner form label {
    width: 100%;
    color: #808080;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 16px;
}

.notes-tab-inner .form-control {
    padding: 11px 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14.5px;
    color: #5A5A5A;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
}

.notes-tab-inner textarea.form-control {
    padding: 16px;
    min-height: 90px;
    border: solid 1px #CED4DD;
    border-radius: 10px;
    resize: none;
    color: #808080;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.notes-tab-inner .add-notes h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.notes-tab-inner .form-action {
    justify-content: end;
    display: flex;
}

.saved-notes {
    margin-top: 8px;
}

.saved-notes-box {
    padding-bottom: 24px;
    border-bottom: solid 2px #D9D9D9;
    padding-top: 32px;
}

.saved-notes-box h3 {
    margin-bottom: 0 !important;
}

.saved-notes-box h5 {
    color: #989DAB;
    font-size: 15px;
    font-weight: 700;
    line-height: 18.9px;
    margin: 10px 0;
}

.saved-notes-box .action-btns {
    display: flex;
    align-items: center;
    column-gap: 16px;
}

.saved-notes-box .action-btns .edit-btn {
    width: 140px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 2px #2173E3;
    color: #2173E3;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.16px;
    letter-spacing: 0.01em;
    border-radius: 100px;
}

.saved-notes-box .action-btns .dlt-btn {
    width: 110px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 2px #F86060;
    color: #F86060;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.16px;
    letter-spacing: 0.01em;
    border-radius: 100px;
}

.saved-notes-box:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
}

.mentor-reports {
    margin-top: 16px;
}

.mentor-reports-box .download-btn,
.add-notes .download-btn {
    background-color: #2173E3;
    font-size: 12.1px;
    font-weight: 600;
    line-height: 21px;
    padding: 8px 14px;
    border-radius: 10px;
    display: flex;
    gap: 12px;
    max-width: max-content;
}


.mentor-reports-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0 24px 24px;
    border-bottom: solid 2px #D9D9D9;
}

.mentor-reports-box:last-child {
    padding-bottom: 0;
    border: 0;
}

.mentor-reports-box p {
    margin-bottom: 0;
    color: #989DAB;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
}

.mentor-reports-box h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 0;
}

.reschdule-modal .modal-dialog {
    max-width: 565px;
}

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

.reschdule-modal-body .re-flatpicker-input {
    display: none;
}

.reschdule-modal-body .flatpickr-calendar {
    box-shadow: none !important;
    width: 530px;
    padding: 20px;
    border: 1px solid #CED4DD;
    border-radius: 10px;
}

.reschdule-modal-body .flatpickr-prev-month {
    right: 20px;
    left: auto !important;
}

.reschdule-modal-body .flatpickr-next-month,
.reschdule-modal-body .flatpickr-prev-month {
    padding-top: 3px;
}

.reschdule-modal-body .flatpickr-current-month {
    left: 0;
    width: auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.16px;
    color: #111044;
}

.reschdule-modal .flatpickr-current-month span.cur-month,
.reschdule-modal .flatpickr-current-month input.cur-year {
    font-weight: 400;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #111044 !important;
}

.reschdule-modal-body span.flatpickr-weekday {
    color: #111044 !important;
}

.reschdule-modal .form-action {
    justify-content: center;
    display: flex;
    margin-top: 20px;
}

.reschdule-modal .modal-header {
    padding-bottom: 0;
    border: 0;
}

.reschdule-modal .gradient-btn {
    min-width: 300px;
}

.reschdule-modal .flatpickr-months {
    position: relative;
}

.reschdule-modal .flatpickr-day {
    width: 70px;
    height: 36px;
    max-width: 70px;
    flex-basis: 70px;
    line-height: 36px;
    color: #111044;
}

.reschdule-modal .flatpickr-day.today {
    background-color: #2173E3;
    color: #fff;
    border-color: #2173E3;
}

.reschdule-modal .flatpickr-day.selected {
    background-color: #111044;
    border-color: #111044;
    color: #fff !important;
}

.reschdule-modal .flatpickr-day.prevMonthDay,
.reschdule-modal .flatpickr-day.nextMonthDay {
    color: #1110444d;
}

.reschdule-modal .dayContainer,
.reschdule-modal .flatpickr-days {
    width: 490px;
    min-width: 490px;
    max-width: 490px;
}

.reschdule-modal .utc-timings {
    color: #808080;
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 0;
    margin-top: 12px;
}

.course-cart-details .resend-time span {
    color: #000;
}

.course-cart-details .resend-time {
    color: #666666;
    font-size: 14px;
    font-weight: 600;
    line-height: 14.5px;
    margin-top: 12px;
}

.course-cart-details .otp-fields {
    display: flex;
    align-items: center;
    column-gap: 24px;
    margin-top: 24px;
}

.course-cart-details .otp-fields .form-control {
    padding: 10px 24px;
    border: 1px solid #CED4DD;
}

.course-cart-details .otp-fields .form-control:focus {
    border-color: #2173E3;
}

.milestone-box {
    padding: 10px 0;
    border-bottom: solid 2px #D9D9D9;
}

.milestone-box h6.small {
    color: #495057;
    font-size: 14px;
    font-weight: 500;
}

.milestone-box p {
    font-size: 12px !important;
    font-weight: 500 !important;
}

.milestone-box:first-child {
    padding-top: 0;
}

.milestone-box:last-child {
    padding-bottom: 0;
    border: 0;
}

.milestone-box span.red {
    color: #FF6347;
}

.milestone-box span.blue {
    color: #2173E3;
}

.milestone-box span.green {
    color: #148158;
}

.milestone-box span.yellow {
    color: #FF952E;
}

.monthly-report-html {
    margin: 0 auto;
    max-width: 800px;
}

.monthly-report-html h3 {
    background: linear-gradient(90deg, #FF952E 0%, #D054D9 100%);
    margin-bottom: 0;
    padding: 20px;
    font-size: 24px;
    font-weight: 700;
    line-height: 30.24px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #fff;
}

.monthly-report-html .report-body {
    padding: 24px;
}

.monthly-report-html .course-report {
    border: 1px solid #AA80FF33;
    padding: 16px;
    border-radius: 10px;
    margin-top: 32px;
}

.monthly-report-html .course-report .course-box p {
    margin-bottom: 6px;
    color: #848484;
    font-size: 14px;
    font-weight: 500;
    line-height: 17.64px;
}

.monthly-report-html .course-report .course-box h6 {
    margin-bottom: 0;
    color: #464255;
    font-weight: 700;
    line-height: 18.9px;
}

.monthly-report-html .course-report h5 {
    margin-bottom: 20px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 25.2px;
    letter-spacing: 0.02em;
}

.monthly-report-html .course-report h5 span {
    color: #D054D9;
}

.monthly-report-html .course-report .course-box-row {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(5, 1fr);
}

.monthly-report-html .course-report .course-box-row.two {
    grid-template-columns: repeat(4, 1fr);
    padding-top: 24px;
    border-top: 1px solid #AA80FF1A;
    margin-top: 24px;
}

.monthly-report-html .course-report:first-child {
    margin-top: 0;
}

.monthly-report-html .progress-bar {
    border-radius: 50px;
    background: linear-gradient(190deg, #2173E3 0%, #05AAF8 100%);
}

.monthly-report-html .progress {
    height: 12px;
    width: 100%;
    border-radius: 50px;
    background: #D9D9D9;
}

.monthly-report-html .attend-percent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.monthly-report-html .attend-percent span {
    color: #464255;
    font-size: 14px;
    font-weight: 700;
    line-height: 17.64px;
}

.monthly-report-html .box-progress {
    max-width: 80%;
}

.monthly-report-html .attend-session {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 16px;
}

.monthly-report-html .attend-session>div {
    display: flex;
    align-items: center;
    gap: 16px;
}

.monthly-report-html .attend-session>div span.nbr {
    background-color: #2173E3;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 17.64px;
    letter-spacing: 0.02em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.monthly-report-html .attend-session>div h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 17.64px;
    letter-spacing: 0.02em;
}

.monthly-report-html .attend-session .two span.nbr {
    background-color: #FF6347;
}

.monthly-report-html .course-report p {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
}

.monthly-report-html .chart-over-row {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}

.monthly-report-html .chart-over-box {
    padding: 16px;
    border: 1px solid #AA80FF33;
    border-radius: 10px;
}

.monthly-report-html .course-report .chart-img {
    margin-bottom: 60px;
}

.goog-logo-link {
    display: none !important;
}

.goog-te-gadget {
    font-size: 0 !important;
}

.goog-te-gadget span a {
    display: none !important;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.skiptranslate iframe {
    display: none !important;
}

.session-table .dataTables_length,
.session-table .dataTables_filter,
.paginate_button.disabled,
.paginate_button.disabled {
    display: none !important;
}

.edit-topic-section h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 30px;
}

.edit-topic-section {
    padding: 24px;
    box-shadow: 0px 0px 25px 0px #0000001A;
    background-color: #fff;
    border-radius: 20px;
}

.edit-topic-section .form-group input {
    color: #808080;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    border: solid 1px #CED4DD;
    border-radius: 10px;
    padding: 16px 16px;
}

.edit-topic-section .row.input-row {
    margin-bottom: 24px;
    row-gap: 24px;
}

.edit-topic-section .btn-primary {
    font-size: 16px;
    font-weight: 600;
    line-height: 20.16px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #fff !important;
    background-color: #2173E3 !important;
    border-radius: 100px;
    padding: 11px 18px;
    min-width: 150px;
    text-align: center;
}

.edit-topic-section tbody tr:nth-child(even) td {
    background-color: #F7F7FA;
}

.edit-topic-section thead tr th {
    background-color: #EFF2F7;
    padding: 16px;
    border: 0;
    color: #495057;
    font-size: 16px;
    font-weight: 600;
}

.edit-topic-section thead tr th:first-child,
.edit-topic-section tbody tr td:first-child {
    border-radius: 5px 0 0 5px;
}

.edit-topic-section thead tr th:last-child,
.edit-topic-section tbody tr td:last-child {
    border-radius: 0 5px 5px 0;
}

.edit-topic-section tbody tr td {
    border: 0;
    padding: 16px;
}

.edit-topic-section tbody tr td span {
    color: #6A757E;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
}

.edit-topic-section .table {
    margin-bottom: 0;
    vertical-align: middle;
    width: 100% !important;
}

.edit-topic-section .form-action {
    margin-top: 40px;
}

.dashboard-data-wrapper .welcome-msg .btn-primary {
    font-size: 16px;
    font-weight: 600;
    line-height: 20.16px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #fff !important;
    background-color: #2173E3 !important;
    border-radius: 100px;
    padding: 11px 18px;
    min-width: 150px;
    text-align: center;
}

.session-details.subscription .modal-opener {
    cursor: pointer;
    width: auto;
}

.session-details.subscription tr td:last-child,
.session-details.subscription tr th:last-child {
    text-align: center;
}