:root {
    --font-inter: "Inter", sans-serif;
    --font-young-serif: "Young Serif", serif;
    --font-inter-tight: "Inter Tight", sans-serif;
    --font-manrope: "Manrope", sans-serif;
    --white-color: #ffffff;
    --white-color-opc: 255, 255, 255;
    --title-color: #000000;
    --title-color-opc: 0, 0, 0;
    --title-color2: #031f42;
    --title-color2-opc: 3, 31, 66;
    --title-color3: #063b41;
    --title-color3-opc: 6, 59, 65;
    --paragraph-color: #000000b2;
    --paragraph-color2: #031f42b2;
    --paragraph-color2-opc: 3, 31, 66;
    --paragraph-color3: #063b41b2;
    --primary-color: #b48dff;
    --primary-color-opc: 180, 141, 255;
    --primary-color2: #ff6839;
    --primary-color2-opc: 255, 104, 57;
    --primary-color3: #8dc8ae;
    --primary-color3-opc: 141, 200, 174;
    --primary-color4: #ae152d;
    --primary-color4-opc: 174, 21, 45;
    --primary-color5: #cf985f;
    --primary-color5-opc: 207, 152, 95;
    --button-color: #b48dff;
    --button-color2: #ff6839;
    --button-color3: #031f42;
    --black-color: #000000;
    --black-color-opc: 0, 0, 0;
    --borders-color: #e8e8e8;
}

/* Login Register page  */
.tutor-login-wrap {
    margin: 120px auto;
}

.tutor-login-wrap .tutor-form-control,
.tutor-login-wrap .tutor-btn {
    display: block;
    padding: 15px 16px;
}

/* Tutor LMS default archive page css */
.tutor-wrap.course-archive-page {
    padding: 70px 0 120px;
}

.course-archive-page .tutor-form-select.nice-select {
    height: auto;
    display: none;
}

/* course card design  */
.tutor-card.tutor-course-card {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.08);
    transition: 0.35s;
    border-radius: 10px;
}

.tutor-card.tutor-course-card .tutor-course-thumbnail {
    position: relative;
}

.tutor-card.tutor-course-card .tutor-course-thumbnail .tutor-ratio {
    min-height: 215px;
}

.tutor-card.tutor-course-card .tutor-course-thumbnail img {
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

.tutor-card.tutor-course-card .tutor-course-bookmark a {
    color: #fff;
}

.tutor-card.tutor-course-card .tutor-card-body .tutor-course-name a {
    font-family: var(--font-young-serif);
    font-weight: 400;
    font-size: 20px;
    color: var(--title-color);
    vertical-align: middle;
    transition: 0.35s;
}

.tutor-card.tutor-course-card:hover .tutor-card-body .tutor-course-name a {
    color: var(--primary-color2);
}

.tutor-card.tutor-course-card .tutor-card-body .tutor-meta {
    font-family: var(--font-inter);
    font-weight: 500;
    font-size: 14px;
    color: rgba(var(--title-color-opc), 0.6);
    line-height: 1;
    vertical-align: middle;
}

.tutor-card.tutor-course-card .tutor-card-body .tutor-meta .tutor-meta-value,
.tutor-card.tutor-course-card .tutor-card-body .tutor-meta a {
    font-family: var(--font-inter);
    font-weight: 500;
    font-size: 14px;
    color: rgba(var(--title-color-opc), 0.6);
    line-height: 1;
    vertical-align: middle;
}

.tutor-card.tutor-course-card .tutor-card-body .tutor-btn,
.tutor-card.tutor-course-card .tutor-card-footer .tutor-btn {
    border-radius: 5px;
    background-color: var(--primary-color);
    font-family: var(--font-young-serif);
    font-weight: 400;
    font-size: 14px;
    color: var(--white-color);
    letter-spacing: 1.2px;
    line-height: 1;
    padding: 15px 30px;
    position: relative;
    align-items: center;
    display: inline-flex;
    gap: 4px;
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    overflow: hidden;
    z-index: 1;
    white-space: nowrap;
    border: none;
}

.tutor-card.tutor-course-card .tutor-card-body .tutor-btn:hover,
.tutor-card.tutor-course-card .tutor-card-footer .tutor-btn:hover {
    background-color: var(--primary-color2);
}

/* Tutor LMS details page  */
.course-details-section .course-details-wrapper .tutor-course-details-content h2 {
    font-family: var(--font-young-serif);
    font-weight: 400;
    font-size: 25px;
    line-height: 1;
    color: var(--title-color);
    text-transform: capitalize;
    margin-bottom: 20px;
}

.course-details-section .course-details-wrapper .tutor-course-details-content p {
    font-family: var(--font-inter);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.9;
    color: rgba(var(--title-color-opc), 0.7);
    margin-bottom: 0;
}

.course-details-section .course-details-wrapper .tutor-course-details-widget {
    margin-bottom: 40px;
}

.course-details-section .course-details-wrapper .tutor-course-details-widget-title {
    font-family: var(--font-young-serif);
    font-weight: 400;
    font-size: 25px;
    line-height: 1;
    color: var(--title-color);
    text-transform: capitalize;
}

/* Instructor & Student Dashboard  */
.tutor-frontend .tutor-dashboard-student {
    padding: 90px 0 120px;
}

.tutor-dashboard .tutor-frontend-dashboard-header {
    padding-bottom: 45px;
}

.tutor-header-left-side .tutor-dashboard-header-avatar .tutor-avatar-xl {
    width: 70px;
    height: 70px;
}

.tutor-header-left-side .tutor-user-info .tutor-dashboard-header-greetings {
    font-family: var(--font-young-serif);
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    color: rgba(var(--title-color-opc), 0.7);
    display: inline-flex;
    margin-bottom: 10px;
}

.tutor-header-left-side .tutor-user-info .tutor-dashboard-header-username {
    color: var(--title-color);
    font-family: var(--font-inter);
    font-size: 27px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0;
}

.tutor-dashboard .tutor-frontend-dashboard-maincontent {
    border-radius: 20px;
    background-color: #f1f5ff;
}

.tutor-dashboard .tutor-frontend-dashboard-maincontent .tutor-dashboard-left-menu {
    padding-left: 0;
}

.tutor-dashboard .tutor-frontend-dashboard-header:after,
.tutor-dashboard .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks:before {
    display: none;
}

.tutor-dashboard .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks {
    background-color: #1a3837;
    padding: 30px;
    border-radius: 20px;
    position: sticky;
    top: 80px;
    height: auto;
}

.tutor-dashboard .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks .tutor-dashboard-menu-divider {
    background-color: rgba(var(--white-color-opc), 0.1);
}

.tutor-dashboard .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks .tutor-dashboard-menu-divider-header {
    cursor: default;
    padding: 10px 20px;
    font-family: var(--font-inter);
    font-weight: 400;
    font-size: 15px;
    line-height: 1;
    text-decoration: underline;
    text-decoration-style: solid;
    color: rgba(var(--white-color-opc), 0.7);
    display: inline-flex;
    margin-bottom: 10px;
}

.tutor-dashboard .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks li.tutor-dashboard-menu-item a {
    background-color: transparent;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.5s;
    padding: 16px 24px;
}

.tutor-dashboard .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks li.tutor-dashboard-menu-item a .tutor-dashboard-menu-item-icon {
    font-size: 18px;
    color: var(--primary-color2);
}

.tutor-dashboard .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks li.tutor-dashboard-menu-item a .tutor-dashboard-menu-item-text {
    color: var(--white-color);
    font-family: var(--font-inter);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0;
    word-break: break-word;
}

.tutor-dashboard .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks li:hover a,
.tutor-dashboard .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks li.active a:hover,
.tutor-dashboard .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks li.active a {
    background-color: var(--primary-color2);
}

.tutor-dashboard .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks li:hover a .tutor-dashboard-menu-item-icon,
.tutor-dashboard .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks li.active a .tutor-dashboard-menu-item-icon,
.tutor-dashboard .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks li.active a .tutor-dashboard-menu-item-text {
    color: var(--white-color);
}

.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle {
    margin-bottom: 100px;
}

/* GAlib CSs */

.tutor-user-public-profile .tutor-user-profile-content h3 {
    margin-top: 0;
}

.tutor-card.tutor-course-card .tutor-card-body .tutor-course-name {
    line-height: 1.2;
}

.tutor-card.tutor-course-card .tutor-card-body .tutor-course-name a {
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tutor-card.tutor-course-card .tutor-card-body .tutor-avatar {
    display: none;
}

.tutor-card.tutor-course-card .tutor-card-body .tutor-meta:last-child {
    gap: 0;
}

.tutor-card.tutor-course-card .tutor-card-body .tutor-btn,
.tutor-card.tutor-course-card .tutor-card-footer .tutor-btn {
    width: 100%;
    justify-content: center;
}

.tutor-dashboard-content .tutor-form-control {
    height: 54px;
    background-color: #fff;
}

.tutor-dashboard-content .tutor-form-control.nice-select {
    padding: 15px 16px;
    height: 54px;
    background-color: #fff;
    margin-bottom: 16px;
}

.tutor-dashboard-content .nice-select.tutor-form-select {
    height: auto;
}

.tutor-dashboard-content .nice-select.tutor-form-select.tutor-form-control.tutor-announcement-course-sorting,
.tutor-dashboard-content .nice-select.tutor-form-select.tutor-form-control.tutor-announcement-order-sorting {
    padding: 0;
    margin: 0;
}

.tutor-dashboard-content .tutor-divider {
    margin-top: 30px;
}
.tutor-dashboard-content-inner .tutor-card-body .tutor-meta-icon {
    vertical-align: middle;
}
/* Media query  */

@media (max-width: 575px) {
    .tutor-user-public-profile .tutor-user-profile-content {
        margin-top: 20px;
    }

    .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle {
        margin-bottom: 50px;
    }
}