:root {
    --Primary_Color1: #E8505C;
    --Primary_Color2: #DD6277;
    --Primary_Color3: #FBAB16;
    --Secondary_Color1: #FFB7BB;
    --Secondary_Color2: #FFB7C3;
    --Secondary_Color3: #FFE4B5;
    --black1: #040404;
    --black2: #3F3F3F;
    --black3: #7F7F7F;
    --black4: #CDCDCD;
    --black5: #E7E7E7;
    --white: #FFFFFF;
    --Gredient_Color1: linear-gradient(180deg, hsla(10, 81%, 61%, 1) 0%, hsla(34, 93%, 55%, 1) 100%);
    --Gredient_Color2: linear-gradient(180deg, hsla(354, 67%, 65%, 1) 0%, hsla(8, 73%, 68%, 1) 100%);
    --Gredient_Color3: linear-gradient(180deg, hsla(351, 68%, 68%, 1) 0%, hsla(353, 84%, 78%, 1) 100%);
}
/*.far{*/
/*    font-family: 'Font Awesome 5 Pro'!important;*/
/*}*/

/* Disable text selection on all elements */
body, div, p, span, h1, h2, h3, h4, h5, h6, video, img {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none; /* iOS long press */
    pointer-events: auto; /* Keep clickable elements usable */
}

/* Disable image drag */
img {
    -webkit-user-drag: none;
    user-drag: none;
}

/* Video protection */
video {
    -webkit-user-drag: none;
    user-drag: none;
}
</style>

<!-- ------------------- HTML Video Example ------------------- -->
<video src="your-video.mp4" 
       controls 
       controlsList="nodownload noremoteplayback nofullscreen" 
       disablePictureInPicture 
       oncontextmenu="return false;" 
       width="640" height="360">
</video>


.combo_title{
  white-space: pre-wrap;              /* Prevents text from wrapping */
  overflow: hidden;                 /* Hides the overflowed text */
  text-overflow: ellipsis;          /* Adds "..." when the text overflows */
  display: inline-block;            /* Makes the element behave like an inline element */
  max-width:165px;  
}

.h-100 {
    height: 100%;
}

/* Cart Page Css Start*/

.shopping-cart {
    display: flex;
    gap: 30px;
    margin: auto;
    max-width: 1400px;
    padding: 50px 20px;

}

.shopping-cart .cart-item-list {
    background: var(--white);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
}

.shopping-cart .column-labels {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #888;
    font-size: 14px;
}

.cart-page-product {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.cart-page-product:last-child {
    border-bottom: none;
}

.cart-page-product-image {
    flex: 1;
    text-align: center;
}

.cart-page-product-image img {
    max-width: 80px;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.cart-page-product-details {
    flex: 2;
    padding: 0 15px;
    text-align: left;
}

.cart-page-product-title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
    color: #333;
}

.cart-page-product-description {
    font-size: 14px;
    color: #666;
}

.column-labels .cart-page-product-details,
.column-labels .cart-page-product-image,
.column-labels .cart-page-product-price,
.column-labels .cart-page-product-quantity,
.column-labels .cart-page-product-removal,
.column-labels .cart-page-product-line-price {
    text-align: center;
    font-size: 14px;
    color: #333;
}

.cart-page-product-price,
.cart-page-product-quantity,
.cart-page-product-removal,
.cart-page-product-line-price {
    flex: 1;
    text-align: center;
    font-size: 14px;
    color: #333;
}

.cart-page-product-quantity input {
    width: 50px;
    text-align: center;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.cart-page-product-removal button {
    padding: 5px 10px;
    background-color: var(--Primary_Color1);
    color: var(--white);
    border: none;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}

.cart-page-product-removal button:hover {
    background-color: #c9302c;
}

.cart-page-product-line-price {
    font-weight: bold;
    color: #444;
}

.cart-totals {
    /* margin-top: 20px; */
    padding-top: 20px;
    /* border-top: 1px solid #eee; */
}

.cart-totals .cart-totals-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
}

.cart-totals .cart-totals-item label {
    font-weight: bold;
}

.cart-totals .cart-totals-item .totals-value {
    font-weight: bold;
}

.cart-totals .cart-payable-amount {
    font-size: 18px;
    border-top: 2px solid #eee;
    padding-top: 15px;
    padding-bottom: 15px;

}

.cart-totals .cart-payable-amount label,
.cart-totals .cart-payable-amount .cart-totals-value {
    color: var(--Primary_Color1);
}

.apply-input-wrapper {
    padding: 20px 0;
}

.apply-coupon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1.5px solid #ffa500;
    padding: 10px 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    color: #ffa500;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.apply-coupon:hover {
    background-color: #ffa500;
    color: white;
}

.apply-coupon span {
    display: flex;
    align-items: center;
}

.apply-coupon span svg {
    margin-right: 8px;
}

.apply-coupon svg.arrow {
    margin-left: 8px;
    transform: rotate(0deg);
    transition: transform 0.3s;
}

.apply-coupon.active svg.arrow {
    transform: rotate(90deg);
}

.coupon-input-container,
.reward-input-container {
    display: none;
    flex-direction: column;
    gap: 10px;
}

.coupon-input-container.active,
.reward-input-container.active {
    display: flex;
}

.coupon-input {
    padding: 10px;
    border: 1.5px solid #ffa500;
    border-radius: 8px;
    font-size: 16px;
    width: 90%;
    flex: 0 0 80%;
    box-sizing: border-box;
}

@media screen and (max-width: 768px) {
    .coupon-input {
     flex: 0 0 70%;   
    }
}
@media screen and (max-width: 480px) {
    .coupon-input{
        flex: 0 0 50%;
        font-size: 14px;
        padding: 5px;
    }
    
}
/*@media screen and (max-width: 375px) {*/
/*    .coupon-input {*/
/*        flex: 0 0 40%;*/
/*        padding: 10px;*/
/*        font-size: 13px;*/
/*    }*/
/*}*/

.submit-btn {
    background-color: #ffa500;
    color: white;
    border: none;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
}

.submit-btn:hover {
    background-color: #e69500;
}

.reward-points {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border: 1.5px solid #ffa500;
    border-radius: 8px;
}

.reward-label {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: #ffa500;
}

.reward-checkbox {
    margin-right: 10px;
    transform: scale(1.2);
    accent-color: var(--Primary_Color1);
}

.points {
    font-size: 16px;
    font-weight: bold;
    color: #ffa500;
}

.reward-input-container {
    padding-top: 10px;
}

.reward-input {
    padding: 10px;
    border: 2px solid var(--Primary_Color1);
    border-radius: 8px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
}

.submit-reward-btn {
    background-color: var(--Primary_Color1);
    color: white;
    border: none;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
}

.submit-reward-btn:hover {
    background-color: var(--Primary_Color1);
}

.checkout {
    width: 100%;
}


@media screen and (max-width: 992px) {
    .shopping-cart {
        flex-direction: column;
    }
}

@media screen and (max-width: 768px) {
    .shopping-cart .cart-item-list {
        overflow-x: auto;
    }

    .shopping-cart .column-labels,
    .shopping-cart .cart-page-product {
        min-width: 600px;
    }

    .cart-page-product-image img {
        max-width: 80px;
    }

    .totals .totals-item {
        font-size: 14px;
    }

    .checkout {
        font-size: 16px;
        padding: 8px 15px;
    }
}
.allcoupne{
    padding: 8px 15px;
}
@media screen and (max-width: 768px) {
    .allcoupne {
        font-size:14px;
        padding: 8px 26px;
    }
}
@media screen and (max-width: 480px) {
    .allcoupne {
        font-size: 14px;
        padding: 8px 15px;
    }
}
@media screen and (max-width: 480px) {
    .cart-page-product-image img {
        max-width: 60px;
    }

    .cart-page-product-details {
        font-size: 14px;
    }

    .cart-page-product-price,
    .cart-page-product-quantity,
    .cart-page-product-removal,
    .cart-page-product-line-price {
        font-size: 12px;
    }

    .checkout {
        font-size: 14px;
    }
}

/* Cart Page Css End*/


/* Checkout Page Css Start*/


.checkout-container {
    max-width: 1200px;
    margin: 50px auto;
    display: flex;
    gap: 40px;
    padding: 20px;
}

.checkout-card {
    background: var(--white);
    border-radius: 10px;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    padding: 20px;
    height: 100%;
}

.payment-details,
.checkout-order-summary {
    flex: 1;
}


.checkout-billing-form input#upi,
.checkout-billing-form input#card {
    width: auto;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #b7bdbb;
    border-radius: 5px;
    font-size: 16px;
}

.checkout-billing-form input,
.checkout-billing-form select,
.checkout-billing-form textarea {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #b7bdbb;
    border-radius: 5px;
    font-size: 16px;
}

.checkout-billing-form input:focus,
.checkout-billing-form select:focus,
.checkout-billing-form textarea:focus {
    border-color: var(--Primary_Color1);
    outline: none;
}

.checkout-input-w-50 {
    display: flex;
    gap: 10px;
}

.checkout-order-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}


.btn-primary {
    display: block;
    background-color: var(--Primary_Color1);
    color: var(--white);
    text-align: center;
    padding: 15px;
    margin-top: 20px;
    text-decoration: none;
    border-radius: 5px;
}

.btn-primary:hover {
    background-color: var(--Primary_Color1);
}

.payment-method-details {
    display: none;
    margin-top: 10px;
}

.payment-method-details.active {
    display: block;
}

@media screen and (max-width: 768px) {
    .checkout-container {
        flex-direction: column;
    }
}

@media screen and (max-width: 480px) {
    .checkout-input-w-50 {
        flex-direction: column;
    }
}

/* Checkout Page Css End*/

/* Dashboard Page Css Start*/


.dashboard-wrapper {
    display: flex;
}

.dashboard-sidebar {
    width: 250px;
    min-width: 200px;
    background-color: var(--white);
    color: var(--black1);
    height: auto;
    padding: 20px;
    margin: 40px 0;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
}


/* .dashboard-sidebar ul {
    list-style-type: none;
    padding: 0;
}

.dashboard-sidebar ul li {
    margin: 15px 0;
    color: var(--Primary_Color1);
}

.dashboard-sidebar ul li a {
    cursor: pointer;
} */


dashboard-sidebar {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    padding: 20px;
}

.dashboard-sidebar ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.dashboard-sidebar ul li {
    margin-bottom: 15px;
}

.dashboard-sidebar ul li a {
    display: block;
    padding: 10px 15px;
    color: #ff4f7d; /* Soft pink, matches your theme */
    background-color: #fef2f4;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.dashboard-sidebar ul li a:hover,
.dashboard-sidebar ul li a.active {
    background-color: #ff4f7d;
    color: #fff;
    box-shadow: 0 2px 6px rgba(255, 79, 125, 0.3);
}
.dashboard-sidebar ul li a.active {
    background-color: #ff4f7d;
    color: #fff;
    box-shadow: 0 2px 6px rgba(255, 79, 125, 0.3);
}

.dashboard-right {
    flex-grow: 1;
    padding: 40px;
    box-sizing: border-box;
}
@media (max-width: 768px) {
  .dashboard-right {
    padding: 20px;
  }
}

.dashboard-right .content {
    display: none;
}

.content.active {
    display: block;
}

.dashboard-card {
    overflow-y: auto;
    margin-bottom: 20px;
    background: var(--white);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
}
.card-d { 
   overflow: hidden !important;
}
.dashboard-right .order-table {
    width: 100%;
    border-collapse: collapse;
}

.dashboard-right .order-table th,
.dashboard-right .order-table td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.dashboard-right .order-table th {
    background-color: var(--Secondary_Color1);
    color: white;
}

.dashboard-right .order-image {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.download-link {
    color: var(--Primary_Color1);
    text-decoration: none;
    font-weight: bold;
}

.view-order-btn {
    padding: 5px 10px;
    background-color: var(--Primary_Color1);
    color: white;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.view-order-btn:hover {
    background-color: var(--Primary_Color1);
}

select {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.32px;
    background: transparent !important;
    border: 1px solid var(--black4);
    padding: 7px 12px;
    color: #7a8582;
    border-radius: 5px;
}

.d-flex.profile-input-wrapper {
    gap: 20px;
    flex-wrap: wrap;
}

.profile-input-label {
    width: 48%;
}

.profile-input-label input,
.profile-input-label select {
    width: 100%;
}

.my-transactions-card {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
    padding: 20px;
    border-left: 5px solid #3498db;
    /* Default border */
}

.my-transactions-card.success {
    border-left-color: #2ecc71;
}

.my-transactions-card.pending {
    border-left-color: #f1c40f;
}

.my-transactions-card.failed {
    border-left-color: #e74c3c;
}

.my-trans-amt-date-via {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.my-transactions-card h3 {
    margin: 0;
    font-size: 18px;
    color: #333;
}

.my-transactions-card p {
    margin: 5px 0;
    font-size: 14px;
    color: #666;
}

.my-transactions-card .status {
    float: right;
    font-size: 14px;
    font-weight: bold;
}

.my-transactions-card .status.success {
    color: #2ecc71;
}

.my-transactions-card .status.pending {
    color: #f1c40f;
}

.my-transactions-card .status.failed {
    color: #e74c3c;
}

.my-transactions-card .receipt-link {
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    color: #3498db;
    text-decoration: none;
}

.my-transactions-card .receipt-link i {
    margin-right: 5px;
}

.my-transactions-card .receipt-link:hover {
    text-decoration: underline;
}

#edit-phone {
    background: var(--white);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
}

.edit-phone-input,
.edit-phone-otp,
.edit-phone-success {
    max-width: 420px;
}


#edit-phone .input-group {
    margin: 20px 0;
}

#edit-phone .input-group input {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    outline: none;
    text-align: left;
}

#edit-phone .resend-link {
    color: #3498db;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

#edit-phone .resend-link:hover {
    text-decoration: underline;
}

#edit-phone .success-message {
    color: #2ecc71;
    font-size: 16px;
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .dashboard-wrapper {
        flex-direction: column;
    }

    .dashboard-sidebar {
        width: auto;
        margin: 20px;
        height: auto;
        border-radius: 10px;
        box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    }
}

@media screen and (max-width: 580px) {
    .profile-input-label {
        width: 100%;
    }
}

/* Dashboard Page Css End*/

/* Exams Page Css End*/

.exam-card.course__category__card_text {
   margin-bottom: 24px;
   transition: all 0.5s ease;
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   webkit-line-clamp: 2;  
   webkit-box-orient: vertical;
}
.course__category__card_1:hover .exam-card.course__category__card_text {
      transition: all 0.5s ease;
      margin-bottom: 20px;
} 

.course__category__card_1 .exam-img-wrapper {

    width: 100%;
}

.course__category__card_1 .exam-img-wrapper .exam-img {
    /* border-radius: 0 0 20px 20px; */
    -webkit-transition: all 0.6s linear 0s;
    transition: all 0.6s linear 0s;
    width: 100%;
    /* max-height: 300px;
    min-height: 300px; */
    height:250px;
    /* height: 100%; */
    object-fit: cover;
}

.course__category__card_1:hover .exam-img-wrapper .exam-img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s linear 0s;
    transition: all 0.6s linear 0s;
}

/* Exams Page Css End*/


/* Courses List Page Css Start*/
.course-category{
    height: 30px;
    /*width:70%;*/
    overflow: hidden;
    white-space: nowrap;
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 2;*/
}
.course-category p {
    text-transform: capitalize;
}

.course-category-share-wrapper,
.course-video-price-wrapper {
    align-items: center;
    justify-content: space-between;
    gap: 5px;
   /* margin-top:20px;*/
}

.course-video-hours ul {
    list-style: none;
}

.course-video-hours li {
    color: #7a8582;
    padding-bottom: 10px;
}

.course-video-hours li i {
    color: var(--Primary_Color1);
    margin-right: 8px;
}

.course-video-hours,
.course-price-wrapper {
    width: 100%;
}

.course-price-img {
    position: relative;
    max-width: 165px;
    max-height: 165px;
}

.course-price-img span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
}

/* Courses List Page Css End*/

/* Quiz Page Css End*/
/* .quiz-card-wrapper{
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
} */
.quiz-card {
    padding: 24px 64px 24px 64px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 48px;
    justify-content: space-between;
}

.quiz-card-wrapper .quiz-card::before {
    position: absolute;
    content: "";
    background: url(/assets/media/backgrounds/blog_card_list_bg.png) no-repeat;
    background-size: cover;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -2;
}

.quiz-card-wrapper .quiz-card::after {
    position: absolute;
    content: "";
    background: url(/assets/media/backgrounds/blog_card_list_bg.png) no-repeat;
    background-size: cover;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -4;
    transform: rotate(180deg);
}

.quiz-num-categroy {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.quiz-num {}

.quiz-categroy {
    padding: 0px 8px;
    color: var(--white);
    background-color: var(--Secondary_Color1);
    border-radius: 5px;
    width: fit-content;
}

.quiz-question,
.quiz-duration {
    width: 100%;
}

/* Quiz Page Css End*/


/* Home Page Css  */
.main-menu .main-menu__left .main-menu__logo {
    max-width: 70px;
}

/* Banner  */


.home-banner.hero-banner-1 .content .text_block {
    padding-top: 130px;
    /*padding-bottom: 65px;*/
    padding-bottom:0px;
    overflow: hidden;
}

.home-banner-slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 300%;
    min-width: 100%;
}

.home-banner-slide {
    flex: 1;
    min-width: 99.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
   /* padding: 0 20px;*/
}

img.banner-home-img,
img.banner-home-img-full {
    width: 100%;
    /*height: 550px; */
    object-fit: scale-down;
    border-radius: 15px;
}
/* Default: Mobile & Tablet pe height auto */
img.banner-home-img-full {
    height: auto;
    width: 100%;
}
/* Desktop ke liye fix height */
@media (min-width: 1024px) {
    img.banner-home-img-full {
        height: 550px;
        object-fit: scale-down;
    }
}

/* Navigation Dots */
.navigation-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
}

.dot {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 6px;
    cursor: pointer;
    color: transparent;
    border: 0;
    border-radius: 5px;
    outline: none;
    background: var(--Primary_Color1);
}

.dot.active {
    width: 32px;
}

@media (max-width: 991px) {
    .content.home-banner-slide .row {
        gap: 30px;
    }

    .content.home-banner-slide .col-xl-6.col-lg-8,
    .content.home-banner-slide .col-xl-6.col-lg-4,
    .content.home-banner-slide .col-1 {
        height: auto !important;
    }

    .content.home-banner-slide .col-12 {
        height: auto !important;
    }

    img.banner-home-img {
        height: 45%;
    }

}

@media (max-width: 575px) {
    .home-banner-slider {
        width: 100%;
    }
}

/* Offer Slider  */
.offer-marquee-container {
    width: 100%;
    overflow: hidden;
    background-color: #fff5f5;
    border-top: 1px solid #ffcccc;
    border-bottom: 1px solid #ffcccc;
    position: relative;
}

.offer-marquee {
    display: flex;
    width: max-content;
    padding: 10px;
    animation: scroll 55s linear infinite;
}

.offer-marquee-item {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #ff6f61;
    font-weight: bold;
    margin-right: 50px;
    white-space: nowrap;
}

.offer-marquee-item i {
    margin-right: 10px;
    font-size: 18px;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}



/* brands-slider */
.brands-slider .brand {
    padding: 0 10px;
}

/* Recently Viewes  */

.courses-slider.row .col-xl-4.col-md-6 {
    padding: 0 10px;
}

.course-price-discount {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

.course-price {
    font-size: 17px;
    color: #d32f2f;
    font-weight: bold;
}

.course-original-price {
    font-size: 12px;
    color: #888;
    text-decoration: line-through;
    margin-left: 8px;
}

.course-discount {
    font-size: 14px;
    color: #4caf50;
    margin-top: 4px;
}

/*.courses-slider.row .col-xl-4.col-md-6 .blog_card .blog_card_text_block {*/
/*    background-size: 100%;*/
/*}*/

.course-video-price-wrapper {
    /* padding: 20px 0; */
   /* padding-top:20px; */
    /* padding-bottom: 10px; */
}

/* Exam  */
.exam-slider-home .slick-track {
    display: flex;
    /* gap: 20px;  */
}

.exam-slider-item {
    width: 33%;
}

@media screen and (min-width: 1400px) {
    .team.exam-home .team_one__content {
        margin-left: 0;
    }
}

@media (max-width: 1899px) {
    .team.exam-home .tag {
        right: 75px;
        left: unset;
    }
}

@media (max-width: 1699px) {
    .team.exam-home .tag {
        right: 55px;
        left: unset;
    }
}

.team.exam-home .tag {
    position: absolute;
    top: 50px;
    right: 175px;
    left: unset;
}

/* Payment Status Start  */

.payment-status-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

.payment-status-card {
    max-width: 400px;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    padding: 30px 20px;
    margin-bottom: 40px;
    transition: transform 0.3s;
}

.payment-status-card:hover {
    transform: scale(1.05);
}

.payment-status-icon {
    font-size: 50px;
    margin-bottom: 20px;
}

.payment-status-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.payment-status-message {
    font-size: 16px;
    color: #555;
    margin-bottom: 20px;
}

.payment-back-btn {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px;
    color: #fff;
    transition: background-color 0.3s;
}

.payment-back-btn:hover {
    color: #fff;
}

.payment-success-card {
    border: 2px solid #4caf50;
}

.payment-success-icon {
    color: #4caf50;
}

.payment-success-btn {
    background-color: #4caf50;
}

.payment-success-btn:hover {
    background-color: #43a047;
}

.payment-failed-card {
    border: 2px solid #f44336;
}

.payment-failed-icon {
    color: #f44336;
}

.payment-failed-btn {
    background-color: #f44336;
}

.payment-failed-btn:hover {
    background-color: #e53935;
}

/* Payment Status End */

/* Mock Page Start */

.mtb-15 {
    margin: 15px 0;
}

.mock-container {
    padding: 15px;
    max-width: 500px;
    margin: 30px auto;
    background: #fff;
}

.mock-paper-header {
    display: flex;
    justify-content: space-between;
    background: linear-gradient(to right, #e44d26, #ff7f50);
    color: white;
    padding: 10px;
    border-radius: 5px;
}

.qus-feedback {
    margin: 15px 0;
}

.mock-question-nav {
    display: flex;
    justify-content: start;
    margin: 15px 0;
    overflow-x: scroll;
    scroll-behavior: smooth;
    padding: 15px 0;
    scrollbar-width: thin;
    scrollbar-color: var(--Primary_Color1) #e4e4e4;
}

.mock-question-nav::-webkit-scrollbar {
    width: 5px;
}

.mock-question-nav::-webkit-scrollbar-thumb {
    background-color: var(--Primary_Color1);
    border-radius: 4px;
}

.mock-question-nav::-webkit-scrollbar-track {
    background-color: #e4e4e4;
}

.mock-question-number {
    padding: 8px 12px;
    margin: 0 5px;
    border-radius: 25px;
    text-align: center;
    font-weight: bold;
    background: var(--white);
    color: var(--black1);
    border: 1px solid #15eed1;
}

/* Question Stauts  */
.qus-feedback{
    position: relative;
    display: inline-block;
}
.question-status-container {
    display: none;
    position: absolute;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}


.question-status-item {
    display: flex;
    align-items: center;
    margin: 8px 0;
}

.question-status-circle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 10px;
}

.not-visited {
    background-color: #0091ea;
    color: white;
    border: none;
}

.visited {
    background-color: #757575;
    color: white;
    border: none;
}

.attempted {
    background-color: #43a047;
    color: white;
    border: none;
}

.not-attempted {
    background-color: #e53935;
    color: white;
    border: none;
}

.mark-review {
    background-color: #1e88e5;
    color: white;
    border: none;
}

.question-status-text {
    color: #333;
    font-size: 14px;
}



.current-qus-num-save h6 {
    color: var(--black3);
}

.current-qus-num-save .mock-save-icon {
    color: var(--Primary_Color3);
}

.mock-question-option-wrapper p,
.mock-question-option-wrapper span {
    font-size: 14px;
    text-transform: capitalize;
}

.mock-question p {
    color: var(--black1);
}

.mock-options {
    margin-top: 10px;
}

.mock-option {
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 10px 0;
    border-radius: 5px;
    cursor: pointer;
}

.mock-option input {
    margin-right: 10px;
}

.mock-correct {
    background: #ecffe8;
    border-color: #63b351;
}

.mock-wrong {
    background: #ffeeee;
    border-color: #e8505b;
}

.mock-option input,
.img-options-wrapper .option-img-input input {
    background: #ecffe8 !important;
    accent-color: #63b351 !important;
    border: 1px solid #63b351 !important;
    color: #63b351 !important;
}

.mock-option.mock-wrong input,
.option-img-input.mock-wrong input {
    background: #ffeeee !important;
    accent-color: #e8505b !important;
    border: 1px solid #e8505b !important;
    color: #e8505b !important;
}

.mock-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.mock-btn {
    flex: 1;
    padding: 10px;
    margin: 0 5px;
    border: none;
    color: white;
    font-weight: bold;
    cursor: pointer;
    font-size: 13px;
    border-radius: 5px;
}

.mock-review {
    background: #e74c3c;
}

.mock-clear {
    background: #2ecc71;
}

.mock-save {
    background: #3498db;
}

.mock-submit-btn {
    display: block;
    width: 100%;
    padding: 12px;
    background: #e44d26;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 15px;
}

/* Match  */
.match-sets-wrapper {
    display: flex;
    gap: 10px;
    padding: 15px 10px;
    border: 1px solid var(--black4);
    border-radius: 10px;
    margin: 10px auto 15px;
    flex-direction: column;
}

.match-sets-wrapper p {
    width: 100%;
}

.match-option-wrapper {
    padding-top: 10px;
}

.match-mulitple-option {
    gap: 30px;
    width: 70%;
    justify-content: space-between;
    padding-top: 5px;
}

.match-mulitple-option .match-input input {
    height: 1cap;
}

.match-mulitple-option .match-input input[type=radio]:checked {
    accent-color: #2ecc71;
}

/* Fill In the Blank  */
.blank-fill-inputs {
    padding-top: 10px;
}

.fill-input {
    padding: 10px 15px;
    max-height: 35px;
}

.submit-fill-answer-btn {
    display: block;
    padding: 12px;
    background: #e44d26;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 15px;
}

/* Q in One Img And option in tetx  */
.qus-in-img-wrapper {
    padding: 15px 10px;
    border: 1px solid var(--black4);
    border-radius: 10px;
}

.img-one-wrapper {
    max-width: 150px;
    margin: auto;
}

/* question in image and option in image */
.img-options-wrapper {
    padding-top: 10px;
    gap: 10px;
    flex-wrap: wrap;
}

.img-options-wrapper .option-img-input {
    width: 48%;
    gap: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 5px 0;
    border-radius: 5px;
    cursor: pointer;
    align-items: start;
}

.img-options-wrapper .option-img-text {
    gap: 10px;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.img-options-wrapper .option-img-text img {
    max-width: 100px;
    width: 100%;
    height: 100%;
}

/* Match set in image question */
.match-sets-wrapper.match-sets-img-wrapper {
    gap: 20px;
}

.match-sets-img-wrapper .match-set {
    align-items: center;
}

.match-set-img {
    width: 100%;
    gap: 20px;
    align-items: center;
}

.match-set-img img {
    max-width: 100px;
    width: 100%;
    height: 100%;
}

@media (max-width: 575px) {
    .mock-paper-header {
        gap: 10px;
        justify-content: space-between;
        padding: 10px;
        flex-direction: column;
    }

    .mock-question-number {
        padding: 7px 10px;
        font-size: 14px;
        border-radius: 19px;
    }

    .mock-question-option-wrapper p,
    .mock-question-option-wrapper span {
        font-size: 13px;
        text-transform: capitalize;
    }

    .mock-question-option-wrapper h6,
    .current-qus-num-save h6 {
        font-size: 15px;
    }

    .submit-fill-answer-btn {
        padding: 8px;
        font-size: 15px;
    }

    .img-options-wrapper .option-img-input {
        width: 100%;
    }

    .mock-btn {
        padding: 8px;
        font-size: 10px;
    }

    .mock-submit-btn {
        padding: 10px;
        font-size: 14px;
    }
}

/* Mock Page End */

/* hero-banner-1 */

.hero-banner-1 {
    height: auto; 
    width:100%;
}
img.banner-home-img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: fill;
    border-radius: 15px;
    object-position: top;
    display: block;
    overflow: hidden;
}
.exam-card.course__category__card_text {
    margin-bottom: 24px;
    transition: all 0.5s ease;
    height: 135px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    position: relative;
}
.educate-btn.sec {
    margin-top: auto; 
}

.courses-slider.row .col-xl-4.col-md-6 .blog_card .blog_card_text_block {
    background-size: 100%;
   /*  height: auto; */
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    position: relative;

}
.align-items-center{
    margin-top : auto;
}
.product-container .blog_card .blog_card_text_block {
    background-size: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    position: relative;
}
#examh4{
   padding: 0rem 0.75rem;
    padding-bottom: 48px;
    font-size: 47px;
}
#searchInput{
   margin: 0rem 0.75rem;
   margin-top: 36px;
   width: -webkit-fill-available;
   padding: 12px 12px;
}
#examResults{
  margin-bottom: 12px;
}

/* Quizzes */

.blog_card_text_block.quiz-card{
    background-color: var(--white);
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px      
    rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    border-radius: 15px;
    overflow: hidden;
    /*height: 415px;*/
}

.blog_card_text_block.quiz-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.blog_card_text_block.quiz-card > div:last-child {
  /* margin-top: auto; */
}
.col-lg-6,
.col-md-6,
.col-sm-12,
.col-12 {
  display: flex;
  flex-direction: column;
}
.quiz-card-wrapper {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}


.course-dates {
    display: flex;
    justify-content: space-between;
    width: 100%;
    /* margin-top: 5px; */
}

.date-col {
    display: flex;
    flex-direction: column;
}

.date-col.right {
    text-align: right;
}

.label {
    font-size: 13px;
    color: #999; /* Light gray for label */
    margin-bottom: 2px;
}

.value {
    font-size: 14px;
    color: #333; /* Darker text for actual date */
    font-weight: 500;
}

.source-label {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #ff4d6d;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 4px;
    z-index: 10;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    text-transform: uppercase;
}

.blog_card .blog_card_img_block img {
    /* min-height: 350px; */
    height:260px;
    width:100%;
    object-fit: fill !important;
}

.course__category__card_title{
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
  width:100%;
  white-space:nowrap;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  
}

/* register */

.form-control.p_lg, input.p_lg {
    padding: 8px !important; 
}
.form-check-label {
   margin-bottom: 7px;
}
.form-check-input{
   width: auto !important;
   margin-right: 5px !important;
}

.my-transactions-amount{
   overflow-wrap: anywhere;
}
.educate-tilt img {
width: 50%;
text-align: center;
}
.educate-tilt{

text-align: center;
}
#myTab li button {
    text-align: left;
}
@media screen and (min-width: 1000px) {
.product-card{
    width:24.50% !important;

}

}



.terms-container {
      font-family: Arial, sans-serif;
      font-size: 13px;
      color: #888;
      display: flex;
      align-items: flex-start;
      gap: 8px;
      max-width: 600px;
      line-height: 1.5;
      margin-bottom:10px;
    }

    .terms-container input[type="checkbox"] {
      margin-top: 3px;
      width: 16px;
      height: 16px;
    }

    .terms-container .terms-text {
      color: #999;
    }

    .terms-container a {
      color: #000;
      font-weight: bold;
      text-decoration: none;
    }

    .terms-container a:hover {
      text-decoration: underline;
}

.blog_title{
    margin-top:3px;
}
.blog_title2 {
 display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Custom style for active tab */
#rewardModeNav .nav-link{
      color: var(--Primary_Color1)!important;
      border-radius: 6px;
      margin-right:10px;
      border: 1px solid var(--Primary_Color1);
     
}
#rewardModeNav .nav-link.active {
    background-color: var(--Primary_Color1) !important; /* Your preferred dark color */
    color: #fff !important;              /* Text color */
    border-radius: 6px;
    border: 1px solid var(--Primary_Color1);
    /*box-shadow: 0 0 6px rgba(13, 110, 253, 0.5);*/
}
/*.blog_card .blog_card_text_block .blog_title {*/
/*    width: 135px!importent;*/
/*}*/

@media (max-width: 768px) {
  .course-category-share-wrapper {
    margin-top: 20px;
  }
}