:root {
    --brown: #3b0200;
    --brown2: #4e2927;
    --brown3: #674d4c;
    --light-gray: #919090;
    --red-brown: #4e3433;
    --gray-1: #948484;
    --gray-2: #6d6464;
    --gray-3: #9f9595;
    --gray-4: #919191;
    --gray-4: #9e9595;
    --gray-6: #928e8e;
    --blackish-1: #1c1c1c;
    --blackish-2: #030303;
    --danger-red: #d84f4b;
    --remaining-red: #b51f1a;
    --discount-green: #335137;
    --money-green: #0e4b0d;
    --price-green: #0f721c;
    --stock-green: #00ab1a;
    --stock-yellow: #ffab00;
    --stock-red: #f63c3c;
    --session-red: #bd6262;
    --adhyaas-gradient: linear-gradient( 274.15deg, #ff6a00 57.85%, #d80e52 115.46%);
    --adhyaas-grad-2: linear-gradient(269.74deg, #ff6a00 2.42%, #d80e52 60.83%);
    --adhyaas-grad-3: linear-gradient( 296.06deg, #ff8d3c 20.28%, #d80e52 175.47%);
    --adhyaas-grad-4: linear-gradient( 91.15deg, #ee3875 -15.63%, #ff6a01 99.02%);
    --subscribe-grad: linear-gradient( 262.19deg, rgba(66, 167, 39, 0.51) 0.35%, rgba(76, 198, 194, 0.51) 77.41%);
}

.z-20 {
    z-index: 20 !important;
}

.z-40 {
    z-index: 40 !important;
}

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

.word-breakword {
    word-break: break-word !important;
}

.w-fit {
    width: fit-content !important;
}

.w-80 {
    width: 80% !important;
}

.max-w-50 {
    max-width: 50px !important;
}

.max-h-50 {
    max-height: 50px !important;
}

.bg-none {
    background: transparent !important;
}

.bg-chalk {
    background: #f6f6f6 !important;
}

.bg-adhyaas-grad2 {
    background: var(--adhyaas-grad-2) !important;
}

.bg-adhyaas-grad4 {
    background: var(--adhyaas-grad-4) !important;
}

.text-underline-D80E51 {
    text-decoration: underline #d80e51 !important;
}

.text-brown2 {
    color: var(--brown2) !important;
}

.text-brown3 {
    color: var(--brown3) !important;
}

.text-red-brown {
    color: var(--red-brown);
}

.text-pink {
    color: #d80e51 !important;
}

.text-red {
    color: red;
}

.text-sesion-red {
    color: var(--session-red);
}

.text-remaining-red {
    color: var(--remaining-red);
}

.text-gray4 {
    color: var(--gray-4);
}

.text-gray6 {
    color: var(--gray-6);
}

.text-blackish-1 {
    color: var(--blackish-1) !important;
}

.text-blackish-2 {
    color: var(--blackish-2) !important;
}

.text-discount-green {
    color: var(--discount-green) !important;
}

.text-price-green {
    color: var(--price-green) !important;
}

.text-money-green {
    color: var(--money-green) !important;
}

.text-adhyaas-grad-2 {
    background: var(--adhyaas-grad-2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.text-adhyaas-grad-custom1 {
    background: linear-gradient(269.74deg, #ff6a00 2.42%, #d80e52 60.83%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.size-86 {
    width: 86px;
    height: 86px;
}

.size-40 {
    width: 40px;
    height: 40px;
}

.size-36 {
    width: 36px;
    height: 36px;
}

.size-35 {
    width: 35px;
    height: 35px;
}

.size-31 {
    width: 31px;
    height: 31px;
}

.size-30 {
    width: 30px;
    height: 30px;
}

.size-24 {
    width: 24px;
    height: 24px;
}

.size-20 {
    width: 20px;
    height: 20px;
}

.size-20 {
    width: 20px;
    height: 20px;
}

.size-16 {
    width: 16px;
    height: 16px;
}

.size-13 {
    width: 13px;
    height: 13px;
}

.size-12 {
    width: 12px;
    height: 12px;
}

.size-11 {
    width: 11px;
    height: 11px;
}

.size-10 {
    width: 10px;
    height: 10px;
}

.w-10 {
    width: 10px !important;
}

.w-40 {
    width: 40px !important;
}

.w-50px {
    width: 50px !important;
}

.w-190px {
    width: 190px !important;
}

.h-fit {
    height: fit-content;
}

.h-2point5 {
    height: 2.5rem !important;
}

.h-10 {
    height: 10px !important;
}

.h-12 {
    height: 12px !important;
}

.h-40px {
    height: 40px !important;
}

.h-40vh {
    height: 40vh !important;
}

.gap-2px {
    gap: 2px;
}

.gap-5 {
    gap: 5px;
}

.gap-15 {
    gap: 15px;
}

.gap-30 {
    gap: 30px !important;
}

.gap-50 {
    gap: 50px !important;
}

.gap-60 {
    gap: 60px !important;
}

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

.text-silver {
    color: #beb8b8;
}

.text-light-gray {
    color: var(--light-gray);
}

.text-gray1 {
    color: var(--gray-1);
}

.text-gray2 {
    color: var(--gray-2);
}

.text-gray3 {
    color: var(--gray-3);
}

.text-gray4 {
    color: var(--gray-4);
}

.text-danger-red {
    color: var(--danger-red) !important;
}

.text-stock-green {
    color: var(--stock-green) !important;
}

.text-stock-yellow {
    color: var(--stock-yellow) !important;
}

.text-stock-red {
    color: var(--stock-red) !important;
}

.text-data-green {
    color: #2b8045 !important;
}

.-ml-2 {
    margin-left: -8px;
}

.-mb-1 {
    margin-bottom: -5px;
}

.mt-1px {
    margin-top: 1px;
}

.mt-24px {
    margin-top: 24px !important;
}

.mt-100px {
    margin-top: 100px !important;
}

.-mt-1 {
    margin-top: -4px;
}

.-mt-1px {
    margin-top: -1px;
}

.-mb-1px {
    margin-bottom: -1px;
}

.-mt-5px {
    margin-top: -5px;
}

.row-gap-1 {
    row-gap: 4px !important;
}

.row-gap-8 {
    row-gap: 32px !important;
}

.row-gap-18 {
    row-gap: 72px !important;
}

.-mt-10px {
    margin-top: -10px;
}

.pt-12px {
    padding-top: 12px !important;
}

.px-6px {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.px-32 {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

.max-w-xl {
    max-width: 1440px;
}

.rounded-92 {
    border-radius: 92px !important;
}

.rounded-37 {
    border-radius: 37px !important;
}

.rounded-27 {
    border-radius: 27px !important;
}

.rounded-22 {
    border-radius: 22px !important;
}

.rounded-20 {
    border-radius: 20px !important;
}

.rounded-16 {
    border-radius: 16px !important;
}

.rounded-12 {
    border-radius: 12px !important;
}

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

.rounded-11 {
    border-radius: 11px !important;
}

.rounded-8 {
    border-radius: 8px !important;
}

.rounded-7 {
    border-radius: 7px !important;
}

.rounded-6 {
    border-radius: 6px !important;
}

.rounded-r-5 {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.rounded-l-5 {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.rounded-4 {
    border-radius: 4px !important;
}

.rounded-2 {
    border-radius: 2px !important;
}

.border-b-faf8f8 {
    border-bottom: 2px solid #faf8f8;
}

.border-b-D80E51 {
    border-bottom: 1px solid #d80e51;
}

.border-t-ececec {
    border-top: 1px solid #ececec;
}

.border-b-ececec {
    border-bottom: 1px solid #ececec;
}

.border-r-ececec {
    border-right: 1px solid #ececec;
}

.font-6 {
    font-size: 6px !important;
}

.font-7 {
    font-size: 7px !important;
}

.font-9 {
    font-size: 9px !important;
}

.font-11 {
    font-size: 11px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-17 {
    font-size: 17px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-22 {
    font-size: 22px !important;
}

.font-28 {
    font-size: 28px !important;
}

.font-32 {
    font-size: 32px !important;
}

.font-46 {
    font-size: 46px !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.table-divided-ececec tbody tr+tr {
    border-top: 1px solid #ececec;
}

.new-custom-pagination {
    border-radius: 30px;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    background-color: #ffffff;
    padding: 6px 8px;
}

.new-custom-pagination li {
    margin-right: 10px;
    border-radius: 50px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-custom-pagination li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 50%;
    font-size: 16px;
    color: #a9a9a9;
    transition: all 0.3s ease;
}


/* Regular number pagination links on hover (excluding prev/next) */

.new-custom-pagination li:not(.previous):not(.next) a:hover {
    background: var(--adhyaas-gradient);
    color: #ffffff;
    transition: all 0.3s ease;
}


/* Active pagination link */

.new-custom-pagination li a.active {
    /* border: solid 1px var(--primary); */
    background: var(--adhyaas-gradient);
    color: #ffffff;
}

.new-custom-pagination li span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.new-custom-pagination li span.active {
    /* border: solid 1px var(--primary); */
    background: var(--adhyaas-gradient);
    color: #ffffff;
}

.new-custom-pagination li:last-child {
    margin-right: 0;
}


/* Disabled prev/next buttons */

.new-custom-pagination li.disabled {
    cursor: not-allowed;
    color: #a9a9a9;
}

.new-custom-pagination li.disabled i,
.new-custom-pagination li.disabled span {
    color: #a9a9a9;
}


/* Enabled prev/next buttons */

.new-custom-pagination li.previous:not(.disabled) a,
.new-custom-pagination li.next:not(.disabled) a,
.new-custom-pagination li.previous:not(.disabled) a i,
.new-custom-pagination li.next:not(.disabled) a span,
.new-custom-pagination li.previous:not(.disabled) a span,
.new-custom-pagination li.next:not(.disabled) a i {
    color: #3b0200;
}


/* Make sure prev/next buttons have different color than number buttons */

.new-custom-pagination li.previous a,
.new-custom-pagination li.next a {
    color: #3b0200;
}

.rtl .new-custom-pagination .previous,
.rtl .new-custom-pagination .next {
    transform: rotate(180deg);
}

.col-lg-20 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.result-card-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.results-card {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    /* box-shadow: 0px 12px 23px 0px rgba(62, 73, 84, 0.04); */
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.03);
    background-color: #ffffff;
    padding: 10px 0px;
    width: 100%;
    height: 100%;
}

.results-card-title {
    font-size: clamp(18px, 2vw, 28px) !important;
    line-height: 1;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
}

.results-card-subtitle {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0%;
    text-transform: capitalize;
}


/* .results-custom-table thead th,
.results-custom-table thead td {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.19;
    text-align: left;
    color: #8E7F7F;
    border-bottom: 2px solid #FAF8F8;
    border-top: none;
}

.rtl .results-custom-table thead th,
.rtl .results-custom-table thead td {
    text-align: right;
}

.results-custom-table tbody td {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    color: #3B0200;
} */

.results-custom-table {
    table-layout: fixed;
    /* This makes all columns take equal width */
    width: 100%;
}

.results-custom-table thead th,
.results-custom-table thead td {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.19;
    text-align: left;
    color: #8e7f7f;
    border-bottom: 2px solid #faf8f8;
    border-top: none;
    width: 16%;
    /* Each column takes equal space (15% * 6 + 10% = 100%) */
}

.results-custom-table thead th:last-child,
.results-custom-table tbody td:last-child {
    width: 4%;
    /* Last column takes only 10% width */
}

.rtl .results-custom-table thead th,
.rtl .results-custom-table thead td {
    text-align: right;
}

.results-custom-table tbody td {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    color: #3b0200;
    width: 15%;
    /* Each column takes equal space */
}


/* Make sure the first column aligns left as in the original markup */

.results-custom-table thead th.text-left,
.results-custom-table tbody td.text-left {
    text-align: left;
}


/* To handle responsiveness better */

.new-panel-section-card {
    border-radius: 10px;
    /* box-shadow: 0px 12px 23px 0px rgba(62, 73, 84, 0.04); */
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.03);
    background-color: #ffffff;
    padding: 20px 25px 30px;
    margin-top: 20px;
    height: calc(100vh - 420px);
    overflow-y: auto;
}

.forums-tab-title {
    color: var(--brown);
    font-weight: 800;
    font-size: 42px;
    line-height: 1;
    letter-spacing: 0%;
}

.forums-tab-description {
    color: var(--light-gray);
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0%;
}

.forums-tab-description span {
    /* color: var(--pink); */
    color: #ff6a00;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0%;
    /* border-bottom: 2px solid #FF6A00; */
    text-decoration: underline;
}

.forums-categories-card {
    border: 1px;
    border-radius: 7px;
}

.forums-categories-card .forums-categories-card__title {
    position: relative;
}

.forums-categories-card .forums-categories-card__title:before {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    left: -15px;
    top: 0;
    /* background-color: var(--primary); */
    background: linear-gradient(277.21deg, #ff6a00 25.53%, #d80e52 43.21%);
}

.forums-categories-card .forums-categories-card__title.become-ins:before {
    content: "";
    width: 4px !important;
    height: 20px !important;
    position: absolute;
    left: -15px;
    top: -4px;
    /* background-color: var(--primary); */
    background: linear-gradient(277.21deg, #ff6a00 25.53%, #d80e52 43.21%);
}

.forums-categories-card .forums-categories-card__icon {
    width: 48px;
    min-width: 48px;
    height: 48px;
}

.forums-categories-card .forums-categories-card__last-post .user-avatar {
    width: 39px;
    min-width: 39px;
    height: 39px;
}

.sub-forums-categories-card__title:before {
    content: "";
    width: 4px;
    height: 30px;
    position: absolute;
    left: 16px;
    top: 24px;
    /* background-color: var(--primary); */
    background: linear-gradient(277.21deg, #ff6a00 25.53%, #d80e52 43.21%);
}

.topics-post-card-top {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    padding: 10px 20px;
    padding: 10px 40px;
}

.subforum-title-section {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: fit-content;
}

.subforum-title-section h2 {
    color: var(--brown);
    font-weight: 600;
    font-size: 46px;
    line-height: 1;
    letter-spacing: 0%;
    width: fit-content;
}

.subforum-title-section p {
    color: var(--light-gray);
    text-align: left;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0%;
}

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

.subforum-card-header h2 {
    color: var(--brown);
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0%;
}

.subforum-card-text {
    color: var(--brown);
    font-weight: 600;
    font-size: 22px;
    line-height: 1;
    letter-spacing: 0%;
}

.reply-card-text,
.topic-card-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--brown);
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0%;
}

.reply-card-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 25%;
    background-color: #fbfcff;
    padding: 20px;
}

.reply-card-right,
.reply-card-right-bottom {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px 20px;
    gap: 10px;
    border-bottom: 1px solid #ececec;
}

.reply-card-right-bottom {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border: none;
}

.comment-card {
    padding: 15px 20px;
    border: 1px solid #ececec;
    margin-top: 15px;
}

.reply-pill-button {
    border: none;
    border-radius: 8px;
    background-color: #959595;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 5px 20px !important;
}

.comment-textarea::placeholder {
    color: #919090;
}

textarea.comment-textarea {
    width: 100%;
    /* height: 100%; */
    /* padding: 8px; */
    border: none;
    outline: none;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 18px;
    font-weight: 600;
    /* resize: none; */
    transition: box-shadow 0.2s ease;
    max-height: 100%;
    border: 1px solid #919090;
}

textarea.comment-textarea:focus {
    /* box-shadow: 0 0 0 1px #007bff; */
    /* Visible custom focus outline */
}

.forums-content-wrapper {
    border: none;
    border-radius: 10px;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    background-color: #ffffff;
    padding: 20px 20px;
}

.forums-strip-before-title {
    position: relative;
}

.forums-strip-before-title:before {
    content: "";
    width: 4px;
    height: 30px;
    position: absolute;
    left: -10px;
    top: 3px;
    /* background-color: var(--primary); */
    background: linear-gradient(277.21deg, #ff6a00 25.53%, #d80e52 43.21%);
}

.topic-user-avatar-card {
    width: 40px;
    min-width: 40px;
    height: 40px;
}

.topic-last-post-user-avatar-card {
    width: 20px;
    min-width: 20px;
    height: 20px;
}

.forum-question-image {
    max-width: 80%;
    max-height: 80%;
}

.card-thumbnail-img {
    width: 140px;
    height: 120px;
}

.thumbnail-wrapper {
    width: 21.07rem;
    height: 15.438rem;
    margin: 0 auto;
}

.thumbnail-wrapper>img {
    object-fit: fill;
}

.thumbnail-header {
    color: var(--brown);
    font-weight: 700;
    font-size: 32px;
    line-height: 1;
    letter-spacing: 0%;
}

.thumbnail-description {
    padding-top: 10px;
    color: #4e2927;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 1;
}

.mobile-not-bought {
    justify-content: center;
}

.mobile-not-bought .gift-course-container {
    border-radius: 28px;
    padding: 8px 12px;
}

.mobile-not-bought .gift-course-container img {
    width: 16px;
    height: 16px;
}

.mobile-not-bought.not-bought-layout {
    padding: 0px 20px;
}

.not-bought-layout {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 20px;
    row-gap: 10px;
    padding: 10px 0px;
}

.not-bought-layout>div {
    padding: 0px 1px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.not-bought-price {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
}

.not-bought-discounted {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.course-info-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px 40px;
    border: none;
    border-radius: 37px;
    background-color: #ffffff;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    position: absolute;
    /* top:-20px; */
    left: 0px;
    right: 0px;
    bottom: 20px;
    row-gap: 8px;
}

.course-info-bar>div {
    padding: 0px 1px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.courses-icon-text {
    color: var(--brown);
    font-weight: 500;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0%;
}

.new-progress {
    display: flex;
    height: 68px;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: #ffeded;
    border-radius: 37px;
    box-shadow: inset 0 0.1rem 0.1rem rgba(52, 52, 52, 0.1);
}

.new-course-progress {
    height: 68px;
    padding: 2px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    width: 100%;
    min-width: 100%;
    background-color: #ffeded;
    border-radius: 37px;
    /* background: var(--adhyaas-gradient); */
}

.new-progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    background-color: #43d477;
    background: var(--adhyaas-gradient);
    width: 50%;
    border-top-left-radius: 37px;
    border-bottom-left-radius: 37px;
    transition: width 0.6s ease;
}

.progress-bar-container {
    /* position: absolute; */
    /* top:0px; */
    /* left: 0px; */
    /* right: 0px; */
    /* bottom: -20px; */
    /* z-index: 40; */
    /* background: #FFEDED; */
    border-radius: 37px;
}

.progress-bar-text {
    position: absolute;
    /* top: 0px; */
    left: 0px;
    right: 0px;
    bottom: 4px;
    margin: 0 auto;
    color: #b00000;
    font-weight: 600;
    font-size: 10px;
    line-height: 1;
    text-align: center;
}

.star-rating {
    display: inline-flex;
    align-items: center;
}

.star {
    width: 24px;
    height: 24px;
    margin-right: 2px;
}

.gift-course-container {
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--brown);
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0%;
    border: none;
    border-radius: 10px;
    padding: 8px 10px;
    border: 1px solid #76ae73;
    background: linear-gradient( 91.15deg, rgba(208, 198, 135, 0.47) -15.63%, rgba(137, 195, 142, 0.47) 99.02%);
}

.course-tabs {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    position: relative;
    gap: 40px;
}

.course-tabs a {
    position: relative;
    display: inline-block;
    padding: 5px 20px;
    text-align: center;
    color: var(--brown);
    transition: all 0.3s ease;
}

.course-tabs a.active>label {
    background: var(--adhyaas-grad-2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.course-tabs a.active::after {
    content: "";
    position: absolute;
    /* top: 25px; */
    bottom: 38px;
    /* bottom: 0; */
    left: 50%;
    width: 100%;
    height: 2px;
    background: var(--adhyaas-grad-2);
    border-radius: 5px;
    transform: translateX(-50%) translateY(17px);
    color: #000;
}

.settings-tab-container {
    width: 100%;
    display: flex;
    padding: 18px 22px;
    justify-content: space-between;
    border: 1px solid #ececec;
    border-radius: 7px;
    /* align-items: center; */
}

.settings-tab-title {
    color: var(--brown);
    padding-bottom: 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
}

.settings-tab-description {
    color: #a7a5a5;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
}

.reset-button {
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    letter-spacing: 1px;
}

.setting-back-arrow {
    width: 20px;
    height: 16px;
}

.account-wrapper {
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 70%;
}

.setting-title {
    color: #4e3433;
    font-weight: 700;
    font-size: 25px;
    line-height: 1;
}

.setting-content-container {
    width: 100%;
    padding: 30px 20px;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0px 2px 10px 3px #02253c0a;
}

.setting-input-card {
    width: 100%;
}

.setting-input-card>h4 {
    color: #8e7f7f;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 4px;
    letter-spacing: 0%;
}

.setting-input-card input {
    color: var(--brown);
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    padding: 4px 16px;
    outline: none;
    border-radius: 5px;
    border: 1px solid #f0f0f0;
    width: 100%;
}

.setting-checkbox-container {
    display: flex;
    gap: 4px;
}

.setting-checkbox-container label {
    color: var(--brown);
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    margin: 0px;
}

.setting-checkbox-container input {
    margin-top: 0px;
}

.setting-delete-container h4 {
    color: var(--brown);
    margin-bottom: 2px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
}

.setting-delete-container div {
    color: #8e7f7f;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
}

.delete-button {
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    padding: 8px 24px;
    border: none;
    border-radius: 5px;
    background-color: #cc2121;
}

.img-upload-button {
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin-right: 0px;
    border-radius: 0px !important;
    /* border-radius: 0.625rem !important; */
    cursor: pointer;
}

.profile-upload-button {
    position: absolute;
    left: 112px;
    bottom: 25px;
    margin-right: 0px;
    padding: 0px 10px;
    height: 36px;
    border-radius: 0.625rem !important;
    cursor: pointer;
}

.profile-setting-title {
    color: #8e7f7f;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 0.5rem;
    letter-spacing: 0%;
}

.cart-page-title {
    color: var(--brown);
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 8px;
    line-height: 1;
    letter-spacing: 0%;
}

.cart-list-container {
    border-radius: 14px;
    padding: 10px 20px;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}

.cart-course-img {
    width: 78px;
    height: 70px;
}

.cart-custom-table thead th,
.cart-custom-table thead td {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.19;
    text-align: left;
    color: var(--gray-2);
    border: none;
    width: 16%;
    /* Each column takes equal space (15% * 6 + 10% = 100%) */
}

.cart-custom-table thead th:last-child,
.cart-custom-table tbody td:last-child {
    width: 8%;
    /* Last column takes only 10% width */
}

.continue-shopping {
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0%;
    border: none;
    border-radius: 10px;
    padding: 10px 30px;
    background: var(--brown);
    /* width: 148px; */
}

.coupon-code-input {
    position: relative;
    color: var(--brown);
    font-weight: 600;
    font-size: 11px;
    line-height: 1;
    padding: 4px 16px;
    outline: none;
    border-radius: 5px;
    border: none;
    background: #f4f4f4;
    width: 100%;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.validate-coupon-button {
    color: #ffffff;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0%;
    border: none;
    padding: 12px 10px;
    position: absolute;
    top: 1.8px;
    right: 1.8px;
    bottom: 46%;
    height: 2.3rem;
    /* padding: 0.5rem 1rem; */
    margin-right: 0px;
    border-radius: 8px !important;
    background: var(--brown);
    /* border-radius: 0.625rem !important; */
    cursor: pointer;
}

.checkout-modal-container {
    width: 300px;
    margin: 10px;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px 30px;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}

.payment-methods {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-bottom: 10px;
}

.cart-list-scroller {
    max-height: 512px;
    overflow-y: scroll;
}

.marketing-account-card {
    color: var(--brown);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    height: 100%;
    gap: 20px;
    padding: 20px 0px;
    border-radius: 9px;
    background-color: #fff;
    box-shadow: 0px 2px 0px 3px #04345303;
}

.marketing-account-card>div {
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
}

.marketing-account-card>h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0;
    word-wrap: break-word;
    width: 100%;
}

.marketing-account-card>button {
    width: 70%;
}

.marketing-table-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0px 2px 0px 3px #04345303;
}

.coupons-custom-table thead th {
    border: none;
}

.coupons-custom-table thead th,
.coupons-custom-table thead td {
    width: 10%;
    /* Each column takes equal space (15% * 6 + 10% = 100%) */
}

.coupons-custom-table thead th:last-child,
.coupons-custom-table tbody td:last-child {
    width: 4%;
    /* Last column takes only 10% width */
}

.border-button {
    color: var(--brown);
    font-weight: 800;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0%;
    border: 1px solid var(--brown);
    border-radius: 8px;
    padding: 12px 20px;
    background: #ffffff;
}

.border-FF8FB4 {
    border: 1px solid #ff8fb4 !important;
}

.checkout-cancel-button {
    color: #ffffff;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0%;
    border: none;
    border-radius: 8px;
    padding: 8px 20px;
    background: var(--brown);
}

.checkout-cancel-button-disabled {
    color: #ffffff;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0%;
    border: none;
    border-radius: 8px;
    padding: 8px 20px;
    background: #625c5c;
}

.store-header-img {
    width: 400px;
}

.store-header-title {
    font-size: 34px;
    font-weight: 800;
    color: var(--brown);
    line-height: 1;
    letter-spacing: 0%;
}

.store-header-description {
    font-size: 12px;
    font-weight: 400;
    color: var(--brown);
    letter-spacing: 0%;
    max-width: 340px;
}

.new-product-card {
    height: 300px;
    border-radius: 15px;
    padding: 15px;
    background: #ffffff;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    transition: all 0.5s ease;
}

.new-product-card:hover {
    transform: translateY(-15px);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease;
}

.product-card-title {
    color: var(--brown);
    font-size: 18px;
    font-weight: bold;
}

.product-card-subtitle {
    color: #885e5c;
    font-size: 10px;
    font-weight: 600;
}

.product-card-description {
    color: var(--brown);
    font-size: 10px;
    font-weight: 500;
    line-height: 1.4;
    height: 28px;
    /* padding: 4px 0px;
    margin-bottom: 4px; */
}

.product-card-price {
    color: var(--brown);
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.cart-hover-button {
    position: absolute;
    bottom: -40px;
    right: 4px;
    width: 30px;
    height: 30px;
    background: #ffffff;
    border-radius: 50%;
    border: none;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s ease;
}

.new-product-card:hover .cart-hover-button {
    opacity: 1;
    bottom: 3px;
}

.financial-account-title {
    color: #4e3433;
    font-weight: 700;
    font-size: 25px;
    line-height: 1;
    letter-spacing: 0%;
}

.product-show-info-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-show-info-card-title {
    color: var(--brown);
    font-weight: 700;
    font-size: 31px;
    line-height: 1;
    letter-spacing: 0%;
}

.product-show-info-card-subtitle {
    color: #885e5c;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0%;
}

.product-show-info-card-desc {
    color: var(--brown);
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
}

.cut-line {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.29;
    color: #818894;
    text-decoration: line-through;
}

.panel-course-card-position {
    top: -125px !important;
    left: -140px !important;
    max-height: 200px;
    overflow-y: auto !important;
    scrollbar-width: thin;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.panel-store-card-position {
    top: -56px !important;
    left: -75px !important;
}

.navbar-login-dropdown-position {
    top: -16px !important;
    left: -75px !important;
}

.testimonial-header-text {
    font-weight: 800;
    font-size: 42px;
    line-height: 58px;
    letter-spacing: 0%;
    text-align: center;
    margin: 0 auto;
    width: 80%;
    margin-bottom: 6.375rem;
    text-align: center;
}

.testimonial-header-text-span {
    /* background: var(--adhyaas-gradient); */
    background: var(--adhyaas-grad-2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.panel-settings-card-icon {
    width: 24px;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

.panel-charge-pay-wrapper {
    width: 30%;
}

.product-cmnt-threedot {
    position: absolute;
    top: -56px !important;
    left: -68px !important;
}

.product-cmnt-threedot a {
    margin-top: 5px !important;
}

.marketing-table-threedot {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    position: absolute;
    max-height: 86px !important;
    height: auto;
    overflow-y: auto !important;
    padding: 10px !important;
    top: -60px !important;
    left: -75px !important;
}

.accordion-dropdown {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    position: absolute;
    padding: 12px;
    top: -20px !important;
    left: -105px !important;
}


/* Chrome, Edge, Safari - remove scrollbar arrows and reduce thickness */

.scrollable-vertical-bar::-webkit-scrollbar {
    width: 1px;
}


/* Remove scrollbar buttons (arrows) */

.scrollable-vertical-bar::-webkit-scrollbar-button {
    display: none;
    height: 0;
    width: 0;
}


/* Thumb (draggable handle) */

.scrollable-vertical-bar::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    /* keep your value */
    border-radius: 1px;
}


/* Track */

.scrollable-vertical-bar2
/* Firefox */

.scrollable-vertical-bar {
    scrollbar-width: thin;
    scrollbar-color: transparent !important;
}

.scrollable-vertical-bar--wide::-webkit-scrollbar {
    width: 2px;
}


/* Firefox override for 2px (thin is fixed, but this is a visual hint) */

.scrollable-vertical-bar--wide {
    scrollbar-width: thin;
    /* no exact 2px in Firefox, still thin */
}

.panel-settings-profile-img {
    object-fit: fill;
    width: 210px !important;
    height: 80px;
}

.empty-notifications {
    min-width: 190px;
    width: 100%;
}

.instructors-card-sizing {
    width: 40% !important;
}

#panel_app .top-navbar .dropdown .dropdown-menu {
    top: 40px !important;
}


/* Terms & Conditions Styles */

.tnc-full-wrapper {
    width: 100%;
    box-shadow: 0px 2px 10px 3px #02253c0a;
}

.tnc-container {
    font-family: Inter;
    min-height: 100vh;
}

.tnc-header {
    padding: 50px 4rem;
    margin-bottom: 60px;
}

.tnc-title {
    font-family: Inter;
    font-weight: 800;
    font-size: 42px;
    line-height: 58px;
    letter-spacing: 0%;
    color: #030303;
}

.tnc-subtitle {
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 15px;
    letter-spacing: 0%;
    color: #030303;
    margin-left: 4px;
}

.tnc-content-wrapper {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    /* min-height: calc(100vh - 200px); */
    letter-spacing: 0.5px;
    max-width: 1440px;
    margin: 0 auto;
    /* Ensure the parent doesn't have overflow hidden */
    overflow: visible;
    padding: 0 4rem;
}

.tnc-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    width: 250px;
}

.tnc-toc {
    background: white;
    border-radius: 12px;
    max-height: calc(100vh - 60px);
}

.tnc-toc-title {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0%;
    color: #030303;
    margin-bottom: 10px;
}

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

.tnc-toc-item {
    /* margin-bottom: 12px; */
}

.tnc-toc-link {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #53403f;
    text-decoration: none;
    transition: all 0.3s ease;
    display: block;
    padding: 4px 12px;
    border-radius: 6px;
}

.tnc-toc-link:hover {
    color: #030303;
    text-decoration: none;
    background-color: #f8f9fa;
}

.tnc-toc-link.active {
    background: var(--adhyaas-grad-2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.tnc-toc-link.active:hover {
    background: var(--adhyaas-grad-2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.tnc-toc-sub-item {
    margin-left: 15px;
    /* margin-top: 8px; */
    /* margin-bottom: 8px; */
}

.tnc-main-content {
    flex: 1;
    min-width: 0;
    width: 100%;
    /* padding-right: 60px; */
    /* height: 90vh;
    overflow-y: auto; */
}

.tnc-main-content::-webkit-scrollbar {
    width: 6px;
}

.tnc-main-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.tnc-main-content::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.tnc-main-content::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.tnc-section {
    margin-bottom: 40px;
}

.tnc-section-title {
    font-family: Inter;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #030303;
    margin-bottom: 10px;
}

.tnc-section-content {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: #53403f;
    text-align: justify;
    margin-bottom: 4px;
}

.tnc-subsection {
    margin-bottom: 10px;
}

.tnc-sub-subsection-title,
.tnc-subsection-title {
    font-family: Inter;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #030303;
    margin-top: 10px;
    margin-bottom: 6px;
}

.tnc-sub-subsection-content {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
    color: #53403f;
    margin-bottom: 12px;
}

.tnc-subsection-content {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
    color: #53403f;
    margin-bottom: 12px;
    text-align: justify;
    word-wrap: break-word;
}

.tnc-sub-subsection-title,
.tnc-sub-subsection-content {
    padding-left: 10px;
}

.tnc-toc-sub-item {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.tnc-toc-item.active .tnc-toc-sub-item {
    max-height: 200px;
    /* or adjust based on estimated content height */
}

.notification-icon {
    width: 18px;
    height: 22px;
}

.shopping-cart {
    width: 24px;
    height: 24px;
}

.swiper-wrapper {
    height: auto !important;
}


/* sweet alert changes */


/* .swal2-popup {
    width: auto !important;
    max-width: 32em;
}

.swal2-title {
    margin: 0 !important;
}

.swal2-content {
    margin: auto !important;
}

.swal2-icon {
    width: 3em !important;
    height: 3em !important;
    margin: 0;
}

.swal2-content {
    margin-top: -4px;
} */


/* ------------------ */

.modal-centered.show {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.duration-capsule {
    background-color: #ebebec;
    border-radius: 3px;
    padding: 4px 8px;
}


/* videplayer hieght */

.demoVideoPlayer-dimensions {
    width: 100% !important;
    height: 410px !important;
}

.aboutus-section-wrapper {
    padding: 0 20px;
}

.aboutus-title {
    color: #3b0200;
    font-family: Inter;
    font-weight: 800;
    font-size: 47px;
    letter-spacing: 0%;
}

.aboutus-small-title {
    font-family: Inter;
    color: #3b0200;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0%;
}

.aboutus-section1-img {
    width: 450px;
    height: 236px;
    object-fit: cover;
}

.aboutus-section1-img2 {
    width: 356px;
    height: 151px;
    object-fit: cover;
}

.gradient-bar {
    background: var(--adhyaas-grad-2);
    width: 8px;
}

.subscribe-gradient {
    background: var(--subscribe-grad) no-repeat !important;
}

.aboutus-section1-container {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.aboutus-section1-container>h3 {
    font-family: Istok Web;
    color: #3b0200;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0%;
}

.aboutus-section1-container>p {
    color: #3b0200;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
}

.aboutus-section1-container.who-can-join>p {
    line-height: 20px;
    max-width: 450px;
}

.who-can-join-img-wrapper {
    position: relative;
    width: 310px;
    height: 310px;
}

.who-can-join-p {
    font-size: 8px;
    font-weight: 500;
    color: var(--brown);
    max-width: 80px;
    line-height: 1;
    margin: 4px auto;
    text-align: center;
}

.who-can-join-pos>img {
    width: 112px;
    height: 112px;
}

.who-can-join-pos-4 {
    position: absolute;
    top: 0%;
    left: 0%;
}

.who-can-join-pos-1 {
    position: absolute;
    bottom: 0%;
    left: 0%;
}

.who-can-join-pos-2 {
    position: absolute;
    top: 28%;
    left: 32%;
}

.who-can-join-pos-3 {
    position: absolute;
    right: 0%;
    top: 0%;
}

.aboutus-section2-wrapper {
    display: flex;
    gap: 30px;
    margin-bottom: 50px;
}

.aboutus-section2-container {
    color: #ffffffb8;
    box-shadow: 0px 2px 10px 3px #02253c0f;
    border-radius: 6px;
    padding: 10px 20px;
}

.aboutus-section2-card-wrapper {
    display: flex;
    flex-direction: column;
}

.aboutus-section2-card-wrapper h4 {
    background: var(--adhyaas-grad-2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: Inter;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    color: #3b0200;
    padding: 20px 0px;
}

.aboutus-section2-card-wrapper p {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #3b0200;
    padding: 10px 0px;
}

.aboutus-section2-card-wrapper .aboutus-h6-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0px;
    padding-top: 10px;
}

.aboutus-section2-card-wrapper h6 {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0%;
    color: #3b0200;
}

.aboutus-med-title {
    color: #3b0200;
    font-family: Inter;
    font-weight: 600;
    font-size: 28px;
    line-height: 28px;
    letter-spacing: 0;
}

.aboutus-section2-img {
    width: 368px;
    height: 353px;
    border-radius: 50%;
    border: 12px solid #ffffff;
    box-shadow: 0px 2px 10px 3px #02253c14;
}

.aboutus-section4-card-wrapper {
    display: flex;
    gap: 20px;
}

.aboutus-section4-card-container {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding: 24px 12px;
    box-shadow: 0px 4px 19px 0px #0000001a;
    border-radius: 17px 17px 138px 138px;
    overflow: hidden;
    flex: 1;
    height: 500px;
}

.card-go-up {
    margin-top: -50px;
}

.aboutus-section4-card-container h4 {
    color: #3b0200;
    font-family: Inter;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0;
    text-align: center;
}

.aboutus-section4-card-container p {
    color: #3b0200;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0;
}

.aboutus-section5-wrapper {
    display: flex;
    flex-direction: column;
    flex-direction: row;
    column-gap: 150px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.aboutus-section5-card-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    font-family: Inter;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0%;
    color: #3b0200;
    box-shadow: 0px 2px 10px 3px #02253c12;
}

.aboutus-section6-container {
    display: flex;
    gap: 30px;
    box-shadow: 0px 2px 10px 3px #02253c1a;
    color: #ffffffc7;
    padding: 20px 40px;
}

.aboutus-section6-img {
    width: 289px;
    height: 342px;
    border-radius: 500px;
    border: 12px solid #ffffff;
    box-shadow: 0px 2px 10px 3px #02253c1a;
    margin-top: -110px;
}

.aboutus-section6-quote p {
    color: #3b0200;
    font-family: Inter;
    font-weight: 600;
    font-style: italic;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
}

.aboutus-section6-quote span {
    color: #3b0200;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
}

.aboutus-section6-content {
    margin: auto 0;
    padding: 10px 20px;
}

.aboutus-section6-content h4 {
    color: #3b0200;
    font-family: Inter;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0;
}

.aboutus-section6-content p {
    color: #3b0200;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
}

.aboutus-section7-title {
    font-family: Inter;
    color: #3b0200;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 0;
}

.aboutus-section7-cta {
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #ffffff;
    border-radius: 48px;
    padding: 6px 12px;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    width: fit-content;
}

.aboutus-section7-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 35px;
    border-radius: 50%;
    background: #3b0200;
}

.aboutus-section7-icon {
    width: 12x;
    height: 14px;
    transition: transform 0.3s linear;
    will-change: transform;
}

.aboutus-section7-cta:hover .aboutus-section7-icon {
    transform: rotate(45deg);
}

.aboutus-section8-line {
    position: absolute;
    height: 4px;
    background-color: #e76868;
    width: 75%;
    top: 28px;
    left: 12.5%;
    z-index: -1;
}

.aboutus-section8-title>h4 {
    font-family: Inter;
    color: var(--brown);
    text-align: center;
    font-weight: 700;
    font-size: 32px;
    letter-spacing: 0;
}

.aboutus-section8-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.aboutus-section8-img-wrapper {
    display: flex;
    justify-content: center;
}

.aboutus-section8-img-wrapper>img {
    width: 64px;
    height: 64px;
}

.aboutus-section8-card-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.aboutus-section8-card-text>h6 {
    font-family: Inter;
    font-weight: 800;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
}

.aboutus-section8-card-text>p {
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0%;
    text-align: center;
    margin: 0 auto;
    width: 80%;
}

.sales-toolbar.show {
    top: -55px !important;
    left: -70px !important;
}

.floating-bar-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 4rem;
}

.floating-bar-title {
    font-family: Inter;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0;
    color: #000000;
    margin-bottom: 2px;
}

.floating-bar-desc {
    font-family: Inter;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    color: #919191;
}

.floating-bar-button {
    font-family: Inter;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    border-radius: 7px;
    background-color: #9e4782;
    padding: 12px 30px;
    text-wrap: nowrap;
}

.timesheet-threedot.show {
    top: -56px !important;
    left: -90px !important;
}

.saas-container {
    width: 100%;
    padding: 0px 4rem;
}

.saas-header-title {
    color: var(--brown);
    font-family: Inter;
    font-weight: 600;
    font-size: 46px;
    line-height: 46px;
    letter-spacing: 0%;
}

.saas-header-subtitle {
    color: var(--light-gray);
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
}

.saas-header-button {
    font-family: Inter;
    color: #ffffff;
    text-wrap: nowrap;
    text-align: center;
    font-size: 16px;
    line-height: 1;
    padding: 10px 16px;
    border: none;
    border-radius: 10px;
    background: linear-gradient( 310.56deg, #ff6a00 13.48%, #d80e52 123.13%) !important;
}

.saas-header-button:hover {
    color: #c1c1c1;
}

.saas-card-wrapper {
    position: relative;
    background-color: #fff;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    border: none;
    border-radius: 16px;
    display: flex;
    gap: 10px;
    width: 31%;
    max-width: 260px;
    /* border-top-right-radius: 6px; */
    /* overflow: hidden; */
    /* -webkit-mask-image: url('/public/assets/default/img/saas/curve-div-shape2.svg');
    mask-image: url('/public/assets/default/img/saas/curve-div-shape2.svg');

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;

    background: transparent;
    /* or gradient etc */
    /* overflow: hidden;  */
}

.saas-card-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 40px 14px;
    margin: 0 auto;
    width: 75%;
    /* max-width: 433px; */
}

.package-plan-text {
    position: absolute;
    top: 12.5px;
    right: 19px;
    font-size: 8px;
    font-weight: 600;
    color: var(--brown);
}

.saas-card-pill-image {
    position: absolute;
    top: -7px;
    right: -2px;
}

.saas-card-pill-image img {
    width: 89px;
    height: 37px;
}

.saas-card-pill-image.from-financials {
    top: -10px;
    right: -6px;
}

.saas-card-pill-image.from-modal {
    top: -1px;
    right: 2px;
}

.saas-card-title {
    color: var(--brown);
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    text-align: center;
}

.saas-card-desc {
    color: #9e9595;
    font-family: Inter;
    font-weight: 600;
    font-size: 8px;
    line-height: 1;
    text-align: center;
}

.saas-card-pricing {
    /* color: #E99030; */
    font-family: Inter;
    font-weight: 600;
    font-size: 24px;
    line-height: 25px;
    text-align: center;
}

.saas-card-content {
    /* color: #E99030; */
    font-family: Inter;
    font-weight: 600;
    font-size: 9px;
    line-height: 1;
    text-align: center;
}

.saas-card-list {
    padding-left: 30px !important;
    text-align: left !important;
}

.saas-card-list li {
    list-style-position: initial !important;
    list-style-image: initial !important;
    text-align: left !important;
    list-style-type: disc !important;
    display: list-item !important;
}

.saas-popular-card-bg {
    box-shadow: 0px 2px 10px 3px #bc812347;
}

.saas-popular-card-height {
    scale: 1.1;
}

.saas-card-title-image {
    width: 86px;
    height: 86px;
}

.saas-highlight-cards-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin: 20px 0px;
}

.description-text-color {
    color: #9e9595;
    line-height: 1;
    text-align: right;
    font-size: 9px;
    font-weight: 600;
}

.more-info-btn {
    font-family: Inter;
    border: 1px solid #e5e4e4;
    background: #fefefe;
    padding: 4px 10px;
    font-size: 10px;
    font-weight: 500;
    color: #999999;
    border-radius: 3px;
}

.sm-img {
    width: 36px;
    height: 36px;
}

.panel-setting-custom-table thead th,
.panel-setting-custom-table thead td {
    border-bottom: 2px solid #ececec;
}

.panel-saas-title {
    color: #4e3433;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
}

.custom-shadow {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.03);
}

.custom-shadow-2 {
    box-shadow: 0px 2px 10px 3px #02253c0a;
}

.results-stats.dropdown-menu {
    top: -61px !important;
    left: -145px !important;
}

.profile-covers-images {
    width: 275px;
}

.threedot-course-review.show {
    top: -60px !important;
    left: -60px !important;
}

.make-announcement-modal.modal-content {
    max-width: 48rem !important;
    text-align: left !important;
    padding: 36px !important;
}

.make-announcement-modal-title {
    color: #4e3433;
    font-size: 32px;
    font-weight: 700;
    /* line-height: 1; */
}

.make-announcement-modal-desc {
    color: #675756;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    text-align: left;
}

.make-announcement-submit-btn {
    color: #fff;
    font-size: 12px;
    padding: 18px 10px;
    width: 10rem;
}

.make-announcement-modal-pl {
    padding-left: 0px !important;
}

.meeting-request-dropdown {
    top: -5rem !important;
    left: -12rem !important;
}

.become-ins-register-input-button {
    border-radius: 92px;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    background-color: white;
}

.become-ins-input {
    border: none !important;
    padding-left: 2rem !important;
}

.become-ins-input-design {
    border: none !important;
    padding-left: 1rem !important;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    border-radius: 92px;
}

.become-ins-input-design-2 {
    border: 1px solid #ff8fb4;
    padding-left: 1rem !important;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    border-radius: 4px;
}

.become-ins-input::placeholder {
    color: #7a7a7a !important;
}

.become-ins-input-label {
    color: #7a7a7a !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.become-ins-input-label-2 {
    color: #675756 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

.become-ins-label-checkbox {
    border-radius: 10px;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--brown) !important;
    border-radius: 10px !important;
    border: none !important;
    padding: 8px 20px !important;
    box-shadow: 0px 2px 10px 3px #02253c0a;
}

.become-ins-checkbox input[type="checkbox"]:checked+label {
    background: var(--adhyaas-grad-3) !important;
    color: #fff !important;
    box-shadow: 0px 2px 10px 3px #02253c26;
}

.btn-gradient-1 {
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(286.37deg, #ffbe90 25.42%, #ff8fb4 81.84%);
}

.become-ins-custom-control-label::before {
    border: 1px solid #e2263d !important;
    width: 16px;
    height: 16px;
    margin-left: 6px;
}

.custom-control-input:checked~.become-ins-custom-control-label::after {
    top: -2px !important;
    left: -34px !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    margin-left: 6px;
    background-color: #e2263d !important;
}

.become-ins-radio-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: -0.5rem;
    /* gap-md: 2.5rem; */
}

.btn-ins-91 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-top-left-radius: 92px;
    border-bottom-left-radius: 92px;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    background-color: #ffffff;
    align-content: center;
    font-size: 12px;
    font-weight: 400;
    color: #7a7a7a;
}

.btn-ins-setting {
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 12px;
    align-content: center;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    color: #343434;
    padding: 10px;
    /* border-radius: 2px; */
    /* border: 1px solid #ececec; */
}

.btn-ins-phone-btn {
    font-family: Inter;
    position: absolute;
    top: 7px;
    right: 7px;
}

.btn-ins-add-btn {
    font-family: Inter;
    position: absolute;
    top: 5px;
    right: 7px;
}

.btn-ins-send-otp {
    background-color: var(--brown);
    padding: 6px 12px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 92px;
    border: none;
    /* margin-right: 10px; */
}

.btn-ins-phone-input {
    margin-left: 50px;
    padding-left: 30px;
    color: #1c1c1c;
    font-size: 12;
    font-weight: 400;
    border: none;
    border-top-right-radius: 92px;
    border-bottom-right-radius: 92px;
    box-shadow: 0px 2px 10px 3px #02253c0a;
}

.btn-ins-verfiyotp {
    position: absolute;
    top: 7px;
    right: 7px;
    background-color: var(--brown);
    padding: 6px 22px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 92px;
    border: none;
}

.otp-sent-text {
    color: #7a7a7a;
    font-size: 12px;
    font-weight: 400;
}

.btn-ins-verify-otp-text {
    color: #737070;
    font-size: 10px;
    font-weight: 500;
}

.no-spinner {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}


/* Chrome, Safari, Edge */

.no-spinner::-webkit-outer-spin-button,
.no-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.btn-ins-next-btn {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    border-radius: 92px !important;
    background: linear-gradient( 269.74deg, #ff6a00 2.42%, #d80e52 60.83%) !important;
    box-shadow: 0px 2px 10px 3px #02253c0a !important;
    max-width: 300px;
}

.become-ins-expertise-btn {
    border-radius: 10px;
    font-size: 13px !important;
    font-weight: 400 !important;
    border-radius: 10px !important;
    border: none !important;
    padding: 8px 10px !important;
    background: #f1f1f1 !important;
    color: var(--brown) !important;
}

.become-ins-input-label-online_teaching {
    font-size: 11px;
    font-weight: 600;
    color: #675756;
}

.become-ins-radio-container-online_teaching {
    display: flex;
    flex-direction: column;
    gap: -0.5rem;
}

.become-ins-radio-container-online_teaching div {
    margin-top: 0px !important;
}

.btn-ins-attachfields {
    border: none !important;
    border-radius: 5px;
    box-shadow: 0px 2px 10px 3px #02253c0a;
}

.become-ins-desc {
    color: #bab7b7;
    margin-top: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0%;
}

.become-ins-stepper-text {
    color: #363636;
    text-align: center;
    font-size: 10px;
}

.become-ins-stepper-number {
    color: #343434;
    border-radius: 50%;
    padding: 2px 5px;
    font-size: 8px;
    border: 4px solid #ececec;
}

.become-ins-stepper-number.active {
    border: 4px solid #d80e52;
}

.become-ins-progress-bar-top-unfilled-bundle {
    position: absolute;
    background-color: #ececec;
    height: 10px;
    width: 66.66%;
    z-index: 1;
    margin-left: 16.66%;
    top: 7px;
}

.become-ins-progress-bar-top-bundle {
    position: absolute;
    background: var(--adhyaas-grad-2);
    height: 10px;
    z-index: 1px;
    margin-left: 16.66%;
    top: 7px;
    z-index: 2;
}

.become-ins-stepper-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-left: 0px;
    margin-top: 20px;
    width: 100%;
}

.become-ins-stepper-card-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 60px;
    z-index: 20;
    min-width: 33%;
}

.become-ins-info-container {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    border: none;
    padding: 24px;
    margin-bottom: 24px;
}

.become-ins-info-title-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.4rem;
}

.become-ins-info-title-bar>h2 {
    font-size: 12px;
    font-weight: 600;
    color: #000000;
}

.become-ins-info-title-bar>a {
    font-size: 10px;
    font-weight: 600;
    color: #007ca6;
}

.become-ins-info-subtitle {
    color: #696969;
    font-weight: 400;
    font-size: 10px;
}

.become-ins-info-desc {
    color: #000000;
    font-weight: 500;
    font-size: 10px;
}

.become-ins-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 400px;
    margin: 0 auto;
    padding: 0px 12px;
}

.become-ins-page-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 30px;
    flex-wrap: nowrap;
}

.dropdown-menu.student-assignment-dropdown {
    top: -60px !important;
    left: -200px !important;
}

.aboutus-get-started-container {
    background: var(--adhyaas-grad-2);
    border-radius: 40px;
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 8px;
    gap: 20px;
    cursor: pointer;
    width: 316px;
}

.aboutus-get-started-container>p {
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0%;
    padding-left: 30px;
    padding-right: 10px;
    padding: 10px 20px;
    padding-right: 20px;
    color: #ffffff;
}

.aboutus-get-started-arrow {
    align-content: end;
}

.aboutus-get-started-arrow>img {
    width: 50px;
    height: 50px;
    transition: transform 0.3s linear;
    will-change: transform;
}

.aboutus-get-started-container:hover .aboutus-get-started-arrow>img {
    transform: rotate(45deg);
}

.newnav-user.pill-sign-btn {
    height: auto !important;
}

.newnav-user.navbar-toggler {
    padding: 4px 6px !important;
}

.become-ins-modal-content {
    background: white;
    border-radius: 10px;
    padding: 50px 60px 30px;
    max-width: 450px;
    width: 90%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    position: relative;
    animation: modalSlideIn 0.3s ease-out;
}

@keyframes modalSlideIn {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.become-ins-confirmation-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.become-ins-confirmation-modal.show {
    display: flex;
}

.become-ins-check-icon {
    width: 43px;
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

.become-ins-check-icon>img {
    object-fit: cover;
}

.become-ins-modal-title {
    color: var(--brown);
    font-family: Inter;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0%;
}

.become-ins-modal-subtitle {
    color: var(--brown);
    font-family: Inter;
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0%;
    text-align: center;
    margin-top: 4px;
}

.become-ins-modal-button {
    max-width: 137px;
    background: var(--adhyaas-grad-4);
    box-shadow: 0px 2px 10px 3px #02253c14;
    padding: 10px 30px;
    color: #ffffff;
    border: none;
    border-radius: 26px;
    margin: 0 auto;
    margin-top: 16px;
}

.make-announcement-bg-shadow {
    box-shadow: 0px 2px 10px 3px #02253c0a !important;
}

.need-help.modal-content {
    padding: 20px;
}

.need-help.modal-body {
    padding: 0px;
}

.dropdown-menu.my-results {
    top: -58px !important;
    left: -144px !important;
}

.dropdown-menu.professional-details-3dot {
    top: -56px !important;
    left: -68px !important;
}

.saas-blur-overlay>.saas-card-wrapper.modal-saas-card {
    width: 50%;
    max-width: 160px;
    height: auto;
    min-height: 250px;
    padding-bottom: 16px;
}

.rewards-card-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

.rewards-card-left-container {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.rewards-card-layout {
    padding: 20px;
    border: none;
    border-radius: 12px;
    background-color: #ffffff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.03);
}

.rewards-gift-icon {
    position: absolute;
    top: -34px;
    right: 6px;
    z-index: -1;
}

.rewards-card-title {
    color: var(--brown);
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 6px;
}

.rewards-card-desc {
    color: #504e4e;
    font-size: 10px;
    line-height: 10px;
    font-weight: 400;
    max-width: 307px;
    text-wrap: wrap;
}

.rewards-leaderboard-1-image {
    width: 106px;
    height: 102px;
}

.rewards-leaderboard-image {
    padding: 2px;
    width: 36px;
    height: 36px;
}

.rewards-card-leaderboard-title {
    color: var(--brown);
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    /* margin-bottom: 2px; */
}

.rewards-leaderboard-card {
    padding: 8px 20px;
    border: none;
    border-radius: 12px;
    background-color: #ffffff;
    box-shadow: 0px 2px 10px 3px #02253c0a;
}

.rewards-bottom-layout {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    /* max-width: 450px; */
    width: 100%;
}

.rewards-point-card-layout {
    padding: 20px 50px;
    background-color: #fbfcff;
    border: none;
    border-radius: 9px;
    box-shadow: 0px 2px 10px 3px #02253c0a inset;
    /* max-width: 360px; */
    aspect-ratio: 2/1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.rewards-point-card-layout-small-title {
    color: #4e2927;
    font-weight: 400;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0%;
    text-transform: capitalize;
    margin-bottom: 3px;
}

.rewards-point-card-layout-big-title {
    color: var(--brown);
    font-weight: 700;
    font-size: 29px;
    line-height: 1;
    letter-spacing: 0%;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.rewards-point-card-layout-input {
    padding: 12px 10px;
    border: 1px solid #ececec;
    border-radius: 7px;
    color: var(--brown);
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    text-transform: capitalize;
    width: 100%;
    background-color: #ffffff;
}

.rewards-point-card-layout-input-button {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    border-radius: 7px;
    background-color: var(--brown);
    font-family: Inter;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    text-transform: capitalize;
}

.rewards-point-card-layout-conversion {
    color: #4e2927b2;
    font-weight: 400;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0%;
    text-transform: capitalize;
    margin: 10px 0px;
}

.rewards-convert-points-submit-button {
    border: none;
    border-radius: 29px;
    width: 100%;
    padding: 12px;
    color: #ffffff;
    font-weight: 700;
    font-style: Bold;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0%;
    text-transform: capitalize;
    background: linear-gradient(90deg, #ff7499 0%, #ff6a01 100%);
}

.rewards-detail-pill {
    color: #8f8d8d;
    font-weight: 600;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0%;
}

.rewards-convert-button-disabled.rewards-convert-points-submit-button {
    background: linear-gradient(90deg, #ff7499 0%, #ff6a01 100%) !important;
    opacity: 0.5;
}

.reward-confirm-img {
    width: 3.688rem;
    height: 2.5rem;
}

.rewards-modal-title {
    color: var(--brown);
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    margin-bottom: 6px;
}

.rewards-modal-sub-title {
    color: var(--brown);
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0%;
    margin: 0 auto;
    max-width: 340px;
    padding: 0 10px;
}

.rewards-modal-cancel-button {
    border: none;
    border-radius: 30px;
    background-color: #d9d9d9;
    color: var(--brown);
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0%;
    padding: 10px 24px;
}

.rewards-modal-convertpoint-button {
    border: none;
    border-radius: 30px;
    color: #ffffff;
    background-color: var(--brown);
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0%;
    padding: 10px 24px;
}

.flex-1 {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
}

.affilitate-copy-btn {
    border: none;
    background-color: transparent;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 20;
}

.affiliate-sectional-title {
    font-weight: 600;
    color: var(--brown);
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0%;
    text-transform: capitalize;
}

.affiliate-sectional-desc>p {
    font-weight: 400;
    color: #797272;
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 0%;
    text-transform: capitalize;
}

.affiliate-sectional-small-title {
    color: #8e7f7f;
    font-weight: 500;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0%;
    text-transform: capitalize;
}

.affiliate-social-ring {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 10px;
}

.affiliate-social-ring>img {
    width: 28px;
    height: 28px;
}

.new-dashboard-detail-card-title {
    color: var(--brown);
    font-size: 30px;
    font-weight: 600;
}

.new-dashboard-detail-card-subtitle {
    color: var(--brown);
    font-size: 10px;
    font-weight: 500;
}

.announcement-color-dropdown {
    color: var(--brown);
    display: flex;
    margin: 4px auto;
    padding-top: 8px;
    padding-bottom: 8px;
    align-items: center;
    font-weight: 600;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0;
    text-transform: capitalize;
    cursor: pointer;
}

.learning-page-title {
    color: var(--brown);
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
}

.learning-page-sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}

.noticeboard-title {
    color: var(--brown);
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
    padding-top: 20px;
}

.new-course-noticebaord {
    position: relative;
    border: 1px solid #ececec;
    border-radius: 10px;
    /* padding: 15px; */
    margin-top: 30px;
    width: 100%;
    overflow: hidden;
}

.new-course-noticebaord-title {
    color: var(--brown);
    font-family: Inter;
    font-size: 14px;
    line-height: 1;
}

.new-course-noticebaord-desc {
    color: #4e2927;
    font-weight: 400;
    font-size: 10px;
    line-height: 13px;
}

.new-course-noticebaord-card-bottom {
    border-top: 1px solid #ececec;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
    font-size: 10px;
    line-height: 13px;
    transition: all 0.3s ease;
}

.new-course-noticebaord-card-bottom-text {
    color: var(--brown);
    font-weight: 600;
    font-size: 8px;
    line-height: 1;
    transition: color 0.3s ease;
}

.new-course-noticebaord.noticeboard-danger:hover .new-course-noticebaord-card-bottom {
    background-color: #d73232;
}

.new-course-noticebaord.noticeboard-danger:hover .new-course-noticebaord-card-bottom-text {
    color: #ffffff;
}

.new-course-noticebaord.noticeboard-info:hover .new-course-noticebaord-card-bottom {
    background-color: #61becb;
}

.new-course-noticebaord.noticeboard-info:hover .new-course-noticebaord-card-bottom-text {
    color: #ffffff;
}

.new-course-noticebaord.noticeboard-warning:hover .new-course-noticebaord-card-bottom {
    background-color: #f3c72b;
}

.new-course-noticebaord.noticeboard-warning:hover .new-course-noticebaord-card-bottom-text {
    color: #ffffff;
}

.new-course-noticeboard-pills {
    border: 1px solid #ececec;
    border-radius: 3px;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    height: auto;
    padding: 5px 15px;
    line-height: 1;
}

.new-course-noticeboard-pills-text {
    color: var(--brown);
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    text-wrap: nowrap;
}

.no-tip.dropdown-menu:after {
    display: none;
}

.no-tip.cat-dropdown-menu:after {
    display: none;
}

.new-noticebaord-dropdown {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 8px !important;
    width: 175px !important;
    position: absolute;
    top: -20px !important;
    right: 0% !important;
    left: -140px !important;
}

.noticeboard-dropdown-position {
    position: absolute;
    top: -15px !important;
    left: -130px !important;
}

.noticeboard-dropdown-position>.last-child {
    border-top: 1px solid #ececec;
}

.noticeboard-dropdown-position>.last-child>a {
    color: var(--brown) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    margin: 10px 0px !important;
}

.new-noticeboard-dropdown>.dropdown-item {
    color: var(--brown) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    margin-bottom: 10px;
}

.new-noticeboard-course-title {
    font-weight: 700;
    font-style: Bold;
    font-size: 12px;
    line-height: 1;
    color: var(--brown);
    margin-bottom: 4px;
}

.learning-page-course-progress {
    border: none;
    background-color: #ffeded;
    height: 15px !important;
    border-radius: 11px;
    box-shadow: none;
    padding: 0px !important;
}

.learning-page-course-progress-bar {
    background: var(--adhyaas-grad-4) !important;
}

.learning-page-course-completion-rate {
    position: absolute;
    top: 2px;
    right: 5px;
    color: #b00000;
    font-weight: 600;
    font-size: 10px;
    line-height: 1;
    text-transform: capitalize;
    border: none;
    border-radius: 11px;
    /* mix-blend-mode: difference;  */
}

.new-learning-page-link-text {
    color: var(--brown);
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
}

.learning-page-nav-item>a {
    display: flex;
    align-items: center;
    position: relative;
}

.learning-page-nav-item>a>.new-learning-page-link-text {
    font-size: 14 !important;
    font-weight: 500 !important;
}


/* .learning-page-nav-item >  a.active  > .new-learning-page-link-text{
    font-size: 14 !important;
    font-weight: 600 !important;
} */

.learning-page-nav-item a.active {
    background: var(--adhyaas-grad-2) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.new-learning-tabs .nav-item a.active:after {
    content: "" !important;
    position: absolute !important;
    bottom: 7px !important;
    left: 50% !important;
    width: 100% !important;
    height: 3px !important;
    background: var(--adhyaas-grad-2) !important;
    border-radius: 0px !important;
    transform: translate(-50%, 17px) !important;
}

.icon-colored {
    display: none;
}

.icon-default {
    display: inline;
}


/* If <a> has .active, swap visibility */

.learning-page-nav-item a.active .icon-colored {
    display: inline;
}

.learning-page-nav-item a.active .icon-default {
    display: none;
}

.shadow-bw {
    box-shadow: 0px 2px 10px 3px #02253c0a;
}

.ins-notavail-wrapper {
    width: 100%;
    border: 1px solid #ff8fb4;
    border-radius: 5px;
    padding: 10px 20px;
}

.meeting-dropdwon-header {
    font-weight: 600;
    font-size: 12px;
    line-height: 23px;
    letter-spacing: 0%;
    color: #675756;
}

.meeting-dropdown-container {
    color: var(--brown) !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 23px !important;
    letter-spacing: 0% !important;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    border: 1px solid #ececec !important;
    border-radius: 4px !important;
}

.meeting-dropdown-container:focus {
    border: 1px solid #ff8fb4;
}

.meeting-pickuptime-text {
    color: #675756;
    font-weight: 600;
    font-size: 12px;
}

.meeting-insrates-text {
    color: var(--brown);
    font-weight: 600;
    font-size: 12px;
}

.new-meetingtime-selector {
    padding: 10px 30px !important;
    border-radius: 3px !important;
    border: solid 1px #dcdcdc !important;
    color: var(--brown) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-align: center;
    overflow: hidden;
}

.new-meetingtime-selector:hover {
    color: #ffffff !important;
    background: none !important;
    background-color: var(--brown) !important;
}

.new-meetingtime-reserved {
    position: absolute;
    top: 0.9px;
    right: 0.9px;
    background-color: #fdffce;
    padding: 2px 8px;
    font-size: 5px;
    font-weight: 500;
    text-transform: capitalize;
    border-top-right-radius: 2px;
}

.bg-muted {
    background-color: #ececec !important;
}

.meeting-finalize-container {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 2px 10px 0px #02253c14;
    padding: 20px 30px;
    color: var(--brown);
    font-size: 12px;
    font-weight: 500;
}

.request-meeting-button {
    border: none;
    border-radius: 3px;
    width: 153px;
    padding: 10px 20px;
    background: linear-gradient(91.15deg, #ee3875 -15.63%, #ff6a01 99.02%);
    color: #ffffff;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
}

.category-wrapper {}

.category-container {
    display: flex;
    /* flex: 1; */
    flex-direction: column;
    gap: 5px;
    margin-bottom: 6px;
}

.category-title {
    color: #4e3433;
    font-family: Istok Web;
    font-weight: 700;
    font-style: Bold;
    font-size: 12px;
    line-height: 20px;
}

.category-items-list {
    padding-bottom: 2px;
}

.category-items-list>a {
    color: var(--brown);
    font-family: Inter;
    font-weight: 400 !important;
    font-style: Regular;
    font-size: 12px !important;
    line-height: 22px !important;
}

.category-items-list:last-child {
    padding-top: 4px;
    text-decoration: underline;
}

.not-sure-text {
    color: #000000;
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 12px;
    line-height: 1;
}

.browse-free-course {
    color: #d80e52 !important;
    border-bottom: 1px solid #d80e52;
}

.mobile-category-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 10px 0px;
    border-bottom: 0.5px solid #ececec;
}

.mobile-category {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    padding: 10px 0px;
}

.mobile-category-sidebar-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: -100%;
    pointer-events: none;
    visibility: hidden;
    background: white;
    border-bottom: 0.5px solid #ececec;
    z-index: 9999;
    overflow-y: auto;
}


/* When active */

.mobile-category-sidebar-container.show {
    left: 0;
    transition: 0.5s ease-in-out;
    pointer-events: auto;
    visibility: visible;
}

.selected-category {
    padding: 10px 20px;
    border-bottom: 0.5px solid #ececec;
}

.category-list {
    padding: 10px 60px;
    color: var(--brown);
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
}

.category-list:last-child {
    padding-top: 4px;
    text-decoration: underline;
}

.selected-category-subtitle {
    color: var(--brown);
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    padding: 5px 0px;
}

.mobile-pages-li-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-bottom: none;
}

.mobile-not-sure {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 18px 0px;
    gap: 5px;
    border-bottom: 0.5px solid #ececec;
}

.scrollable-category-container {
    margin-top: 10px;
    max-height: 85vh;
    overflow: auto;
}


/* Container styling */

#toggleSwitch {
    width: 21px;
    height: 13px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    z-index: 151;
}

#toggleSwitch span {
    display: block;
    position: absolute;
    height: 4px;
    width: 20px;
    background: #3b0200;
    /* change color as needed */
    border-radius: 20px;
    opacity: 1;
    left: 0;
    transition: all 0.3s ease-in-out;
}


/* Positioning each bar */

#toggleSwitch span:nth-child(1) {
    top: 0px;
    transform-origin: left center;
}

#toggleSwitch span:nth-child(2) {
    top: 6px;
    left: 6px;
    transform-origin: left center;
}

#toggleSwitch span:nth-child(3) {
    top: 11px;
    left: 0px;
    transform-origin: left center;
    width: 15px;
}


/* Animation when menu is open */

#toggleSwitch.open span:nth-child(1) {
    transform: rotate(-45deg);
    top: 10px;
    left: 2px;
}

#toggleSwitch.open span:nth-child(2) {
    transform: rotate(45deg);
    top: -5px;
    left: 2px;
}

#toggleSwitch.open span:nth-child(3) {
    left: 2px;
    /* width: 0%; */
    opacity: 0;
}

.rotate-0 {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

.rotate-180 {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.meeting-available-times label {
    border-radius: 3px !important;
    border: 1px solid #ececec !important;
    padding: 10px 30px !important;
    color: var(--brown) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-align: center;
    text-wrap: nowrap;
    width: 160px;
    overflow: hidden;
}

.meeting-available-times input[type="radio"]:hover+label {
    background: var(--brown) !important;
    color: #ffffff !important;
    transition: all 0.3s !important;
}

.meeting-available-times input[type="radio"]:checked+label {
    border: 1px solid #ececec !important;
    background: var(--brown) !important;
    transition: all 0.3s;
    color: #ffffff !important;
}

.meeting-available-times.disabled label {
    background-color: #ececec !important;
    color: var(--brown) !important;
    pointer-events: none !important;
}

.meeting-reserved-item {
    position: absolute;
    top: 1px;
    right: 0.3px;
    color: var(--brown);
    background-color: #fdffce;
    font-size: 5px;
    font-weight: 500;
    padding: 2px 8px;
    border-top-right-radius: 3px;
}

.meeting-selected-mode {
    border-radius: 3px;
    background-color: #fff0d8;
    padding: 3px 6px;
}

.custom-switch .custom-control-label.group-meeting-slider::before {
    top: 5px !important;
    left: -50px !important;
    width: 20px !important;
    height: 10px !important;
    pointer-events: all !important;
    border-radius: 0.75rem !important;
    border: 1px solid #c4c4c4 !important;
    background-color: transparent !important;
}

.custom-switch .custom-control-label.group-meeting-slider::after {
    top: 5.5px !important;
    left: -49.2px !important;
    width: 8.6px !important;
    height: 8.6px !important;
    background: #8a8a8a !important;
    border: 1px solid #c4c4c4 !important;
    border-radius: 0.75rem !important;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.custom-switch .custom-control-input:checked~.custom-control-label.group-meeting-slider::after {
    background-color: #079a18 !important;
    transform: translateX(10.5px) !important;
}

.meeting-student-count-select {
    color: var(--brown);
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #ff8fb4;
    box-shadow: 0px 2px 10px 3px #02253c0a;
}

.meeting-student-count-select option {
    color: var(--brown);
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
}

.form-control.meeting-form-control {
    padding: 4px 6px !important;
}

.instuctor-avatar-size {
    width: 105px;
    height: 105px;
}

.insturctor-card-clock-text {
    font-size: 12px;
    font-weight: 500;
    color: var(--brown);
    line-height: 1;
}

.insturctor-card-tempnotavail-text {
    font-size: 14px;
    font-weight: 700;
    color: #393219;
    line-height: 1;
}

.insturctor-card-insname-text {
    font-size: 20px;
    font-weight: 700;
    color: var(--brown);
    line-height: 1;
    margin-right: auto;
}

.insturctor-category-pill {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    color: var(--brown);
    border-radius: 4px;
    padding: 5px 10px;
    background-color: #fff2ec;
    line-height: 1;
}

.insturctor-desig-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #7b4947;
}

.filter-card {
    padding: 10px 10px;
    border-radius: 6px;
    color: var(--brown);
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    background: #ffffff;
    border: none;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    z-index: 150;
}

.sortby-container {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 80%;
}

.sortby-select-field:focus {
    border-color: #ff8fb4 !important;
}

.ins-filter-modal {
    position: absolute;
    top: 40px;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 150;
    max-width: 360px;
}

.learning-page-tabs-and-content {
    max-height: 100vh;
    /* Should be enough to cover full content height */
    overflow: hidden;
    transition: max-height 0.5s ease;
}

.learning-page-tabs-and-content.hide {
    max-height: 0;
}

.forum-ins-img {
    width: 58px;
    height: 58px;
}

.forum-title-text {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
}

.forum-topics-count {
    display: block;
    font-size: 14px;
    line-height: 1;
    color: var(--light-gray);
}

.forum-author-img {
    width: 36px;
    height: 36px;
}

.forum-author-name {
    font-size: 14px;
    font-weight: 500;
    color: var(--light-gray);
    white-space: nowrap;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.forum-created-detail {
    font-size: 12px;
    font-weight: 500;
    color: var(--light-gray);
    line-height: 1;
}

.payment-success-title {
    color: var(--brown);
    font-weight: 800;
    font-size: 30px;
    line-height: 1;
}

.payment-success-desc {
    color: #848282;
    font-weight: 600;
    /* font-size: 18px; */
    line-height: 1;
    text-transform: capitalize;
}

.purchase-content-container {
    display: flex;
    flex-direction: column;
    border: 1px solid #ececec;
    border-radius: 11px;
}

.payment-details-container {
    color: var(--brown);
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    padding: 15px 20px;
}

.payemnt-total-text {
    color: var(--brown);
    font-weight: 600;
    /* font-size: 28px; */
    line-height: 1;
}

.payment-details-container .payment-info-title {
    color: var(--brown);
    font-weight: 500;
    /* font-size: 18px; */
    line-height: 1;
    text-transform: capitalize;
}

.payment-details-container .payment-info-desc {
    color: #848282;
    font-weight: 600;
    /* font-size: 16px; */
    line-height: 1;
    text-transform: capitalize;
    text-align: center;
}

.purchased-items-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    padding: 12px 12px 25px;
    border: 1px solid #ececec;
    border-radius: 11px;
    background-color: #fbfcff;
}

.purchased-item-card {
    width: 100%;
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 20px 10px;
    padding-left: 20px;
    border: 1px solid #ececec;
    border-radius: 11px;
    background-color: #ffffff;
}


/* Image container */

.purchased-item-image {
    flex: 1 1 150px;
    max-width: 150px;
    /* limit size */
    max-height: 150px;
    /* limit size */
    width: 100%;
}


/* Responsive image */

.purchased-item-image>img {
    /* width: 100%; */
    /* height: auto; */
    /* keep aspect ratio */
    aspect-ratio: 150/102;
    max-width: 150px;
    max-height: 102px;
    border-radius: 8px;
    object-fit: cover;
    /* crop if needed */
}

.purchased-item-card .purchased-item-title {
    color: var(--brown);
    /* font-size: 22px; */
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 4px;
}

.purchased-item-card .purchased-item-author {
    display: flex;
    gap: 5px;
}

.purchased-item-card .purchased-item-author>img {
    color: #948484;
    /* font-size: 16px; */
    font-weight: 500;
    line-height: 1;
    height: 17px;
    width: 17px;
}

.purchased-item-card .purchased-item-author>span {
    color: #948484;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.purchased-item-card .purchased-price-text {
    color: #0e4b0d;
    font-size: 21px;
    font-weight: 600;
    line-height: 1;
}

.purchased-item-card .go-to-learning-page-container {
    border: 1px solid #ececec;
    border-radius: 5px;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    padding: 5px 10px;
    color: var(--brown);
    font-size: 14px;
    font-weight: 600;
    background-color: #ffffff;
}

.go-to-my-courses-btn {
    background: linear-gradient(310.56deg, #ff6a00 13.48%, #d80e52 123.13%);
    box-shadow: 0px 2px 10px 3px #02253c0a;
    /* font-size: 16px; */
    font-weight: 600;
    color: #ffffff;
    padding: 8px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 10px;
    line-height: 1;
    flex-wrap: nowrap;
}

.dropdown-menu.new-empty-cart-container {
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: center; */
    text-align: center;
    border-radius: 6px;
    padding: 20px 10px;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    width: 280px;
    z-index: 100;
}

.new-empty-cart-container .empty-cart-title {
    color: var(--brown);
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
}

.new-empty-cart-container .empty-cart-desc {
    color: #4e2927;
    font-weight: 500;
    font-size: 6px;
    line-height: 1;
}

.dropdown-menu.new-empty-cart-container::after {
    content: none;
}

.go-to-popular-courses-btn {
    margin-top: 20px;
    background: linear-gradient(91.15deg, #ee3875 -15.63%, #ff6a01 99.02%);
    font-size: 10px;
    font-weight: 700;
    color: #ffffff;
    padding: 5px 20px;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 17px;
    line-height: 1;
}

.dropdown-menu.new-empty-notifications-container {
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: center; */
    text-align: center;
    border-radius: 6px;
    padding: 20px 10px;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    width: 280px;
    z-index: 100;
}

.new-empty-notifications-container .empty-notifications-title {
    color: var(--brown);
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
}

.new-empty-notifications-container .empty-notifications-desc {
    color: #4e2927;
    font-weight: 500;
    font-size: 6px;
    line-height: 1;
}

.dropdown-menu.new-empty-notifications-container::after {
    content: none;
}

.go-to-all-notifications-btn {
    margin-top: 20px;
    background: linear-gradient(91.15deg, #ee3875 -15.63%, #ff6a01 99.02%);
    font-size: 10px;
    font-weight: 700;
    color: #ffffff;
    padding: 5px 20px;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 17px;
    line-height: 1;
}

.delivery-input-wrapper {
    border-bottom: 2px solid #ececec;
}

.shipping-input-wrapper {
    display: flex;
    gap: 5px;
    width: 100%;
    justify-content: space-between;
}

.shipping-input-wrapper>div {
    margin-bottom: 16px;
}

.check-delivery-btn {
    display: flex;
    margin: 0 auto;
    padding: 10px 30px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    border: none;
    border-radius: 26px;
    background: linear-gradient(310.56deg, #ff6a00 13.48%, #d80e52 123.13%);
    box-shadow: 0px 2px 10px 3px #02253c0a;
    margin-bottom: 1rem;
}

.address-input-wrapper {
    margin-top: 1rem;
}

.address-textarea {
    min-height: 4em;
    transition: min-height 0.7s cubic-bezier(0.4, 0, 0.2, 1.4);
    overflow: hidden;
    resize: vertical;
    overflow: auto;
}

.no-underline {
    text-decoration: none !important;
}

.address-textarea:hover,
.address-textarea:focus {
    min-height: 8em;
}

.alert.delivery-available-container {
    position: relative;
    padding: 12px 0px !important;
    margin-bottom: 0;
    border: 1px solid transparent;
    border-radius: 30px;
}

.alert.delivery-available-container .delivery-avail-text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 auto;
}

.coupon-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.remove-coupon-button {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: transparent;
    cursor: pointer;
}

.coupon-styling {
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 2px;
    color: #ffffff;
    background: linear-gradient(269.74deg, #ff6a00 2.42%, #d80e52 60.83%);
    text-transform: capitalize;
    transition: color 0.5s;
}

.coupon-styling:hover {
    color: var(--gray-4);
}

.not-available-modal .modal-content {
    padding: 20px !important;
    border-radius: 20px !important;
    width: 100% !important;
    box-shadow: 0 0.25rem 0.5rem rgba(52, 52, 52, 0.5);
}

.not-available-modal .modal-header {
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px;
    line-height: 1;
}

.not-available-modal .modal-header .modal-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--brown);
    line-height: 1;
    margin-bottom: 0px;
}

.not-available-modal .modal-header button {
    border: none;
    background: transparent;
    cursor: pointer;
}

.not-available-modal .modal-body {
    padding: 6px;
}

.not-available-modal .modal-body .alert {
    padding: 8px;
}

.not-available-modal .modal-body .alert.alert-warning {
    color: var(--brown);
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
}

.not-available-modal .unavailable-items {
    padding: 15px;
    margin-top: 15px;
    color: var(--brown);
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    border-radius: 12px;
    border: 1px solid #ececec;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.03);
}

.not-available-modal .unavailable-item {
    padding: 10px;
}

.not-available-modal .unavailable-item {
    padding: 10px;
}

.unavailable-item-title {
    color: #2d3748;
    font-weight: 600;
}

.unavailable-item-type {
    color: var(--gray-4);
    font-weight: normal;
}

.not-available-modal {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.not-available-modal .availability-badge {
    padding: 6px 12px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
}

.not-available-modal .availability-badge.badge-danger {
    background: #ffebee;
    color: #c62828;
    text-wrap: nowrap;
}

.not-available-modal .availability-badge.badge-warning {
    background: #fff3e0;
    color: #ef6c00;
    text-wrap: nowrap;
}

.not-available-modal .modal-footer {
    border: none;
}

.not-available-modal .modal-footer button {
    flex: 1;
    padding: 12px;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid #252d47;
    transition: all 0.2s;
}

.not-available-modal .modal-footer .back-to-cart {
    background: transparent;
    color: var(--brown);
}

.not-available-modal .modal-footer .remove-and-continue {
    background: linear-gradient(91.15deg, #ee3875 -15.63%, #ff6a01 99.02%);
    color: white;
    border: none;
    text-wrap: nowrap;
    transition: color 0.5s ease;
}

.not-available-modal .modal-footer .remove-and-continue:hover {
    background-color: #ee3875;
}

.schedule-timer-wrapper {
    width: 100%;
}

.category-page-title {
    font-family: Inter;
    font-weight: 600;
    font-size: 28px;
    line-height: 1;
    color: var(--brown);
}

.category-page-desc {
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #656060;
}

.categorypage-tab-container {
    max-width: 1440px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    position: relative;
    gap: 10px;
    margin-top: 40px;
}

.subcategory-selector {
    padding-right: 20px;
    border-right: 1px solid #ececec;
}

.subcategory-count-select {
    appearance: none;
    padding-right: 2.5rem;
    background-image: url("data:image/svg+xml,%3Csvg fill='black' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23 7.21a.75.75 0 011.06.02L10 10.943l3.71-3.71a.75.75 0 111.06 1.06l-4.24 4.243a.75.75 0 01-1.06 0L5.25 8.29a.75.75 0 01-.02-1.06z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem;
}

.subcategory-container {
    align-items: baseline;
    justify-content: start;
    width: 100%;
    gap: 20px;
}

.category-page-search-input {
    font-size: 12px;
    font-weight: 600;
    color: var(--brown);
}

.category-page-search-input::placeholder {
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #bab7b7;
}

.category-page-tabs .tab-label {
    padding: 4px 0px;
}

.category-page-dropdown {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ff8fb4;
    border-radius: 4px;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    color: var(--brown);
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    /* text-wrap: nowrap; */
    min-width: 226px;
    cursor: pointer;
}

.categorypage-dropdown-menu {
    position: absolute;
    left: 0;
    top: 65px;
    /* width: 100%; */
    /* width: auto; */
    min-width: 250px;
    background-color: #fff;
    display: flex;
    padding: 25px 0px 40px;
    /* border-radius: 15px; */
    transition: all 0.3s;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.16);
    opacity: 0;
    visibility: hidden;
    z-index: 100;
}

.categorypage-categories-toggle.show-items .categorypage-dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 50px;
}

.search-page-searchtext {
    font-family: Inter;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    color: var(--brown);
}

.search-page-resultfound {
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #9b9898;
}

.search-container-border-right {
    border-right: 1px solid #ececec;
}

.search-tab-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 20px;
}

.search-tab-container .search-container {
    margin-right: 20px !important;
}

.search-tab-container .search-bar {
    display: flex;
    width: 100%;
    gap: 20px;
}

.search-page-tabs-title {
    color: var(--brown);
    font-family: Inter;
    font-weight: 600;
    font-size: 20px;
    line-height: 1px;
}

.toggle-section-btn img {
    transition: transform 0.3s ease;
}


/* Main collapse wrapper */

.section-toggle-content {
    overflow: hidden;
    transition: max-height 0.4s ease;
    max-height: 1000px;
}


/* Collapsed state */

.section-collapsed {
    max-height: 0;
    opacity: 0;
    display: none;
    /* transition: max-height 0.4s ease, visibility 0s linear 0s; */
}

.custom-shape-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.clock-time-setter {
    font-family: Inter;
    font-weight: 600;
    font-size: 25px;
    line-height: 1;
    color: var(--brown);
}

.close-clock-button {
    flex: 1;
    padding: 8px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    color: var(--brown);
    border: 1px solid #3b0200;
    transition: all 0.2s;
    background-color: white;
}

.save-clock-button {
    flex: 1;
    padding: 8px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    color: #ffffff;
    border: none;
    background: linear-gradient(269.74deg, #ff6a00 2.42%, #d80e52 60.83%);
    transition: all 0.2s;
}

.certificate-card-wrapper {
    background: none !important;
    box-shadow: none !important;
}

.certificate-card-container {
    position: relative;
    margin: 0 auto;
    padding: 40px;
    border-radius: 9px;
    background: #ffffff;
    border: 1px solid #ececec;
    box-shadow: 0px 2px 0px 3px #04345303;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.certificate-card-container:hover {
    box-shadow: 0 8px 24px rgba(4, 52, 83, 0.08);
    transform: translateY(-2px);
}

.certificate-card-view-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    border: 1px solid #ececec;
    border-radius: 4px;
    padding: 8px;
    font-size: 10px;
    font-weight: 600;
    color: var(--brown);
    line-height: 1;
    transition: box-shadow 0.3s ease, transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
    box-shadow: 0 2px 8px rgba(2, 37, 60, 0.05);
    text-align: center;
}

.certificate-card-view-btn:hover {
    box-shadow: 0 8px 24px rgba(2, 37, 60, 0.15);
    transform: translateY(-3px) scale(1.02);
    background-color: #f8f4f0;
    color: #3e2723;
}

.certificate-card-view-btn.view {
    max-width: 100px;
    width: 100%;
}

.learning-page-cerf-bottom-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #ececec;
    padding: 16px 10px;
    flex-wrap: wrap;
}

@media (max-width: 386px) {
    .learning-page-cerf-bottom-container {
        justify-content: center !important;
    }
}

.learning-page-cerf-bottom-container-title {
    color: var(--brown);
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
}

.learning-page-cerf-bottom-container-desc {
    font-weight: 600;
}

.learning-page-cerf-bottom-container-hint {
    font-weight: 600;
    font-size: 13px;
    font-weight: 500;
    color: #7e7e7e;
}

.learning-page-cerf-quiz-btn {
    flex: 1;
    padding: 10px 40px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    color: #ffffff;
    border: none;
    background: linear-gradient(269.74deg, #ff6a00 2.42%, #d80e52 60.83%);
    transition: all 0.2s;
}

.learning-page-assignment-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--brown);
}

.learning-page-assignment-container .assignment-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
}

.learning-page-assignment-container .assignment-description {
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #4e2927;
}

.bundle-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(250px, 1fr));
}

.new-webinar-card {
    display: flex;
    flex-direction: row;
    padding: 25px 20px;
    gap: 20px;
}

.related-course-card-pill {
    padding: 2px 6px;
    color: #000000;
    background-color: #f0f0f0;
    border-radius: 2px;
    font-size: 10px;
    font-weight: 400;
}

.related-course-card-pill.wyl {
    padding: 3px 20px;
    color: #000000;
    background-color: #f0f0f0;
    border-radius: 2px;
    font-size: 10px;
    font-weight: 400;
}

.related-course-card-title {
    color: var(--brown);
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

.related-course-card-title.wyl {
    color: var(--brown);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 10px;
}

.related-course-card-desc {
    color: #4e2927;
    font-size: 12px;
    font-weight: 400;
}

.related-course-card-info {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    width: 100%;
    gap: 15px;
    row-gap: 10px;
    padding: 10px 0px;
}

.related-course-card-ins {
    display: flex;
    align-items: center;
    gap: 5px;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    background: #ebfff9;
    border-radius: 28px;
    padding: 6px 12px;
}

.related-course-card-ins .ins-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    margin-top: -1.5px;
}

.related-course-card-ins .ins-avatar img {
    width: 16px;
    border-radius: 50%;
}

.related-course-card-ins .ins-name {
    border-radius: 50%;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    color: var(--brown2);
}

.related-course-card-duration {
    display: flex;
    align-items: start;
    gap: 5px;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    background: #f9ffe8;
    border-radius: 28px;
    padding: 8px 12px;
}

.related-course-card-duration .course-duration {
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    color: var(--brown2);
}

.related-course-card-price-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.related-course-card-price {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 25px;
    line-height: 1;
    font-weight: 700;
    color: #135c30;
}

.related-course-date {
    color: #674d4c;
    font-size: 10px;
    font-weight: 600;
}

.related-course-card-button {
    border-radius: 29px;
    background: linear-gradient(90deg, #ff7499 0%, #ff6a01 100%);
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    color: white;
    padding: 5px 40px;
}

.related-course-card-ins.wyl .ins-name {
    font-size: 10px;
}

.related-course-card-duration.wyl {
    display: flex;
    align-items: start;
    gap: 5px;
    box-shadow: none;
    background: none;
    border-radius: 28px;
    padding: 8px 12px;
}

.related-course-card-duration.wyl .course-duration {
    font-size: 10px;
    text-wrap: nowrap;
}

.related-course-card-button.wyl {
    border-radius: 29px;
    background: linear-gradient(90deg, #ff7499 0%, #ff6a01 100%);
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    color: white;
    padding: 10px 30px;
}

.wyl-card {
    border-radius: 15px;
    height: auto;
    padding: 20px 15px;
    max-width: 300px;
}

.assignment-attachment {
    display: flex;
    align-items: center;
    color: var(--gray-6);
    background: #ececec;
    border: 0.5px solid #cfcfcf;
    border-radius: 45px;
    padding: 5px 10px;
    margin-right: 10px;
    margin-top: 5px;
}

.submit-assignment-label {
    color: #8e7f7f;
    font-size: 10px;
    font-weight: 500 !important;
    line-height: 1;
}

.submit-assignment-btn {
    font-family: Inter;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    background: linear-gradient(91.15deg, #ee3875 -15.63%, #ff6a01 99.02%);
    padding: 10px 30px;
    height: 2.5rem;
}

.info-wrapper {
    position: relative;
    display: inline-block;
}

.assignment-info-popup {
    position: absolute;
    right: 200%;
    /* aligns popup's right edge to image's left */
    top: 50%;
    transform: translateY(-50%) translateY(10px);
    /* start slightly down */
    border-radius: 8px;
    background: white;
    padding: 20px 30px;
    color: var(--brown);
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 268px;
    opacity: 0;
    pointer-events: none;
    /* prevents unwanted clicks when hidden */
    transition: opacity 0.3s ease, transform 0.3s ease;
    box-shadow: 0px 2px 10px 3px #02253c0a;
    font-family: Inter;
}

.assignment-info-popup .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin-left: 5px;
}

.assignment-info-popup .desc {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}


/* Hover or focus or click (using a CSS trick for click toggle needs JS) */

.info-wrapper:hover .assignment-info-popup,
.info-wrapper:focus-within .assignment-info-popup {
    opacity: 1;
    transform: translateY(-50%) translateY(0);
    /* slide up into place */
    pointer-events: auto;
}

.assignment-info-popup.active {
    opacity: 1;
    transform: translateY(-50%) translateY(0);
    pointer-events: auto;
}

.assignment-log-container {
    height: calc(407px - 36px) !important;
    overflow-y: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
}

.instructor-card-price-txt {
    font-size: 24px;
    font-weight: 700;
}

.instructor-card-price-through-txt {
    font-size: 10px;
    font-weight: 600;
    color: #6a816a;
}

.instructor-card-price-hour-txt {
    font-size: 14px;
    font-weight: 600;
    color: #a0a4a0;
}

.discount-badge {
    border: 1px solid #4ac2be;
    background: linear-gradient( 262.19deg, rgba(66, 167, 39, 0.51) 0.35%, rgba(76, 198, 194, 0.51) 77.41%);
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    color: var(--adhyaas-gradient);
    padding: 4px 5px;
    border-radius: 37px;
    height: 25px;
    width: 110px;
    /* 
border-image-source: linear-gradient(270deg, #4AC2BE 0%, #A0D59C 100%); */
}

.monthly-sales-chart>canvas {
    aspect-ratio: 2 / 1;
    max-width: 100%;
    max-height: 300px;
    /* min-height: 100px; */
}

.custom-badges-lists {
    position: absolute;
    top: -8px !important;
    right: -2px !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100px !important;
}

.wiif-section-card-container {
    border-radius: 8px;
    background: #ffffffb8;
    box-shadow: 0px 2px 10px 3px #02253c0f;
    display: flex;
    width: 100%;
    flex: 1;
    flex-direction: column;
    max-width: 450px;
    height: fit-content;
}

.wiif-section-top {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 40px;
    padding: 0px 40px;
    background: linear-gradient( 90deg, rgba(255, 117, 153, 0.04) 0%, rgba(255, 106, 1, 0.04) 100%);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.wiif-section-top-heading {
    display: flex;
    gap: 10px;
    flex-direction: row;
    align-items: center;
}

.wiif-section-top-heading img {
    margin-top: -8px;
}

.wiif-section-top-heading div {
    font-family: Inter;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    color: #4e3433;
}

.wiif-section-top-mid {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 20px;
}

.wiif-section-top-mid .top-text {
    font-size: 22px;
    font-weight: 700;
}

.wiif-section-top-mid .mid-text {
    font-size: 16px;
    font-weight: 700;
}

.wiif-section-top-mid .bottom-text {
    font-size: 12px;
    font-weight: 400;
    max-width: 220px;
}

.wiif-section-mid {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 40px 40px;
    padding-bottom: 0px;
}

.wiif-section-bottom {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0px 20px;
}

.wiif-section-mid-img-text {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
}

.wiif-section-mid-img-text img {
    width: 32px;
    height: 32px;
}

.wiif-bottom-line {
    margin-bottom: 30px;
    background: linear-gradient(269.74deg, #ff6a00 2.42%, #d80e52 60.83%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 3px;
}

.user-inline-avatar.no-height-blocker {
    height: auto !important;
    overflow: auto;
    scrollbar-width: none;
    border-radius: 0px;
}

.signup-text {
    display: inline;
}

.signup-icon {
    display: none;
    width: 20px;
    /* adjust size */
    height: 20px;
    border-radius: 50%;
}

.certificate-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
    cursor: help;
}

.multi-line-clamp {
    display: -webkit-box;
    max-width: 100%;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.address-cancel-btn {
    border: none;
    border-radius: 4px;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: white;
    background: linear-gradient(91.15deg, #ee3875 -15.63%, #ff6a01 99.02%);
}

.address-cancel-btn.bg-brown {
    background: #3b0200;
}

.bg-fafafa {
    background-color: #fafafa !important;
}

.btn-ins-phone-btn.acc-settings {
    border-radius: 4px;
    top: 6px !important;
}

.btn-ins-send-otp.acc-settings {
    border-radius: 4px;
    top: 6px !important;
}

.btn-ins-verfiyotp.acc-settings {
    border-radius: 4px;
    top: 6px !important;
}

.account-wrapper.acc-settings {
    justify-content: space-between;
    width: 100%;
}

.acc-layout-settings {
    width: 40%;
}

.btn-ins-edit-btn.acc-settings {
    position: absolute;
    top: 7px;
    right: 0;
}

.ellipsis-1 {
    display: -webkit-box !important;
    max-width: 100%;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipsis-2 {
    display: -webkit-box !important;
    max-width: 100%;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipsis-3 {
    display: -webkit-box !important;
    max-width: 100%;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

.purchased-item-qty {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #ececec;
    background-color: white;
    font-size: clamp(10px, 12px, 14px);
    font-weight: 500;
    color: var(--brown);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -6px;
    right: -6px;
    overflow: hidden;
    white-space: nowrap;
}

.results-card-title-text {
    font-size: 18px !important;
    line-height: 1;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
}

.status-badge {
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
}

.status-accepted {
    background: #e6f7f0;
    color: #1b9e77;
}

.status-pending {
    background: #fff3cd;
    color: #856404;
}

.status-rejected,
.status-revoked {
    background: #f8d7da;
    color: #721c24;
}

.status-invited {
    background: #c9f7d4;
    color: #00821e;
}

.status-active {
    background: #e6f7f0;
    color: #1b9e77;
}

.status-pending {
    background: #fff3cd;
    color: #856404;
}

.status-rejected,
.status-expired,
.status-leaved {
    background: #f8d7da;
    color: #721c24;
}

.created-by-me-card-height {
    height: 360px;
}

a.hover-text-white:hover {
    color: white !important;
}

.gift-card-width {
    width: 100%;
}


/* Media Queries */

@media (max-width: 992px) {
    .bundle-grid {
        grid-template-columns: repeat(2, minmax(250px, 1fr));
    }
    .purchased-items-container {
        grid-template-columns: repeat(1, 1fr);
    }
    .learning-page-course-completion-rate {
        top: 11px;
        right: 48px;
    }
    /* Base state */
    .animated-navbar-toggle-content {
        display: flex !important;
        visibility: hidden !important;
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        transition: max-height 0.5s ease, opacity 0.3s ease;
    }
    /* Opening */
    .animated-navbar-toggle-content.show {
        visibility: visible !important;
        max-height: 100vh;
        opacity: 1;
    }
    /* Base state */
    .animated-navbar-toggle-content {
        display: flex !important;
        visibility: hidden !important;
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        transition: max-height 0.5s ease, opacity 0.3s ease;
    }
    /* Opening */
    .animated-navbar-toggle-content.show {
        visibility: visible !important;
        max-height: 100vh;
        opacity: 1;
    }
    /* Smooth closing state */
    .animated-navbar-toggle-content.closing {
        visibility: visible !important;
        max-height: 0;
        opacity: 0;
    }
    /* Child elements */
    .animated-navbar-toggle-content>* {
        opacity: 0;
        transform: translateY(10px);
        transition: opacity 0.3s ease 0.3s, transform 0.3s ease 0.3s;
    }
    /* Child fade-in when opening */
    .animated-navbar-toggle-content.show>* {
        opacity: 1;
        transform: translateY(0);
    }
    /* Child fade-out when closing */
    .animated-navbar-toggle-content.closing>* {
        opacity: 0;
        transform: translateY(10px);
        transition-delay: 0s;
    }
    .positon-max-lg-relative {
        position: relative !important;
    }
    .scroll-mobile-container {
        margin-top: 10px;
        max-height: calc(100vh - 130px);
        overflow-y: auto !important;
        width: 100%;
    }
    .mobile-pages-li-container {
        display: flex;
        flex-direction: column;
        align-items: start;
        padding: 10px;
        border-bottom: 0.5px solid #ececec !important;
    }
    .category-title {
        font-weight: 700;
        font-size: 14px;
        line-height: 1;
    }
    .aboutus-section5-wrapper {
        flex-direction: column;
        justify-content: space-between;
        gap: 20px;
    }
    .who-can-join-img-wrapper {
        margin: 0 auto;
    }
    .saas-container {
        padding: 0px 1rem;
    }
    .tnc-header {
        text-align: center;
    }
    .tnc-content-wrapper {
        flex-direction: column;
        gap: 0;
        min-height: auto;
        padding: 0 0rem;
    }
    .tnc-sidebar {
        display: none;
    }
    .tnc-main-content {
        max-height: none;
        overflow-y: visible;
        /* padding-right: 20px; */
    }
    .tnc-title {
        font-size: 32px;
        line-height: 44px;
    }
    .pb-maxml-0 {
        padding-bottom: 0px !important;
    }
    .forum-hero-image {
        max-width: 100%;
        max-height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .card-go-up {
        margin-top: 0px;
    }
    .aboutus-section6-img {
        width: 228px;
        height: 226px;
    }
}

@media (max-width: 768px) {
    .gift-card-width {
        width: 60%;
    }
    .acc-layout-settings {
        width: 45%;
    }
    .related-course-thumbnail {
        width: 100%;
        height: 100%;
    }
    .new-webinar-card {
        flex-direction: column;
    }
    .bundle-grid {
        grid-template-columns: repeat(2, minmax(250px, 1fr));
    }
    .subcategory-selector {
        border-right: none;
    }
    .saas-highlight-cards-wrapper {
        padding: 0px 20px;
    }
    .font-max-md-12 {
        font-size: 12px !important;
    }
    .mt-maxmd-32 {
        margin-top: 32px !important;
    }
    .mt-maxmd-34 {
        margin-top: 120px !important;
    }
    .results-custom-table {
        table-layout: auto;
        /* Allow dynamic sizing on mobile */
    }
    .forums-strip-before-title:before {
        height: 20px;
        top: 4px;
    }
    .thumbnail-wrapper {
        width: 100%;
        /* height: 100%; */
    }
    .panel-charge-pay-wrapper {
        width: 50%;
    }
    .instructors-card-sizing {
        width: 60% !important;
    }
    .d-maxmd-none {
        display: none;
    }
    .aboutus-section2-img {
        width: 268px;
        height: 253px;
    }
    .aboutus-section6-container {
        flex-direction: column;
    }
    .floating-bar-wrapper {
        padding: 0px 0px;
    }
}

@media (max-width: 767px) {
    .mobile-not-bought .row1,
    .mobile-not-bought .row2 {
        justify-content: space-between;
        flex: 1;
        max-width: 70%;
    }
    .saas-blur-overlay>div {
        margin-left: 0px;
    }
    .aboutus-section4-card-container img {
        width: 129px !important;
        height: 102px !important;
    }
    .aboutus-section4-card-container {
        flex-direction: row;
        gap: 5px;
        align-items: center;
        border-radius: 17px 138px 138px 17px;
    }
    .aboutus-section4-card-wrapper {
        flex-direction: column;
    }
    .rewards-card-container {
        grid-template-columns: repeat(1, 1fr);
    }
    .saas-card-container {
        width: 80%;
    }
    .saas-highlight-container {
        overflow-x: scroll;
        scrollbar-width: none;
        scroll-behavior: smooth;
        overflow-y: visible;
        padding: 0px 0px !important;
    }
    .saas-default-card {
        background-color: #f5f3f2;
    }
    .saas-highlight-container .saas-container {
        background: linear-gradient( 268.65deg, rgba(79, 18, 0, 0.39) -76.12%, rgba(148, 110, 99, 0) -25.98%, rgba(38, 0, 0, 0.12) 181.41%);
        width: 110vw;
        /* overflow: scroll; */
        scrollbar-width: none;
    }
    .saas-highlight-container .saas-card-wrapper {
        width: 30%;
    }
    .saas-default-card {
        margin-left: -20px;
    }
    .saas-basic-card {
        margin-right: -20px;
        background-color: #fbf9f9;
    }
    .saas-highlight-container>.saas-container {
        padding: 0px;
    }
    .saas-popular-card-bg {
        box-shadow: 0px 2px 10px 3px #02253c0a;
    }
    .new-custom-pagination li {
        margin-right: 8px;
        width: 36px;
        height: 40px;
    }
    .new-custom-pagination li a {
        font-size: 14px;
    }
    .result-card-wrapper {
        justify-content: start;
    }
    .results-card-container img {
        width: 44px;
        height: 44px;
    }
}

@media (max-width: 640px) {
    .rewards-card-container {
        grid-template-columns: repeat(1, 1fr);
    }
    .saas-highlight-container .saas-card-wrapper {
        width: 33%;
    }
    .forum-question-image {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 576px) {
    .created-by-me-card-height {
        height: 320px;
    }
    .mobile-not-bought.not-bought-layout {
        padding: 0px 0px;
    }
    .mobile-not-bought .row1,
    .mobile-not-bought .row2 {
        max-width: 100%;
    }
    .thumbnail-description.mobile-not-bought {
        font-size: 12px;
        line-height: 1.2;
    }
    .thumbnail-header.mobile-not-bought {
        font-size: 20px;
    }
    .maxsm-px-30 {
        padding-left: 30px;
        padding-right: 30px;
    }
    .maxsm-py-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .purchased-item-image>img {
        max-width: 105px;
        max-height: 70px;
        border-radius: 8px;
    }
    .acc-layout-settings {
        width: 100%;
    }
    .maxsm-w-100 {
        width: 100%;
    }
    .maxsm-mb-8 {
        margin-bottom: 8px;
    }
    .maxsm-px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .signup-text {
        display: none;
    }
    .signup-icon {
        display: inline-block;
    }
    .categorypage-dropdown-menu {
        width: 100% !important;
    }
    .rewards-point-card-layout-big-title {
        font-size: 20px;
    }
    .learning-page-cerf-bottom-container {
        text-align: center;
    }
    .star-rating-instructor-finder {
        height: 16px !important;
        width: 100px !important;
    }
    .discount-badge {
        font-size: 8px;
        font-weight: 600;
        height: 16px;
        width: 65px;
        line-height: 1;
        padding: 4px 0px;
    }
    .instructor-card-price-txt {
        font-size: 14px;
        font-weight: 700;
    }
    .instructor-card-price-through-txt {
        font-size: 7px;
        font-weight: 600;
        color: #6a816a;
    }
    .instructor-card-price-hour-txt {
        font-size: 10px;
        font-weight: 600;
        color: #a0a4a0;
    }
    .wyl-card {
        margin: 0 auto;
    }
    .related-course-date {
        font-size: 8px;
    }
    .related-course-card-button {
        font-size: 16px;
        padding: 5px 35px;
    }
    .related-course-card-desc {
        font-size: 10px;
    }
    .related-course-card-title {
        font-size: 24px;
    }
    .bundle-grid {
        grid-template-columns: repeat(1, minmax(250px, 1fr));
    }
    .search-page-tabs-title {
        font-size: 16px;
    }
    .search-page-resultfound {
        text-align: center;
    }
    .search-tab-container .search-bar {
        gap: 10px;
    }
    .search-tab-container .search-container {
        margin-right: 10px !important;
    }
    .search-tab-container {
        gap: 10px;
        flex-direction: column !important;
    }
    /* .search-container-border-right {
        border: none;
    } */
    .category-page-search-input {
        font-size: 8px;
    }
    .category-page-search-input::placeholder {
        font-family: Inter;
        font-weight: 400;
        font-size: 8px;
        line-height: 1;
        color: #bab7b7;
    }
    .aboutus-section4-card-container p {
        color: #3b0200;
        font-family: Inter;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0;
    }
    .aboutus-section4-card-container h4 {
        color: #3b0200;
        font-family: Inter;
        font-weight: 700;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 0;
        text-align: center;
        width: 115px;
    }
    .aboutus-section4-card-container img {
        display: none;
    }
    /* 
    .go-to-my-courses-btn {
        padding: 0px 10px;
    } */
    .forum-created-detail {
        font-size: 8px;
    }
    .forum-author-name {
        font-size: 10px;
    }
    .forum-author-img {
        width: 32px;
        height: 32px;
    }
    .forum-title-text {
        font-size: 10px;
    }
    .forum-topics-count {
        font-size: 10px;
    }
    .forum-ins-img {
        width: 42px;
        height: 42px;
    }
    .sortby-container {
        width: 60%;
    }
    .filter-card {
        font-size: 10px;
        font-weight: 500;
    }
    .insturctor-desig-text {
        font-size: 12px;
    }
    .instructor-finder .instructor-badge {
        font-size: 6px;
    }
    .insturctor-category-pill {
        font-size: 6px;
    }
    .payment-details-container .payment-info-desc {
        text-align: left;
    }
    .insturctor-card-insname-text {
        font-size: 14px;
        font-weight: 600;
    }
    .insturctor-card-tempnotavail-text {
        font-size: 10px;
        font-weight: 600;
    }
    .insturctor-card-clock-text {
        font-size: 10px;
        font-weight: 500;
    }
    .instuctor-avatar-size {
        width: 47px;
        height: 47px;
    }
    .affiliate-social-ring {
        width: 35px;
        height: 35px;
    }
    .affiliate-social-ring img {
        width: 25px;
        height: 25px;
    }
    .become-ins-modal-content {
        padding: 20px 30px 10px;
    }
    .become-ins-register-input-button {
        padding: 8px;
        margin-top: 0px;
    }
    .aboutus-section6-content {
        padding: 10px 0px;
    }
    .aboutus-section6-container {
        padding: 20px 20px;
    }
    .aboutus-section-wrapper {
        padding: 0 10px;
    }
    .who-can-join-img-wrapper {
        width: 250px;
        height: 250px;
    }
    .who-can-join-pos>img {
        width: 80px;
        height: 80px;
    }
    .make-announcement-submit-btn {
        font-size: 10px;
        padding: 14px 8px;
        width: 6rem;
    }
    .make-announcement-modal-title {
        font-size: 22px;
        text-align: left;
    }
    .course-info-bar {
        padding: 10px 20px;
    }
    .profile-covers-images {
        width: 100%;
    }
    .home-demo-wrapper {
        border-radius: 33px;
    }
    .saas-card-list {
        padding-left: 10px !important;
        margin: 0 auto;
    }
    .saas-card-pill-image {
        top: -4px;
        right: -2px;
    }
    .saas-card-pill-image img {
        width: 56px;
        height: 28px;
    }
    .package-plan-text {
        font-size: 6px;
        text-wrap: nowrap;
        top: 10px;
        right: 10px;
    }
    .saas-highlight-cards-wrapper {
        gap: 20px;
    }
    .saas-card-container {
        padding: 14px 10px;
    }
    .saas-card-title-image {
        width: 45px;
        height: 45px;
    }
    .saas-card-title {
        font-size: 10px;
        line-height: 1;
    }
    .saas-card-desc {
        font-size: 8px;
        line-height: 1;
        max-width: 110px;
        margin: 0 auto;
    }
    .saas-card-pricing {
        font-size: 19px;
        line-height: 24px;
    }
    .saas-card-content {
        font-size: 7px;
        line-height: 1;
    }
    ul.saas-card-list>li>span {
        font-size: 8px;
    }
    .saas-card-container {
        width: 100%;
    }
    .saas-header-button {
        font-size: 8px;
        border-radius: 9px;
        padding: 10px 10px;
    }
    .saas-header-title {
        font-size: 20px;
        line-height: 1;
        margin-bottom: 6px;
    }
    .saas-header-subtitle {
        font-size: 6px;
        line-height: 1;
    }
    .saas-other-cards {
        display: none !important;
    }
    .saas-small-screen {
        display: block !important;
    }
    .mx-maxsm-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .mx-maxsm-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .font-max-sm-22 {
        font-size: 22px !important;
    }
    .font-max-sm-20 {
        font-size: 20px !important;
    }
    .font-max-sm-18 {
        font-size: 18px !important;
    }
    .font-max-sm-12 {
        font-size: 12px !important;
    }
    .font-max-sm-10 {
        font-size: 10px !important;
    }
    .font-max-sm-8 {
        font-size: 8px !important;
    }
    .mt-maxsm-16 {
        margin-top: 64px !important;
    }
    .ml-maxsm-0 {
        margin-left: 0px !important;
    }
    .mt-maxsm-32 {
        margin-top: 112px !important;
    }
    .mr-maxsm-10px {
        margin-right: 10px !important;
    }
    .px-maxsm-2 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .px-maxsm-4 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .px-maxsm-30px {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .pb-maxsm-0 {
        padding-bottom: 0px !important;
    }
    .subforum-title-section h2 {
        font-size: 32px;
    }
    .reply-card-left {
        width: 100%;
        padding: 40px 10px;
    }
    .course-tabs {
        justify-content: center;
        gap: 0px;
    }
    .course-tabs a {
        padding: 5px 10px;
    }
    .account-wrapper {
        width: 100%;
        flex-direction: column;
    }
    .setting-back-arrow {
        width: 16px;
        height: 14px;
    }
    .setting-title {
        font-size: 20px;
    }
    .setting-save-button {
        padding: 6px 17px;
        height: auto;
    }
    .store-header-img {
        width: 200px;
    }
    .checkout-cancel-button {
        padding: 6px 10px;
    }
    .panel-course-card-position {
        font-size: 10px !important;
        right: 0px !important;
        top: -100px !important;
        left: auto !important;
    }
    .testimonial-header-text {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 2.375rem;
    }
    .panel-charge-pay-wrapper {
        width: 100%;
    }
    .instructors-card-sizing {
        width: 80% !important;
    }
    .tnc-container {
        padding: 20px 15px;
    }
    .tnc-title {
        font-size: 28px;
        line-height: 38px;
    }
    .tnc-header {
        padding: 40px 0px;
        margin-bottom: 40px;
    }
    .notification-icon {
        width: 12px;
        height: 14px;
    }
    .aboutus-section2-wrapper {
        flex-direction: column;
    }
    .announcement-button.marketing-package-btn {
        width: fit-content;
        padding: 10px 0px;
        /* } */
        .results-card-title {
            font-size: 24px;
            line-height: 1;
            letter-spacing: 0%;
            text-align: center;
            text-transform: capitalize;
        }
        .floating-bar-title {
            font-size: 12px;
            line-height: 12px;
        }
        .floating-bar-desc {
            font-size: 12px;
            line-height: 12px;
        }
        .floating-bar-button {
            padding: 8px 15px;
            font-size: 12px;
        }
    }
}

@media (max-width: 482px) {
    .courses-icon-text {
        visibility: hidden;
        width: 40px;
        height: 0px;
    }
    .orgy {
        font-size: 16px;
    }
    .forums-tab-content {
        padding: 0px !important;
    }
    .subcategory-selector {
        padding-right: 4px;
        width: 100%;
    }
    .meeting-finalize-container {
        padding: 20px 12px;
    }
    .meeting-available-times label {
        font-size: 10px;
        padding: 10px 15px !important;
        width: 130px;
    }
    .navbar-toggle-content.show {
        width: 100%;
    }
    .course-info-bar {
        justify-content: space-around;
    }
    .saas-highlight-container .saas-container {
        width: 140vw;
    }
}

@media (max-width: 400px) {
    .thumbnail-header {
        font-size: 28px;
    }
    .shipping-input-wrapper {
        flex-direction: column;
    }
    .rewards-bottom-layout {
        flex-direction: column;
    }
    /*     
    .saas-highlight-container .saas-container {
        width: 150vw;
    } */
    .testimonial-row-2.clone-items-2 {
        padding-left: 10px;
    }
    .w-max400-100 {
        width: 100% !important;
    }
}


/* -------------------------------- */

@media (min-width: 992) {
    .schedule-timer-wrapper {
        width: 48%;
    }
}

@media (min-width: 576px) {
    .sm-mt-40 {
        margin-top: 40px;
    }
    .become-ins-fields-container {
        padding: 0 1.5rem;
    }
    .gap-sm-40 {
        gap: 40px !important;
    }
    .w-sm-25 {
        width: 25% !important;
    }
    .w-sm-50 {
        width: 50% !important;
    }
    .w-sm-100 {
        width: 100% !important;
    }
    .font-sm-42 {
        font-size: 42px !important;
    }
    .font-sm-52 {
        font-size: 52px !important;
    }
    .font-sm-32 {
        font-size: 32px !important;
    }
    .font-sm-24 {
        font-size: 24px !important;
    }
    .font-sm-22 {
        font-size: 22px !important;
    }
    .font-sm-16 {
        font-size: 16px !important;
    }
    .reply-card-right,
    .reply-card-right-bottom,
    .comment-card {
        padding: 15px 40px;
    }
}

@media (min-width: 768px) {
    .md-mb-40 {
        margin-bottom: 40px;
    }
    .related-course-thumbnail {
        width: 304px !important;
        height: 202px !important;
    }
    .w-md-50 {
        width: 50% !important;
    }
    .w-md-40 {
        width: 40% !important;
    }
    .col-lg-20 {
        flex: 0 0 18%;
        max-width: 18%;
    }
}

@media (min-width: 767px) {
    .gap-md-30 {
        gap: 30px;
    }
}

@media (min-width: 992px) {
    .make-announcement-modal.modal-dialog {
        width: 100% !important;
    }
    .results-card {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
}

@media (min-width: 1536px) {
    .rewards-card-layout {
        padding: 50px 40px;
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    .course-info-bar {
        justify-content: space-around;
    }
}

.quizzess-table-threedot {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    position: absolute;
    max-height: 86px !important;
    height: auto;
    overflow-y: auto !important;
    padding: 10px !important;
    top: -80px !important;
    left: -102px !important;
}

.assignment-table-threedot {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    position: absolute;
    max-height: 86px !important;
    height: auto;
    overflow-y: auto !important;
    padding: 10px !important;
    top: -80px !important;
    left: -120px !important;
}

.my-quizzes-table-threedot {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    position: absolute;
    max-height: 86px !important;
    height: auto;
    overflow-y: auto !important;
    padding: 10px !important;
    top: -80px !important;
    left: -150px !important;
}

.my-assignemts-table-threedot {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    position: absolute;
    max-height: 86px !important;
    height: auto;
    overflow-y: auto !important;
    padding: 10px !important;
    top: -65px !important;
    left: -130px !important;
}

.my-blog-table-threedot {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    position: absolute;
    max-height: 86px !important;
    height: auto;
    overflow-y: auto !important;
    padding: 10px !important;
    top: -90px !important;
    left: -130px !important;
}

.my-sales-table-threedot {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    position: absolute;
    max-height: 86px !important;
    height: auto;
    overflow-y: auto !important;
    padding: 10px !important;
    top: -65px !important;
    left: -150px !important;
}

@media (max-width: 768px) {
    .results-card-title-text {
        font-size: 14px !important;
    }
}