:root {
    --tp-dashboard-secondary: #052C49;
    --tp-dashboard-primary: #052C49;
    --tp-theme-secondary: #052C49;
}

.text-primary {
    --bs-text-opacity: 1;
    color: #f19a0f !important;
}
.gradient-ribbon {
    background: linear-gradient(-90deg, #31b978, #1ab69d);
}
.tp-banner-sm-2-btn a {
    background: #1ab69d;
    border: 2px solid #1ab69d;
}
.tp-contact-from-box{
    background-color: #ffffff !important;
}
.tp-btn-inner:hover {
    box-shadow: none !important;
    background: #1ab69d !important;
    color: var(--tp-common-white);
    animation-delay: 0.6s;
    animation-name: fadeInUp;
    -webkit-transition: all 0.6s 0s ease-out;
    -moz-transition: all 0.6s 0s ease-out;
    -ms-transition: all 0.6s 0s ease-out;
    -o-transition: all 0.6s 0s ease-out;
    transition: all 0.6s 0s ease-out;
}
.tp-category-item:hover {
    border-color: #1ab69d;
}
.tp-login-from-btn .tp-btn-inner {
    -webkit-transition: all 0.3s 0s ease-out;
    -moz-transition: all 0.3s 0s ease-out;
    -ms-transition: all 0.3s 0s ease-out;
    -o-transition: all 0.3s 0s ease-out;
    transition: all 0.3s 0s ease-out;
}
.tp-login-from-btn .tp-btn-inner:hover {
    background-color: #1ab69d !important;
}
/* .tp-btn-inner {
    font-size: 18px;  */
    .tp-btn-inner {
        border-radius: 80px !important;
        font-weight: 400 !important;
        padding: 12px 12px !important;
        padding: 10px;
        border-radius: 16px;
        background: linear-gradient(-90deg, #31b978, #1ab69d);
        box-shadow: 0px 1px 2px 0px rgba(20, 56, 181, 0.25), 0px 0px 1px 0px #5ec2a9;
    }
.tp-contact-input-remeber input:checked ~ label::after {
    background-color: #6BDD99 !important;
    border-color: #6BDD99 !important;
}
.tpd-redio-style-span::after {
    background-color: #34b495 !important;
}
.tcul_checkbox {
    width: 20px !important; /* Adjust size if needed */
    height: 20px !important;
    border: 2px solid #6BDD99 !important; /* Change to your preferred color */
    border-radius: 4px !important; /* Optional: for rounded corners */
    appearance: none !important; /* Removes default checkbox styling */
    outline: none !important;
    cursor: pointer !important;
}
/* When checkbox is checked */
.tcul_checkbox:checked {
    background-color: #6BDD99 !important;
    border-color: #6BDD99 !important;
}
/* Add check icon using a pseudo-element */
.tcul_checkbox:checked::before {
    /* position: absolute; */
    /* height: 18px; */
    line-height: 20px;
    text-align: center;
    content: url(/frontend/assets/img/live/check.svg); /* Ensure this path is correct */
    top: 4px;
    left: 0;
    transform: translate(-50%, -50%); /* Center the icon */
    width: 12px; /* Adjust as needed */
    height: 12px; /* Adjust as needed */
    /* Remove these lines or set them to visible/opaque */
    /* visibility: hidden;
    opacity: 0; */
}

/*OTP Input*/
body{
    font-family: "Outfit", sans-serif!important;
}
.tcul_blue{
    color: #1ab69d !important;
}
.tp-course-details-2-widget-btn a.active {
    background-color: #1ab69d;
}
.tp-course-details-2-widget-btn a {
    color: var(--tp-heading-2);
    border: 1px solid #e6e8f0;
    background: var(--tp-common-white);
    box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06), 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}

.tp-hero-2-content {
    padding-top: 80px !important;
    padding-bottom: 100px !important;
}

.tp-course-btn a {
    color: var(--tp-common-white);
    background-color: #1ab69d;
    font-weight: 400;
}
.tp-section-4-title span{
    color: #1ab69d;
}

.tp-section-3-title span{
    color: #1ab69d;
}
.white-bg{
    background-color: #fff !important;
}


.tp-btn-border:hover {
    background-color: #1ab69d;
    color: var(--tp-common-white);
}

.tcul-active {
    color: #1ab69d !important;
    font-weight: 500 !important;
}
.tcul_darkblue{
    color: #031F42 !important;
}
.dropdown_list{
    height: 288px !important;
    overflow-y: scroll !important;
    scroll-behavior: contain !important;
    scrollbar-width: thin !important;
    padding-right: 10px !important;
}
.tp-leadership-select .nice-select {
    height: 46px !important;
}

.bg-image-1 {
    height: 800px  !important;
    background-image: url(../img/instructor/instructor-thumb-contact.png) !important;
    background-size: cover !important;
    background-position: center !important;
}
.tp-instructor-apply-box{
    background: linear-gradient(45deg, #fff9f6 20%, #f4fffd 80%) !important;
    border: 20px solid #ffffff !important;
    border-radius: 40px !important;
}
.tp-tutor-item.about::before {
    background-color: #ffffff !important;
}
.tp-tutor-item.about .tp-tutor-icon span::before {
    background-color: #ffffff !important;
}
.tp-btn-border {
    font-weight: 400 !important;
    padding: 8px 28px !important;
    background: linear-gradient(-90deg, #31b978, #1ab69d);
    /* background: #1ab69d; */
    color: var(--tp-common-white);
    border: 0px solid #1ab69d;
}
.tp-btn-border:hover {
    background: #1ab69d;
    color: var(--tp-common-white);
}
.tp-hero-2-title span {
    color: #1ab69d;
}

h1, h2, h3, h4, h5, h6{
    font-family: "Outfit", sans-serif!important;
}
.outfit{
    font-family: "Outfit", sans-serif!important;
}
label{
    font-weight: 500 !important;
    font-family: "Outfit", sans-serif!important;
}
.tp-cta-3-wrap {
    background: #f9fdff !important;
}
/* DASHBOARD */
.tp-instructor-avatar img {
    border-radius: 10% !important;
}
.dashboard-right {
    height: 82vh !important;
    overflow-y:scroll !important;
    overflow-x:hidden !important;
    scrollbar-width: thin !important;
    scrollbar-color: #556df524 transparent !important   ;
}

.tp-otp-input {
    display: flex;
    justify-content: space-between;
    max-width: 240px;
    margin: 0 auto;
}
.tcul_back{
    font-weight: 400 !important;
    padding: 12px 28px !important;
    padding: 10px;
    border-radius:70px;
    font-size: 16px !important;
}

/* Footer CSS */
.tp-footer-widget-content p {
    font-weight: 300;
    color: #e4e6e7 !important;
}
.tp-footer-widget ul li a {
    color: #e4e6e7 !important;
}
.tp-footer-contact-mail > span {
    display: block;
    color: var(--tp-grey-3);
    font-size: 14px;
    margin-bottom: 3px;
    line-height: 1;
}
.tp-footer-contact-mail a {
    color: var(--tp-common-black-1);
    font-size: 20px;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 10px;
}
.tp-footer-contact a:not([href]):not([class]), a:not([href]):not([class]) {
    color: var(--tp-common-black-1);
}
.tp-footer-2 .tp-footer-contact > aa:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: var(--tp-theme-secondary);
}
.tp-footer-contact > a {
    font-size: 20px;
}
.tp-footer-widget-title {
    color: #1ab69d;
}
.tp-footer-bottom-social a {
    background-color: #184940;
    color: #17b59c;
}
.tp-footer-2 .tp-footer-bottom {
    background-color: #0c2f2d;
}
.otp-input {
    width: 50px!important;
    height: 50px!important;
    text-align: center!important;
    font-size: 24px!important;
    border: 1px solid #ccc;
    padding-left: 12px!important;
    padding-right: 12px!important;
    border-radius: 8px;
    color: #000; /* Visible text color */
    background-color: #fff; /* White background for clear contrast */
}
.tpd-table ul li:hover {
    background-color: #ffffff00 !important;
}
.tp-dashboard-course {
    box-shadow: 0px 1px 1px 0px rgba(3, 11, 30, 0.14), 0px 0px 0px 1px rgba(3, 11, 30, 0.07) !important;
}
.otp-input:focus {
    outline: none;
    border-color: #1ab69d;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
.form-select:focus {
    outline: none;
    border-color: #1ab69d;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
.tp-otp-input-form {
    padding: 20px;
}
.bg-lighten01 {
    background-color: #f0f4f5 !important;
}

.width_max{
    width: max-content !important;
}

.batch-heading{
    padding: 16px 12px 12px 12px !important;
}

/* Dashboard */
.tp-course-meta span {
    color: #303137 !important;
}


/* Dashboard */
.tp-user-menu ul li a.active {
    border-radius: 8px;
    background: #1ab69d;
}
.tpd-setting-cartificate-btn button:hover {
    background: #1ab69d;
}
.tpd-setting-cartificate-btn button {
    background: linear-gradient(-90deg, #31b978, #1ab69d);
    /* background: #1ab69d !important; */
    box-shadow: 0 0 1px 0 #1467b5, 0 1px 2px 0 rgba(20, 56, 181, 0.25);
}




/****** CALENDAR ****/
    .calendar-today{
        background:#cafffa !important;
    }
    .calendar-wrapper {
        display: grid;
        grid-template-columns: repeat(7, 1fr); /* 7 columns for 7 days */
        gap: 10px; /* Space between days and slots */
        text-align: center;
    }

    .calendar-days,
    .calendar-slots {
        display: contents; /* Ensures children flow correctly in the grid */
    }

    .calendar-day,
    .slot-container {
        background: #fff;
        border-radius: 8px;
        box-shadow: 0px 1px 2px rgba(17, 22, 29, 0.12);
    }

    .calendar-day {
        padding: 5px 10px;
        font-weight: bold;
        border-bottom: 2px solid #ddd; /* For better visual separation */
    }
    .calendar-day h5{
        color: #184940 !important;
        font-size: 18px;
        margin-bottom: 0px !important;
    }
    .calendar-day p{
        font-size: 14px;
        margin-bottom: 0px !important;
    }

    .slot-container {
        font-size: 14px;
        color: #666;
    }
    .slot-container-day {
        font-size: 14px;
        color: #666;
    }

    .calendar-navigation {
        grid-column: span 7; /* Navigation spans across the entire grid */
        display: flex;
        justify-content: space-between;
        margin-top: 15px;
    }

    .calendar-navigation button {
        padding: 8px 12px;
        font-size: 14px;
        background: #1ab69d;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        background-color: #1ab69d !important;
    }
    .tpd-table {
        padding: 30px 34px 24px 20px !important;
    }
    .booked-slot {
        background-color: #ffcccc; /* Light red */
        padding: 4px;
        display: inline-block;
        border-radius: 5px;
        text-decoration: none;
    }
    .tempbooked-slot {
        background-color: #34b495 !important;
        color: white !important;
        border: 1px solid #21ab8b !important;
        padding: 4px;
        display: inline-block;
        text-decoration: none;
        border-radius: 5px;
    }
    .tempbooked-slot span{
        color: white !important;
    }
    .not-tempbooked-slot {
        border-radius: 5px;
        background-color: #e4e4e4; 
        padding: 4px; 
        display: inline-block; 
        border-radius: 5px; 
        cursor: not-allowed; 
    }
    
    .available-slot {
        background-color: rgb(255 250 246);
        border: 1px solid #fbe48c !important;
        padding: 4px;
        display: inline-block;
        border-radius: 5px;
        text-decoration: none;
    }
    
    .not-available-slot{
        background-color: #e4e4e4; 
        padding: 4px; 
        display: inline-block; 
        border-radius: 5px; 
        cursor: not-allowed; 
    }

    .temp-not-available-slot{
        background-color: #ffff00; /* Light red */
        padding: 4px;
        display: inline-block;
        border: 2px solid #ffcc00;
        text-decoration: none;
    }



/**** END CALENDAR ****/




@media (max-width: 600px) {
    .tp-otp-input {
        max-width: 200px;
    }

    .otp-input {
        width: 45px;
        height: 45px;
        font-size: 20px;
    }
}

.tp-otp-submit-btn {
    margin-top: 20px;
}
.tp-btn-border {
    padding: 8px 32px;
}

.tpd-setting-cartificate-btn button {
    border-radius: 70px !important;
    font-weight: 400;
    padding: 8px 28px;
    background: linear-gradient(-90deg, #31b978, #1ab69d);
    /* background: #1ab69d; */
}
/* .tp-login-from-subtitle::before {
    width: 200px;
}

.tp-login-from-subtitle::after {
    width: 200px;
} */

.tp-login-from-google-btn a {
    border-radius: 8px;
}

.tp-login-from-google-btn {
    margin-bottom: 16px;
}
.choose_date{
    font-size: 16px !important;
    height: 44px !important;
    width: 200px !important;
    line-height: 44px !important;
    border-radius: 100px !important;
    color: #65676a !important;
    border: 1px solid #E6E8F0 !important;
    box-shadow: 0 1px 2px 0 rgba(3, 11, 30, 0.14) !important;
    background: linear-gradient(180deg, #fff 0%, #f9f6ff 100%) !important;
}
/* .tpd-order-date-input {
    justify-content: start;
} */

.tpd-order-date-input form {
    width: 100%;
}
.tp-course-details-2-content {
    padding-top: 0px !important;
}
.mr-0{
    margin-right: 0px !important;
}
.mr-1{
    margin-right: 5px !important;
}
.mr-2{
    margin-right: 10px !important;
}
.mr-3{
    margin-right: 15px !important;
}
/* .tcul_slider{
    width: 100% !important;
    margin-right: 0px !important;
}
.tcul_banner{
    width: 100% !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
} */
@media screen and (max-width: 768px) {

    .tpd-order-date-input form input {
        width: 300px;

    }

    .tp-course-details-2-nav {
        display: none!important;
    }

    .tp-course-details-2-content {
        padding-top: 0px !important;
    }

    .tp-course-details-2-instructor-sub {
        text-align: center;
    }

}

/* .tpd-order-date-input form span {
    top: 66%;
} */

.tp-course-title-tcul {
    /* text-align: justify; */
    color: var(--tp-heading-2);
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 17px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(3, 31, 66, 0.08);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;

}

.iti{
    width: 100%;
}
.profile__input {
    margin-bottom: 12px !important;
}
.tp-course-title {
    border-bottom: none;
    font-weight: 700;
    padding-bottom: 0px;
    margin-bottom: 5px;
}

.tp-course-tag button {
    display: inline-block;
    border-radius: 3px;
    background: rgba(23, 162, 184, 0.08);
    color: #17A2B8;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 10px;
    line-height: 1;
}

.tp-course-tag button:hover {
    display: inline-block;
    border-radius: 3px;
    background: rgba(184 23 23 / 8%);
    color: #d31313;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 10px;
    line-height: 1;
}
.tag{
    border: 1px solid #cccccc00 !important;
}
.text-grey{
    color: #a1a1a1 !important;
}
.fs_12 {
    font-size: 12px !important;
}
.fs_13 {
    font-size: 13px !important;
}
.fs_14 {
    font-size: 14px !important;
}
.fs_15 {
    font-size: 15px !important;
}
.fs_16 {
    font-size: 16px !important;
}
.fs_17 {
    font-size: 17px !important;
}
.fs_18 {
    font-size: 18px !important;
}
.fs_19 {
    font-size: 19px !important;
}
.fs_20 {
    font-size: 20px !important;
}
.fs_21 {
    font-size: 21px !important;
}
.fs_22 {
    font-size: 22px !important;
}
.fs_23 {
    font-size: 23px !important;
}
.fs_24 {
    font-size: 24px !important;
}
.fs_25 {
    font-size: 25px !important;
}
.fs_26 {
    font-size: 26px !important;
}
.fs_27 {
    font-size: 27px !important;
}
.fs_28 {
    font-size: 28px !important;
}
.fs_29 {
    font-size: 29px !important;
}
.fs_30 {
    font-size: 30px !important;
}
.fw_300 {
    font-weight: 300 !important;
}
.fw_400 {
    font-weight: 400 !important;
}
.fw_500 {
    font-weight: 500 !important;
}
.fw_600 {
    font-weight: 600 !important;
}
.fw_700 {
    font-weight: 700 !important;
}
.fw_800 {
    font-weight: 800 !important;
}
.filter__area.filter-opened {
    top: 0;
}
.hw-30{
    height: 30px !important;
    width: 30px !important;
    line-height: 28px !important;
}
.hw-30 img{
    width: 60% !important;
}
.tcul_active {
    /* color: #fff !important; */
    color: var(--primary-blue-500) !important;
    font-weight: 600 !important;
}
.tcul_grey_1 {
    color: #d3e4f5 !important;
    font-weight: 300 !important;
}
.tp-course-details-2-widget-btn a {
    align-items: center;
    justify-content: center;
    display: flex;
}

.tp-course-details-2-instructor .pre {
    font-size: 18px;
}
.tp-course-details-2-instructor-thumb{
    padding: 15px;
    border-radius: 10px;
    background-color: var(--tp-common-white);
    box-shadow: 0 0 24px 0 rgba(3, 31, 66, 0.1);
}
.tp-header-2 .offcanvas-open-btn:hover {
    border-color: #1ab69d !important;
}
.tp-header-2 .offcanvas-open-btn:hover i {
    color: #1ab69d !important;
}
.tp-course-details-2-instructor .pre {
    margin-bottom: 4px;
}

.tp-header-logo img {
    width: 220px;
}

.tp-header-2 .main-menu > nav > ul > li:not(:last-of-type) {
    margin-right: 45px;
}

.tp-header-2 .main-menu > nav > ul > li > a {
    font-size: 18px;
}

.tp-header-inner-logo {
    margin-left: 30px;
}

@media only screen and (max-width: 767px) {
    .tp-header-inner-logo {
        margin-left: 0px;
    }
    .tp-header-logo img {
        width: 170px;
    }
    .mt-sm-2 {
        margin-top: .5rem !important;
    }
    .mb-sm-2 {
        margin-bottom: .5rem !important;
    }
}

.tp-fact-icon span {
    line-height: 0px;
    overflow: clip;
}

.tp-category-title {
    font-size: 24px;
    font-weight: 600;
}

.tp-brand-5-title {
    margin-bottom: 27px;
}

.tp-counter-count span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tp-campus-counter-item.counter-border::after {
    display: none;
}

.tp-program-dot .swiper-pagination-bullet-active {
    transform: translateY(0px) scale(1.5);
    background: #1ab69d;
}

.tp-section-title span {
    color: var(--tp-dashboard-secondary);
}

.tp-section-title span svg {
    position: absolute;
    bottom: -10px;
    left: 37px;
    color: #ffc838;
}

.tp-about-exprience-text p {
    color: var(--tp-dashboard-secondary);
}

.tp-about-exprience-count {
    color: var(--tp-dashboard-secondary);
}

.tp-section-title{
    color: var(--tp-heading-2);
    font-size: 50px;
    font-weight: 500;
}

.tp-about-wrapper .tp-section p::before {
    background-color: #ffc838;
}

.tp-btn {
    border: var(--tp-dashboard-secondary);
    background-color: var(--tp-dashboard-secondary);
}

.tp-about-list {
    margin-left: 20px;
}

.tp-btn:hover {
    border: var(--tp-heading-2);
    background-color: var(--tp-heading-2);
}


.tcul_clip_1{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.tcul_clip_2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.tcul_clip_3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
}
.tcul_clip_4{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    overflow: hidden;
}

.tp-course-filter-space {
    padding-top: 70px;
    padding-bottom: 320px;
}

.wishlist-icon {
    line-height: 23px;
    position: absolute;
    top: 25px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 5px 10px;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.5s ease;
}
.wishlist-icon:hover {
    background-color: rgba(0, 0, 0, 0.7);
    color: red;
}
.wishlist-icon.active {
    background-color: rgba(0, 0, 0, 0.7);
    color: red;
}
.dropdown-btn::after {
    transform: translateY(-50%) rotate(-180deg);
}

@media (max-width: 1400px) {
    .tcul-xxl {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .tcul-xxl {
        display: block;
    }
}
@media only screen and (max-width: 767px) {
    .tp-login-register-banner-box {
        display: none;
    }
    .offcanvas__area {
        width: calc(100% - 40px);
    }
}
.tp-login-register-title {
    top: 80%;
    position: absolute;
}

.p-b-5 {
    padding-bottom: 5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.tp-course-details-2-text a {
    color: #1ab69d;
}
.tp-search-area {
    height: 160px;
}

.tp-course-details-2-meta:not(:first-of-type) {
    margin-left: 20px;
}

.tp-course-details-2-widget-btn {
    margin-top: 30px;
}

.tp-checkout-btn {
    background-color: var(--tp-dashboard-secondary);
}

.tp-checkout-verify-reveal button {
    color: var(--tp-dashboard-secondary);
}

.tp-checkout-verify-reveal button::after {
    background-color: var(--tp-dashboard-secondary);
}

.tp-checkout-option input:checked ~ label::after {
    background-color: var(--tp-dashboard-secondary);
    border-color: var(--tp-dashboard-secondary);
}

.tp-checkout-btn:hover {
    background-color: var(--tp-heading-2);
    color: var(--tp-common-white);
}

.profile__main-content p span {
    color: var(--tp-dashboard-secondary);
    font-weight: 500;
}

.tp-section-subtitle {
    color: var(--tp-dashboard-secondary);
}


.tp-program-4-next span, .tp-program-4-prev span {
    border: 2px solid #c4e2ff;
}

.tp-header-2 .main-menu > nav > ul > li > a:active {
    color: var(--tp-dashboard-primary);
}
.text_grey{
    color: #57595F !important;
}
.underline{
    text-decoration: underline;
}
.course_slots{
width: max-content !important;
}

.on-hover:hover{
    color: var(--tp-dashboard-secondary)!important;
    text-decoration: underline;
}

.on-hover{
    color: grey !important;
}

.profile__input .nice-select {
    border-radius: 6px;
    padding-right: 60px;
    color: var(--tp-text-body);
    border: 1px solid #E6E8F0;
    background: var(--tp-common-white);
    box-shadow: 0px 1px 4px 0px rgba(48, 54, 81, 0.06) inset, 0px 1px 1px 0px rgba(48, 54, 81, 0.06);
}

.tp-course-pricing p {
    display: block;
    color: #94928E;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    margin-bottom: -1px;
}

.tp-course-details-2-meta-title {
    font-weight: 700;
}

.tp-course-details-2-widget-btn a:not(:last-of-type) {
    margin-bottom: 20px;
}

.tp-pricing-5-price {
    font-size: 32px;
}

.tp-fact-count {
    font-size: 24px;
}

.tp-fact-item {
    padding: 15px 20px;
}
.ms-30{
    margin-left: 30px;
}

.tp-program-all a::after {
    background: #1ab69d;
}

.tp-program-all a {
    color: #c2c2c1;
}

.tp-program-all a:hover{
    color: var(--tp-dashboard-secondary);
}

.tp-program-all a::before {
    background: none;
}

.tp-program-4-prev span:hover {
    border-color: var(--tp-dashboard-secondary);
    color: var(--tp-dashboard-secondary);
}
.tp-program-4-next span:hover {
    border-color: var(--tp-dashboard-secondary);
    color: var(--tp-dashboard-secondary);
}


.tp-leadership-select .nice-select {
    width: 614px;
}
.ul_list{
    width: fit-content !important;
    height: 288px !important;
    overflow-y: scroll !important;
    overscroll-behavior-y: contain !important;
    scrollbar-width: thin !important;
    padding-right: 10px !important;
}
.tp-course-details-2-review-reply-wrap {
    margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .tp-leadership-select .nice-select {
        width: 300px;
    }
}

.tp-instructor-apply-title {
    font-size: 40px;
}

.pt-20{
    padding-top: 20px;
}

.tp-live-title {
    font-size: 36px;
    font-weight: 600;
}
.w_fitcontent{
    width: fit-content !important;
}
/* tutor card button changes*/
.tp-course-item:hover .tp-course-btn {
    transform: none;
}
.tp-course-thumb img {
    height: fit-content !important;
}
.tp-course-item:hover .tp-course-content {
    transform: none;
}

.tp-course-btn {
    position: relative;
    transform: none;
    margin: 0 0px;
}
.tp-fact-icon span {
    height: 40px;
    width: 40px;
    line-height: 38px;
}

.upcoming_tutor{
    width: 60px !important;
    height: 60px !important;
}
/* tutor card buton end */

.tp-course-details-2-faq .accordion-button .accordion-btn::after, .tp-course-details-2-faq .accordion-button .accordion-btn::before {
    display: none;
}

.tp-course-details-2-faq .accordion-button:not(.collapsed) {
    padding: 8px 12px 8px 12px;
}

.tp-course-details-2-faq .accordion-button {
    padding: 8px 12px 8px 12px;
}

.tp-contact-title {
    font-size: 30px;
}
.mb-15{
    margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tp-course-grid-select .nice-select {
        width: 100%;
    }
}
.tp-course-grid-select .nice-select {
    width: 100%;
}
.tp-course-details-2-faq .lesson-tcul {
    font-size: 20px;
    font-weight: 400;
    color: #57595f;
    /* border-radius: 34px; */
    padding: 5px 20px;
    /* border: 1px solid #e6e8f0; */
}
.mb-16{
    margin-bottom: 16px;
}

/* availability filter on tutor start*/
.tp-course-grid-select {
    position: relative;
    display: inline-block;
}
.signin_badge {
    line-height: normal !important;
    width: -webkit-fill-available !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    display: inline-block !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    padding: 8px 12px !important;
    border-radius: 29px !important;
    background: rgb(81 235 241 / 10%) !important;
    color: var(--tp-dashboard-primary) !important;
}

.tp-program-all a {
    cursor: pointer !important;
}
.dropdown-btn {
    border: 1px solid var(--bs-border-color);
    height: 46px !important;
    padding: .375rem 2.25rem .375rem .75rem;
    box-shadow: 0px 1px 2px 0px #dee2e6 !important;
    /* padding: 5px; */
    background-color: #ffffff;
    /* border: 1px solid #ffffff; */
    cursor: pointer;
    width: 280px; /* Adjust the width to fit your design */
    border-radius: 38px;
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden; /* Hides any content that overflows */
    text-overflow: ellipsis; /* Shows '...' when content is too long */
}

.dropdown-content .column {
    width: 50%; /* Even distribution of two columns */
    padding: 5px; /* Add padding inside the columns */
}
/* .dropdown-btn::after{
    right: 20px !important;
    color: #ffffff;
    position: absolute;
    content: "\f107";
    font-family: var(--tp-ff-fontawesome);
    font-weight: 500;
    pointer-events: none;
    transition: all 0.15s ease-in-out;
    margin-top: 0;
    transform-origin: center;
    -webkit-transform: translateY(-50%);
} */

.dropdown-content {
    display: none; /* Hidden by default */
    position: absolute;
    background-color: white;
    border: 1px solid #ccc;
    padding: 15px; /* Consolidated padding (removed the earlier 10px) */
    width: 270px; /* Adjusted width as per your design */
    justify-content: space-between;
    border-radius: 10px;
    fill: #fff;
    stroke-width: 1px;
    stroke: #e6e8f0;
    box-shadow: 0 4px 14px 0 rgba(8, 19, 34, 0.12); /* Consolidated box-shadow */
    z-index: 1000; /* High z-index to ensure it's on top */
    top: 100%; /* Positions the dropdown below the button */
    right: 0;
    top:auto !important;
}

.dropdown-content .column {
    width: 50%; /* Even distribution of two columns */
    padding: 5px; /* Add padding inside the columns */
}

input[type="checkbox"] {
    margin-right: 5px;
}

.show {
    display: flex; /* Show the dropdown when this class is added */
}

.tp-course-grid-select .dropdown-btn  {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    height: auto !important;
    font-size: 16px;
    color: #65676a;
    font-weight: 400;
    border: 2px solid #fff;
    box-shadow: 0 1px 2px 0 rgba(3, 11, 30, 0.06);

}
.tcul_salutation{
    border: 1px solid #e6e8f0 !important;
    background: var(--tp-common-white) !important;
    color: #4A4E68;
    font-size: 15px;
    font-weight: 400;
    box-shadow: none;
    border-radius: 50px;
    padding: 6px 30px 6px 40px;
    border-color: transparent;
}
.select2-container {
    height: 35px !important;
}
.tp-filter-widget-radio .form-check-input:checked {
    background-color: var(--tp-dashboard-primary) !important;
    border-color: var(--tp-dashboard-primary) !important;
}
.dropdown-content .column label {
    color: #757C8E;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    min-height: 0;
    border-radius: 100px;
    padding: 10px 16px;
    margin-bottom: 2px;
}
.tpd-input label {
    margin-bottom: 0px !important;
}
.text-right{
    text-align: right !important;
}
.text-left{
    text-align: left !important;
}
/* availability filter on tutor end*/

.fs-16{
    font-size: 16px!important;
}
.ongoing {
    display: inline-block !important;
    border-radius: 3px !important;
    background: rgba(23, 162, 184, 0.08) !important;
    color: #17A2B8 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 6px 10px !important;
    line-height: 1 !important;
}
.upcoming {
    display: inline-block !important;
    border-radius: 3px !important;
    background: rgba(255, 134, 6, 0.08) !important;
    color: #FFB21D !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 6px 10px !important;
    line-height: 1 !important;
}
.past {
    display: inline-block !important;
    border-radius: 3px !important;
    background: rgba(184, 23, 63, 0.08) !important;
    color: #E71442 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 6px 10px !important;
    line-height: 1 !important;
}
.modal-backdrop.show {
    display: none !important;
}
.filter__close-btn {
    background-color: var(--tp-theme-secondary);
    color: #fff !important;
}
/* Mobile media query */
@media only screen and (max-width: 767px) {
    .dropdown-content {
        left: 0;
        right: 0;
        width: 410px;
    }
    .tp-filter-mt {
        margin-top: -350px;
    }
    .tp-contact-from-box {
        padding: 30px 18px;
    }
    .filter__area {
        width: 340px !important;
    }
    .tp-about-pt {
        padding-top: 60px;
    }
    .tp-course-filter-space {
        padding-top: 30px;
    }
}
.py-30{
    padding-top: 30px;
    padding-bottom: 30px;
}
.text-theme {
    color: var(--tp-dashboard-secondary);
}
/* .tp-progress-thumb img {
    height: 140px !important;
    width: 140px !important;
} */
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .tp-progress-thumb img {
        width: 90px!important;
    }
}
.border-1{
    border-radius: 34px !important;
    padding: 5px 16px !important;
    border: 1px solid #e6e8f0 !important;
}
.shadow-0{
    border: 1px solid #e6e8f0 !important;
}
.bg-none{
    background: none !important;
}
.rounded-0{
    border-radius: 0px !important;
}
.rounded-5{
    border-radius: 5px !important;
}
.rounded-8{
    border-radius: 8px !important;
}
.rounded-10{
    border-radius: 10px !important;
}
.rounded-12{
    border-radius: 12px !important;
}
.rounded-15{
    border-radius: 15px !important;
}
.rounded-16{
    border-radius: 16px !important;
}
.rounded-20{
    border-radius: 20px !important;
}
.rounded-50{
    border-radius: 50px !important;
}
.rounded-100{
    border-radius: 100px !important;
}
.progress-bar .progress-bar.one {
    width: 10%;
}
.tp-progress-bar .progress-bar.two {
    width: 20%;
}
.tp-progress-bar .progress-bar.three {
    width: 30%;
}
.tp-progress-bar .progress-bar.four {
    width: 40%;
}
.tp-progress-bar .progress-bar.five {
    width: 50%;
}
.tp-progress-bar .progress-bar.six {
    width: 60%;
}
.tp-progress-bar .progress-bar.seven {
    width: 70%;
}
.tp-progress-bar .progress-bar.eight {
    width: 80%;
}
.tp-progress-bar .progress-bar.nine {
    width: 90%;
}
.tp-progress-bar .progress-bar.ten {
    width: 100%;
}
.w-20{
    width: 20% !important;
}
.tagcloud a {
    background-color: rgb(255 250 246);
    border: 1px solid #fbe48c !important;
}
.tp-course-details-2-faq .accordion-button .lesson {
    font-size: 13px !important;
    padding: 2px 20px;
}
.tp-school-4-title span {
    color: #1ab69d;
}
.mt-5 {
    margin-top: 3rem !important;
}
/* Onboarding Forms */
.tp-cta-3-wrap {
    padding: 40px 40px;
}
.tp-cta-3-btn button {
    background: linear-gradient(-90deg, #31b978, #1ab69d);
    /* background: linear-gradient(to right, #1460d2, #1469d9, #1571e0, #187ae7, #0087ed, #0093f1, #009ff4); */
}
input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password], input[type=url], textarea {
    height: 46px !important;
    line-height: 40px !important;
    border-radius: 20px !important;
    background: #FFF;
    padding-right: 12px !important;
    box-shadow: 0px 1px 2px 0px rgba(17, 22, 29, 0.12);
}
.tp-login-input-form input:focus, .tp-login-input-form textarea:focus {
    border-color: #1ab69d;
    box-shadow: 0px 0px 0px 3px rgba(70, 253, 229, 0.16);
}
.nice-select {
    border-radius: 20px !important;
}
.tp-shop-service-item {
    background: #fff !important;
    border-radius: 30px;
    border: 1px solid rgba(17, 22, 29, 0.06);
    box-shadow: 0px 1px 1px 0px rgba(17, 22, 29, 0.08);
}
.tp-shop-service-item:hover{
    box-shadow: 0px 6px 10px 0px rgba(41, 36, 3, 0.1);
    -webkit-transition: all 0.3s 0sease-out;
    -moz-transition: all 0.3s 0s ease-out;
    -ms-transition: all 0.3s 0s ease-out;
    -o-transition: all 0.3s 0s ease-out;
    transition: all 0.3s 0sease-out;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tp-hero-2-thumb {
        right: 0px !important;
    }
}
.tp-section-4-title {
    font-size: 48px;
    font-weight: 600;
}
.tpd-redio-style.tmy-tab .nav.nav-tabs .nav-item .nav-link {
    padding: 6px 12px 6px 40px;
    border-color: #E6E8F0;
    font-size: 13px;
}
.iti--separate-dial-code .iti__selected-flag {
    border-radius: 18px 0px 0px 18px;
}
.form-select {
    height: 46px !important;
    font-size: 14px !important;
    color: #4A4E68;
    border-radius: 20px;
    box-shadow: 0px 1px 2px 0px rgba(17, 22, 29, 0.12);
}
.select2-container--default .select2-selection--multiple {
    border-radius: 20px;
    box-shadow: 0px 1px 2px 0px rgba(17, 22, 29, 0.12);
}
.tp-login-input label {
    font-size: 14px;
    font-weight: normal;
    color: var(--tp-text-body);
    /* line-height: 26px;
    color: var(--tp-heading-2); */
}
.tagcloud a {
    padding: 6px 10px !important;
}
.tp-course-details-2-widget-btn a.active:hover {
    background: #3cc5a4;
}
@media only screen and (max-width: 767px) {
    .tp-cta-3-wrap {
        padding: 30px 20px;
    }
    .d-sm-none{
        display: none !important;
    }
    .tp-section-4-title {
        font-size: 40px;
        font-weight: 600;
    }
    .tp-header-2 {
        padding: 0px 0;
    }
    .w-85 {
        width: 85% !important;
    }
    .tp-course-details-2-widget {
        margin-top: 0px !important;
    }
    /* Course Card */
    .tp-instructor-apply-box{
        background: linear-gradient(45deg, #f4fffd 20%, #fffbfa 80%) !important;
        border: 10px solid #ffffff !important;
    }
    .tcul-course-card{
        justify-content: left !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }
    .tcul-course-price{
        width: -webkit-fill-available;
        flex-direction: row !important;
        justify-content: space-between !important;
    }
    /* Batch Card */
    .tp-dashboard-tab-title {
        padding: 19px 12px 18px 12px !important;
    }
    .d_sm_block{
        display: block !important;
    }
}
@media only screen and (max-width: 767px) {
    .offcanvas-contact {
        display: block !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
    .tp-login-from-box {
        padding-top: 50px;
        padding-bottom: 0px;
    }
}
.tutor-profile-card {
    height: 350px !important;
    object-fit: cover !important;
    border-radius: 5px !important;
    width: 250px !important;
}
@media screen and (max-width: 768px) {
    .tp-course-details-2-instructor-thumb {
        width: 100% !important;
        margin-right: 0px !important;
    }
    .tutor-profile-card {
        width: 100% !important;
        height: 300px !important;
        object-fit: cover !important;
        border-radius: 5px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .d-block.tp-header-inner-login img {
        display: block !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .tp-progress-thumb {
        width: 50%;
    }
}
@media screen and (max-width: 768px) {
    .tp-checkout-place {
        padding: 8px 16px 16px;
        margin-top: 20px;
    }
    .tp-checkout-bill-area {
        padding: 16px 16px 16px;
    }
    .tp-breadcrumb__title{
        font-size: 32px !important;
    }
    .tp-btn-inner.px-5 {
        padding: 12px 14px!important;
    }
    .tp-instructor-apply-box {
        padding: 0px !important;
    }
    .tpd-setting-cartificate-btn button {
        padding: 8px 10px !important;
    }
}
.tp-btn-inner.px-5 {
    padding: 12px 25px!important;
}

.tp-about-year-bg {
    margin-top: -110px;
    background: linear-gradient(#1ab69d, #1ab69d);
}

/* Smaall android/ios devices */
@media only screen and (min-width:321px) and (max-width:481px){
    .course_date{
        font-size: 12px !important;
    }
    .tp-course-meta span:not(:last-of-type) {
        margin-right: 12px;
    }
    .tp-btn-inner.px-5 {
        padding: 12px 14px !important;
    }
}