@font-face {
    font-family: 'Li_Ador_Noirrit';
    /*src: url('../fonts/Li_Ador _Noirrit.woff2') format('woff2'),*/
    /*url('../fonts/Li_Ador _Noirrit.woff') format('woff');*/
    src: url('../fonts/Li_Ador _Noirrit.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --heading-text-color: #1a1a1a;
    /*--heading-text-font: 'Li_Ador_Noirrit', sans-serif;*/
    --heading-text-font: 'Hind Siliguri', sans-serif;
    --bagla-font: 'Hind Siliguri', sans-serif;
    --tg-heading-font-family: 'Hind Siliguri', sans-serif;
    /*--bagla-font: 'Li_Ador_Noirrit', sans-serif;*/
    --text-color: #1a1a1a;

    --btn-bg-theme-color: rgb(0, 141, 131);
    --btn-bg-theme-color-font: 'Hind Siliguri', sans-serif;
    --btn-theme-hover-text-color: var(--tg-theme-secondary);
    --btn-theme-danger-bg-color: rgb(255,131,131);

    --primary-yellow: #FFC107; /* For main button and bKash border */
    --off-white-bg: #f8f8f8;
    --main-bg: #ffffff;
    --secondary-text: #6c757d;
    --success-green: #28a745;
    --discount-red: #dc3545;
    --border-color: #ddd;
}



body {
    font-family: 'Noto Sans Bengali', sans-serif;
    /*//font-family: var(--bagla-font);*/
    /*font-family: 'Li_Ador_Noirrit', sans-serif !important;*/
    background-color: #fff;
    color: var(--text-color);
}

.owl-theme .owl-dots {
    display: none !important;
}

.theme-btn{
    border-radius: 7px;
    border: 1px solid var(--btn-bg-theme-color);
    background-color: var(--btn-bg-theme-color);
    font-size: 16px;
    color: white;
    font-family: var(--btn-bg-theme-color-font);
    padding: 8px 20px;
    font-weight: 500;
}

.theme-btn:hover{
    color: var(--btn-theme-hover-text-color) !important;
    text-decoration: none !important;
}

.margin-left-100{
    margin-left: 100px;
}


.navbar {
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0px 4px 5px 0px rgba(201,201,201,0.75);
    -webkit-box-shadow: 0px 4px 5px 0px rgba(201,201,201,0.75);
    -moz-box-shadow: 0px 4px 5px 0px rgba(201,201,201,0.75);
}

.navbar-brand {
    color: #007e7e;
    font-weight: bold;
    font-size: 22px;
}
.btn-course {
    background-color: #006666 !important;
    color: #fff !important;
    border-radius: 5px;
    padding: 4px 12px;
    font-size: 14px;
    box-shadow: none !important;
}

.btn-course:hover {
    background-color: #006666;
    color: #fff;
}


/* Search Wrapper */
.search-wrapper {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 30px;
    padding: 2px 6px;
    width: 440px;
    height: 44px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    margin-left: 20px;
}

/* Category Section */
.category-box {
    display: flex;
    align-items: center;
    padding: 0 10px;
    gap: 6px;
}

.category-icon {
    background-color: #00a4a6;
    color: #fff;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 14px;
}

.category-select {
    border: none;
    background: transparent;
    font-size: 16px;
    font-weight: 600;
    outline: none;
    color: #000;
    cursor: pointer;
}

/* Divider */
.divider {
    width: 1px;
    height: 24px;
    background-color: #ddd;
    margin: 0 8px;
}

/* Search Input */
.search-box {
    position: relative;
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.search-box input {
    border: none !important;
    outline: none !important;
    width: 100%;
    height: 38px;
    font-size: 15px;
    padding-left: 10px;
    background: transparent;
    color: #000;
}

.search-box input::placeholder {
    color: #ccc;
}

/* Search Button */
.search-btn {
    background-color: #00a4a6;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    margin-left: 6px;
}

.search-btn:hover {
    background-color: #008b8d;
}

@media (max-width: 576px) {
    .search-wrapper {
        width: 100%;
        flex-direction: column;
        height: auto;
        padding: 8px;
        border-radius: 20px;
    }
}



/* Language & Auth */
.lang-btn {
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    padding: 3px 8px;
    box-shadow: none !important;
}
.signin-btn {
    background-color: #007e7e;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    padding: 4px 10px;
    margin-left: 6px;
    box-shadow: none !important;
}

/*.btn {*/
/*    --bs-btn-padding-x: 0.75rem;*/
/*    --bs-btn-padding-y: 0.375rem;*/
/*    --bs-btn-font-family: ;*/
/*    --bs-btn-font-size: 1rem;*/
/*    --bs-btn-font-weight: 400;*/
/*    --bs-btn-line-height: 1.5;*/
/*    --bs-btn-color: var(--bs-body-color);*/
/*    --bs-btn-bg: transparent;*/
/*    --bs-btn-border-width: var(--bs-border-width);*/
/*    --bs-btn-border-color: transparent;*/
/*    --bs-btn-border-radius: var(--bs-border-radius);*/
/*    --bs-btn-hover-border-color: transparent;*/
/*    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);*/
/*    --bs-btn-disabled-opacity: 0.65;*/
/*    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);*/
/*    display: inline-block;*/
/*    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);*/
/*    font-family: var(--bs-btn-font-family);*/
/*    font-size: var(--bs-btn-font-size);*/
/*    font-weight: var(--bs-btn-font-weight);*/
/*    line-height: var(--bs-btn-line-height);*/
/*    color: var(--bs-btn-color);*/
/*    text-align: center;*/
/*    text-decoration: none;*/
/*    vertical-align: middle;*/
/*    cursor: pointer;*/
/*    -webkit-user-select: none;*/
/*    -moz-user-select: none;*/
/*    user-select: none;*/
/*    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);*/
/*    border-radius: var(--bs-btn-border-radius);*/
/*    background-color: var(--bs-btn-bg);*/
/*    transition: color .15s*/
/*    ease-in-out, background-color .15s*/
/*    ease-in-out, border-color .15s*/
/*    ease-in-out, box-shadow .15s*/
/*    ease-in-out;*/
/*}*/



.btn-primary{
    padding: 10px 50px;
    color: #ffffff !important;
    background-color: var(--btn-bg-theme-color);
    border-radius: 6px;
    border: 1px solid var(--btn-bg-theme-color);
}

.btn-danger{
    padding: 10px 30px;
    color: #ffffff !important;
    background-color: indianred;
    border-radius: 6px;
    border: 1px solid indianred;
}

.signin-btn {
    background-color: #007e7e;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    padding: 4px 10px;
    margin-left: 6px;
}


.template-btn{
    background-color: #007e7e;
    color: #fff;
    border-radius: 4px;
    font-size: 15px;
    padding: 8px 15px;
    box-shadow: none !important;
}

.template-btn:hover{

}



/***********************
Home Page Hero Section
 ***********************/
/* Hero Section */
.hero-section {
    /*background-color: #EFFEFE;*/
    padding: 120px 0;
    background: #7f7fd5;
    background: -webkit-linear-gradient(to right, #7f7fd5, #86a8e7, #91eae4);
    background: linear-gradient(to right, #7f7fd5, #86a8e7, #91eae4);
}
.hero-section h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 1.5;
    color: #ffffff;
}
.hero-section p {
    color: #333;
    margin-bottom: 20px;
    color: #ffffff;
}
.hero-img img {
    width: 100%;
    border-radius: 10px;
}


/******************** skill Section ********/
.skill-card {
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    text-align: center;
    padding: 30px 20px;
    transition: all 0.3s ease;
    background: #fff;
}
.skill-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.skill-icon {
    width: 150px;
    height: 150px;
    background-color: #EBFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    transition: all 0.3s ease;
}

.skill-icon img {
    font-size: 50px;
    color: #00a99d;
    height: 70px;
    width: 70px !important;
    filter: brightness(0) saturate(100%) invert(41%) sepia(97%) saturate(426%) hue-rotate(136deg) brightness(92%) contrast(91%);
    transition: all 0.3s ease;
}

.skill-icon:hover{
    background-color: var(--btn-bg-theme-color);
    transition: all 0.3s ease;
}

.skill-icon:hover img{
    filter: brightness(0) invert(1);
    transition: all 0.3s ease;
}


.custom-category-section{
    padding: 100px 0 0 0;
}

.owl-stage-outer{
    padding: 10px 0;
}


.owl-section-wrapper .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -69px;
}

.owl-section-wrapper .owl-nav span {
    font-size: 24px;
    background-color: transparent;
    padding: 0 9px;
    height: 32px !important;
    position: initial;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    color: #9699B7 !important;
    border-radius: 100%;
    border: 3px solid #9699B7;
    font-weight: 600;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    background: transparent !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.section-heading-text{
    font-weight: 600;
    font-size: 35px;
    line-height: 1.5;
    font-family: var(--heading-text-font);
    color: var(--heading-text-color);
    margin-bottom: 30px;
}

.section-sub-heading-text-white{
    font-weight: 600;
    font-size: 30px;
    line-height: 1.5;
    font-family: var(--heading-text-font);
    color: #ffffff;
}

.section-text-white{
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    font-family: var(--heading-text-font);
    color: #ffffff;
}


/******
* Course Card
*******/
.custom-course-section{
    padding: 60px 0 60px 0;
}
.margin-top-80{
    margin-top: 80px;
}

.margin-top-40{
    margin-top: 40px;
}

.margin-top-50{
    margin-top: 50px;
}

.course-section-carousel {
    padding-top: 15px;
}
.custom-course-card {
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    transition: 0.3s;
}
.custom-course-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.custom-course-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.custom-course-info {
    padding: 20px;
}
.custom-course-info h6 {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 8px;
}
.custom-course-info p {
    margin-bottom: 6px;
    color: #666;
    font-size: 14px;
}
.course-section-carousel .price {
    font-weight: 600;
    color: #00a99d;
}
.course-section-carousel .btn-view {
    background-color: #00a99d;
    color: #fff;
    font-weight: 600;
    border: none;
}
.course-section-carousel .btn-view:hover {
    background-color: #008d83;
}


.home-info-section{
    width: 100%;
    padding: 60px 0;
    background-color: var(--btn-bg-theme-color);
    background-image: url(../images/bg.png);
    background-size: cover;
}

.home-info-section h2{
    padding-top: 20px;
}

.btn-white-outline{
    border-color: #ffffff;
}


/***** Benifit section *********/
.benefit-section {
    padding: 60px 0;
    background-color: #fff;
}

.benefit-card {
    background: #fff;
    border: 2px solid #e8e8e8;
    border-radius: 2px;
    padding: 40px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    height: 100%;
    text-align: center;
}

.benefit-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.benefit-card img {
    height: 72px;
    margin-bottom: 20px;
    width: 72px !important;
}

.benefit-card h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.benefit-card p {
    font-size: 15px;
    color: #000000;
}

.stats-section{
    width: 100%;
    padding: 120px 0;
    background-color: var(--btn-bg-theme-color);
    background-image: url(../images/bg.png);
    background-size: cover;
}

.stats-box {
    background-color: #fff;
    border-radius: 7px;
    padding: 40px 25px;
    color: #000;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    min-width: 160px;
    margin-bottom: 20px;
}

.stats-box h2 {
    font-size: 45px;
    font-weight: bold;
    margin-bottom: 5px;
}

.stats-box p {
    margin: 0;
    font-size: 16px;
}


/***************
* course Details Page
**/

.custom-dp-subtitle{
    font-family: var(--heading-text-font);
    font-size: 23px;
    color: black;
    font-weight: 600;
    margin-bottom: 14px;
}

.course-dp-info-section h1,
.course-dp-info-section h2,
.course-dp-info-section h3,
.course-dp-info-section h4,
.course-dp-info-section h5 {
    font-size: 15px !important;
    font-weight: 600 !important;
}

.course-dp-info-section p{
    font-size: .875em !important;
    height: 53px;
}


.course-dp-info-section .course-info-box {
    border: 3px solid var(--btn-bg-theme-color);
    border-radius: 8px;
    padding: 15px 7px;
    text-align: center;
    background-color: #fff;
}
.course-dp-info-section .course-info-box i {
    font-size: 1.5rem;
    color: #0f7c7c;
}

.course-dp-info-section p{
    color: black;
}

.course-dp-section .tab-button{
    border: 0.5px solid rgba(192, 192, 192, 0.48);
    color:#000000;
    background-color: #EBFFFF;
    padding: 7px 50px;
    font-size: 18px;
    font-weight: 500;
}

.course-dp-section .nav-tabs .active{
    background-color: var(--btn-bg-theme-color);
    color:#ffffff;
}

.courses__details-content .nav-tabs {
    gap: 0 !important;
}

.courses__details-content .nav-tabs .nav-item{
    flex: 1 !important;
}

.courses__details-content .nav-tabs .nav-item button{
    width: 100% !important;
}

.course-dp-section .tab-content p{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    font-size: 16px;
    font-family: var(--heading-text-font);
    color: #333;
}

.margin-bottom-50{
    margin-bottom: 50px;
}

.margin-bottom-100{
    margin-bottom: 100px;
}

.learning-info-section{

}

.learning-info-section ul{
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
    padding: 0;
    margin: 0;
}

.learning-info-section ul li{
    position: relative;
    padding-left: 40px;
    line-height: 1.5;
    font-size: 16px;
    color: #333;
    font-family: var(--heading-text-font);
}

.learning-info-section ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 30px;
    height: 30px;
    background: url('../images/checkmark.png') no-repeat center center;
    background-size: contain;
}

/**************
* Count time
 */

.pd-countdown-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    background: var(--soft-bg);
    border:1px solid var(--soft-bg-border);
    border-radius:12px;
    padding:12px;
    margin-top:16px;
}
.pd-countdown-title{
    font-size:18px;
    font-weight:600;
    color:#064e3b; /* darker teal-ish for title */
    flex: 0 0 auto;
    font-family: var(--heading-text-font);
}
.pd-countdown-boxes{
    display:flex;
    gap:8px;
    align-items:center;
}
.pd-count-box{
    background:#fff;
    border:1px solid rgba(192, 192, 192, 0.49);
    border-radius:10px;
    width:56px;
    text-align:center;
    box-shadow: 0 1px 2px rgba(2,6,23,0.03);
}
.pd-count-box .num{
    font-size:18px;
    font-weight:700;
    background-color: #EBFFFF;
    line-height:1;
    margin-bottom:2px;
    border-radius: 10px 10px 0 0;
    padding: 10px;
}
.pd-count-box .lbl{
    font-size:14px;
    color:#475569;
    display:block;
    padding: 5px;
}


.pd-dates-card{
    background:#fff;
    border:1px solid var(--card-border);
    border-radius:12px;
    margin-top:14px;
    overflow:hidden;
    display:flex;
    align-items:stretch;
}
.pd-date-col{
    flex:1;
    padding:12px 14px;
    text-align:center;
    min-height:56px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.pd-date-col + .pd-date-col{
    border-left:1px solid #eef2f6;
}
.pd-date-label{
    font-size: 16px;
    color: #64748b;
    margin-bottom: 6px;
    text-align: left;
}
.pd-date-value{
    font-weight:700;
    color:#0f172a;
    font-size:14px;
    text-align: left;
}





/************************************************
* Course Item
***************************************************/

.courses__item{
    padding: 0 0 32px 0 !important;
    border: 1px solid #ffffff !important;
    box-shadow: 0px 0px 7px 0px rgba(235,231,231,0.75);
    -webkit-box-shadow: 0px 0px 7px 0px rgba(235,231,231,0.75);
    -moz-box-shadow: 0px 0px 7px 0px rgba(235,231,231,0.75);

    /*box-shadow: 0px 0px 22px 0px rgba(224,221,221,0.75);*/
    /*-webkit-box-shadow: 0px 0px 22px 0px rgba(224,221,221,0.75);*/
    /*-moz-box-shadow: 0px 0px 22px 0px rgba(224,221,221,0.75);*/

}

.shine__animate-link {
  border-radius: 6px !important;
  -webkit-border-radius: 6px 6px 0 0 !important;
  height: 200px !important;
}

.courses__item-thumb img, .courses__item-thumb-three img, .home_kindergarten .courses__item-thumb-five img, .youga_course_area .courses__item-thumb-four img {
    /* height: 200px !important; */
    object-fit: unset;
    width: 100%;
    height: 100% !important;
    border-radius: unset !important;
}


.courses__item-thumb {
    padding: 10px !important;
    margin: 0 0 11px !important;
}

.courses__item-content{
    padding: 0 20px;
}

.course-button{
    /*width: 100%;*/
    font-size: 16px;
    color: #ffffff;
    padding: 13px 22px;
    background-color: var(--btn-bg-theme-color);
    border:1px solid var(--btn-bg-theme-color);
    border-radius: 20px !important;
    text-align: center;
    box-shadow: unset !important;
}


.course-price-section{
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0 !important;
    margin-top: 10px;
    min-height: 28px;
}

.course-price-section-2{
    margin-top: 0;
    margin-bottom: 16px !important;
}


.courses__item {
    /*border: 1px solid #b5b5c378 !important;*/
}

.custom-item-content .title{
    font-size: 22px !important;
    margin: 0 0 8px !important;
    /*height: 81px;*/
    /*line-height: 292%;*/
}

.course-price-section i{
    margin-right: 0 !important;
}

.course-price-section .days-text{
    color: #969AB8;
}

.course-price-section .days-text span{
    color: var(--btn-bg-theme-color);
    font-weight: normal;
    margin-right: 6px;
}

.course-price-section .price-text{
    color: #000000;
    font-weight: bold;
    font-size: 18px;
}

.course-price-section .final-price{
    color: #E97F06;
}

.section-py-120{
    padding-top: 80px !important;
}


.batch-card-title{
    font-size: 22px;
    color: #050071;
}

.batch-card-subtitle{
    color: #6D6C80;
    font-size: 14px;
    margin-bottom: 5px;
}


.btn-custom-badge{
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    background-color: #3062D4;
    border-radius: 20px;
    padding: 6px 15px;
    float: right;
    border: 0;
}

.batch-card-info p{
    font-size: 14px;
    font-weight: normal;
    color: #3A424A;
    margin-bottom: 5px;
}

.batch-card-selected{
    border-color: var(--btn-bg-theme-color);
    box-shadow: 0px 0px 10px 0px rgba(179,177,177,0.75);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(179,177,177,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(179,177,177,0.75);
    background-color: rgba(0, 141, 131, 0.02);
}

.tg-header__area{
    box-shadow: 0px 0px 10px 0px rgba(179,177,177,0.75);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(179,177,177,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(179,177,177,0.75);
    padding: 10px 0 !important;
}

.nav-courses-btn {
    padding: 15px 15px !important;
    font-weight: bold;
    background: var(--btn-bg-theme-color);
    color: #ffffff !important;
    /*padding: 0 !important;*/
    /*padding-left: 24px !important;*/
    /*padding-right: 20px !important;*/
    border-radius: 10px;
    /*font-weight: normal !important;*/
    font-family: var(--bagla-font);
}

.menu-course-btn{
    background: var(--btn-bg-theme-color);
    color: var(--btn-bg-theme-color);
    padding: 0 !important;
    padding-left: 24px !important;
    padding-right: 20px !important;
    border-radius: 10px;
    font-weight: normal !important;
    font-family: var(--bagla-font);
}

.menu-course-btn:hover{
    background: var(--btn-bg-theme-color) !important;
    color: #ffffff !important;
}


.theme-small-button{
    padding: 12px 20px;
    color: #ffffff !important;
    background-color: var(--btn-bg-theme-color);
    border-radius: 6px;
    border: 1px solid var(--btn-bg-theme-color);
}

.theme-small-close-button{
    padding: 12px 20px;
    color: #ffffff !important;
    background-color: var(--btn-theme-danger-bg-color);
    border-radius: 6px;
    border: 1px solid var(--btn-theme-danger-bg-color);
}


.wsus__single_payment img {
    /*border-radius: 4px;*/
    /*height: 100px;*/
     object-fit: unset !important;
    /*cursor: pointer;*/
}


.nice-select {
    height: 33px;
    line-height: 33px;
    padding-left: 9px;
    padding-right: 21px;
    color: dimgray;
}

.nice-select .list {
    /*width: 79px;*/
    padding: 10px;
}


.custom-blog-section{
    margin-top: 0 !important;
    padding-top: 50px !important;
}

/*****************************
* Home page contact
******************************************/

    /* Banner Section */
    .homepage-banner {
      background-color: #009999;
      color: white;
      border-radius: 8px;
      padding: 60px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 40px auto;
    }

    .homepage-banner h5 {
        font-size: 20px;
        font-weight: 400;
        text-align: left;
        color: white;
        margin-bottom: 2px;
    }

    .homepage-banner h3 {
        font-size: 30px;
        font-weight: 600;
        text-align: left;
        color: white;
        padding: 4px 0;
        margin: 0;
    }

    .homepage-banner p {
      margin: 0;
      font-size: 18px;
      opacity: 0.9;
      color: white;
      font-weight: normal;
        text-align: left;
    }

    .homepage-banner .btn {
      background: white;
      color: #009999;
      font-weight: 600;
      border-radius: 6px;
    }

    /* Contact Section */
    .homepage-contact-section {
      text-align: center;
      margin-top: 50px;
    }

    .homepage-contact-section h6 {
      font-size: 14px;
      color: #555;
    }

    .homepage-contact-section h2 {
      font-size: 28px;
      font-weight: 700;
      margin-bottom: 40px;
    }

    /* Buttons */
    .homepage-btn-messenger {
      background-color: #0078FF;
      color: white;
      border: none;
      width: 100%;
      margin-bottom: 10px;
      font-weight: 500;
    }

    .homepage-btn-whatsapp {
      background-color: #25D366;
      color: white;
      border: none;
      width: 100%;
      font-weight: 500;
    }

    .homepage-btn-send {
      background-color: #0078FF;
      color: white;
      font-weight: 500;
      border: none;
    }

    .homepage-contact-section{
        margin-bottom: 120px;
    }

    .partners-section{
        padding: 70px 0;
    }

    .partners-section .item{
        border: 2px solid #c0c0c082;
    }

    .partners-section .item img{
        height: 100px;
        max-height: 100px;
        width: 160px;
        margin: 0 auto;
    }
.courses__information-wrap .title {
    font-size: 20px !important;
    margin-bottom: 25px !important;
}

.menu-signup-hover:hover {
    background-color: var(--btn-bg-theme-color);
    color: white;
}

.details-page-price{
    color: #000000;
    font-size: 22px !important;
    text-align: right;
}

.details-page-price del{
    color: #969AB8;
    font-size: 16px;
    font-weight: normal;
    margin-right: 10px;
}


.courses__information-wrap .list-wrap li svg {
    color: var(--btn-bg-theme-color) !important;
    height: 30px !important;
    width: 30px !important;
}


.testmonials-section{
    padding: 100px 0;
}

.testmonials-section-carousel{
    padding-top: 20px;
}

.testmonials-section p{
    font-size: 16px;
    color: black;
    line-height: 150%;
    font-weight: normal;
}

.testmonials-section .kollany-profile-section{
    margin-top: 20px;
}

.testmonials-section h3{
    font-size: 18px;
    color: black;
    font-weight: 600;
    margin-top: 13px;
}

.testmonials-section .profile-img{
    height: 80px;
    width: 80px !important;
    border-radius: 80px;
    text-align: left;
}

.testmonials-section .testimonials-right-section{
    position: relative;
}

.kollany-background-image{
    width: 100%;
    height: 100%;
    max-height: 430px;
    position: relative;
    border-radius: 10px;
    z-index: 100;
}

.kollany-video-icon{
    height: 100px;
    width: 100px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 200;
}



/* General Styles */
.homepage-anyquestion-section {
    background-image: url('../images/any_question_background.jpg'); /* Placeholder image */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 500px;
    position: relative;
}

.homepage-anyquestion-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.homepage-anyquestion-section > div {
    z-index: 2;
    position: relative;
}

.homepage-anyquestion-heading{
    color: white !important;
    font-weight: 500 !important;
}

.homepage-anyquestion-heading::after {
    content: "";
    display: block;
    width: 80px;
    height: 3px;
    background-color: #ff500a;
    margin: 10px auto 0;
}

/* ------------------------------------- */
/* *** NEW: 10px Border Radius *** */
/* ------------------------------------- */
.homepage-button-radius {
    border-radius: 10px !important;
}

/* Button Colors (unchanged) */
.homepage-anyquestion-call-btn {
    background-color: #ff500a;
    border: none;
    padding: 18px 60px !important;
    font-weight: 400 !important;
}
.homepage-anyquestion-call-btn:hover {
    background-color: #e64709;
}

.homepage-anyquestion-whatsapp-btn {
    background-color: #1FAF60;
    border: none;
    padding: 18px 60px !important;
    font-weight: 400 !important;
}
.homepage-anyquestion-whatsapp-btn:hover {
    background-color: #18984f;
}

/* ------------------------------------- */
/* *** OR Circle Spacing *** */
/* ------------------------------------- */
.homepage-anyquestion-or-circle {
    width: 30px;
    height: 30px;
    background-color: #fff;
    color: #000000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
    font-size: 12px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin: 0;
    z-index: 3;
    border: 3px solid #6a542c30;
    text-transform: capitalize !important;
    padding-top: 3px;
}

/* Desktop View (lg and up): Apply tight horizontal spacing (negative margins) */
@media (min-width: 992px) {
    .homepage-anyquestion-or-circle {
        margin-left: -12px;
        margin-right: -12px;
    }
}

@media (max-width: 768px) {
    .homepage-anyquestion-or-circle {
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

.partner-card{
    padding: 10px 20px;
}
.navigation .sub-menu ul li a{
    padding: 8px 15px 8px 25px !important;
}


/*Check out page design */

.margin-top-bottom{
    margin-top: 90px;
    margin-bottom: 90px;
}

/* Renamed from .main-container */
.checkout-page-container {
    margin: 0 0;
    /*max-width: 1000px;*/
    width: 100%;
    background-color: var(--main-bg);
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border-top: 4px solid var(--btn-bg-theme-color); /* Slight top accent */
}

/* Top Header Styling - Renamed from .page-header */
.checkout-page-header {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: #333;
}

/* Left Column - Product Summary - Renamed from .product-summary */
.checkout-page-summary {
    padding-right: 30px;
    border-right: 1px solid var(--border-color);
}

/* Renamed from .product-card */
.checkout-page-product-card {
    /*border: 1px solid var(--border-color);*/
    border-radius: 8px;
    padding: 15px 0;
    /*display: flex;*/
    /*align-items: center;*/
    margin-bottom: 25px;
}

/* Renamed from .product-image */
.checkout-page-product-image {
    width: 130px;
    height: 90px;
    object-fit: cover;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Renamed from .product-title */
.checkout-page-product-title {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.4;
    color: #1a1a1a;
}

/* Renamed from .detail-row */
.checkout-page-detail-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    font-size: 0.95rem;
}

/* Renamed from .total-payment */
.checkout-page-total-payment {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a1a;
    border-top: 1px dashed var(--border-color);
    padding-top: 15px;
    margin-top: 10px;
}

/* Renamed from .callout-box */
.checkout-page-callout-box {
    background-color: #fff9e6; /* Light yellow background */
    border: 1px solid #ffe0a3;
    border-radius: 8px;
    padding: 12px 15px;
    margin-top: 25px;
    font-size: 0.9rem;
    color: #7d5b00;
    display: flex;
    align-items: center;
}

/* Right Column - Payment Methods - Renamed from .payment-methods */
.checkout-page-methods {
    padding-left: 30px;
}

/* Renamed from .method-title */
.checkout-page-method-title {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;
}

/* Custom Radio Button Styling - Renamed from .custom-radio-card */
.checkout-page-radio-card {
    position: relative;
    margin-bottom: 15px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    width: 100%;
    padding: 20px;
}

.checkout-page-radio-card:hover {
    border-color: var(--primary-yellow);
    box-shadow: 0 0 5px rgba(255, 193, 7, 0.5);
}

.checkout-page-radio-card input[type="radio"] {
    position: absolute;
    left: 15px;
    top: 20px;
    opacity: 0; /* Hide the default radio button */
}

/* Renamed from .radio-indicator */
.checkout-page-radio-indicator {
    position: absolute;
    top: 37px;
    left: 15px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 2px solid var(--secondary-text);
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
}

.checkout-page-radio-card input[type="radio"]:checked + .checkout-page-radio-indicator {
    border-color: #212529; /* Darker border on check */
}

.checkout-page-radio-card input[type="radio"]:checked + .checkout-page-radio-indicator::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #212529; /* Dark dot */
}

/* Content shift to accommodate custom radio button - Renamed from .custom-radio-card-content */
.checkout-page-radio-content {
    margin-left: 30px;
    display: flex;
    align-items: center;
}

/* Active/Selected State Styling - Renamed from .active-method */
.checkout-page-radio-card.checkout-page-active-method {
    border: 2px solid var(--primary-yellow);
    background-color: #fffff0; /* Very light yellow background */
}

/* Specific Styles for Payment Logos - Renamed from .payment-logos */
.checkout-page-payment-logos img {
    max-height: 25px;
    margin-right: 10px;
}

/* Renamed from .total-price-summary */
.checkout-page-price-summary {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a1a1a;
}

/* Renamed from .btn-payment-complete */
.checkout-page-btn-complete {
    background-color: var(--primary-yellow);
    border-color: var(--primary-yellow);
    color: #1a1a1a;
    font-weight: 600;
    padding: 12px;
    font-size: 1.1rem;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.2s;
}

.checkout-page-btn-complete:hover {
    background-color: #ffda6a;
    border-color: #ffda6a;
    color: #1a1a1a;
}

/* Renamed from .security-note */
.checkout-page-security-note {
    text-align: center;
    margin-top: 15px;
    font-size: 0.85rem;
    color: var(--secondary-text);
}

/* Renamed from .discount-badge */
.checkout-page-discount-badge {
    font-size: 0.8rem;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: 4px;
    margin-right: 8px;
    color: var(--discount-red);
    background-color: #fff0f3;
    border: 1px solid #ffc8d5;
}

/* Mobile adjustments updated with new classes */
@media (max-width: 991.98px) {
    .checkout-page-summary {
        border-right: none;
        padding-right: 15px;
        padding-bottom: 25px;
        border-bottom: 1px solid var(--border-color);
    }

    .checkout-page-methods {
        padding-left: 15px;
        padding-top: 25px;
    }
}

.tgmenu__navbar-wrap {
    justify-content: flex-end;
}

.tgmenu__navbar-wrap ul li a {
    padding: 16px 7px;
}

.tgmenu__navbar-wrap ul {
    margin: 0 !important;
    margin-right: 20px !important;
}


.tgmenu__search-form input {
    padding: 6px 50px 6px 20px;
}

.tgmenu__search-form input {
    height: 40px;
}

.tgmenu__search-form [type=submit] {
    top: 49%;
    right: 2px;
    width: 37px;
    height: 37px;
    background: var(--btn-bg-theme-color);
}

.tgmenu__search .select_js{
    padding: 0 20px !important;
}

.batch-instructor-card{
    margin-bottom: 20px;
}

.batch-instructor-card p{
   padding: 0;
    margin: 0;
    font-size: 15px;
    color: black;
}

.batch-instructor-card .action a{
    background: var(--tg-theme-primary);
    color: var(--tg-common-color-white) !important;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    font-size: 12px;
}

.batch-instructor-card .batch-instructor-card-content a:hover{
    text-decoration: underline;
}

.btn-hight-basic {
    height: 44px;
    padding-top: 13px !important;
}

.courses__item-tag-three {
    font-weight: 500;
    font-size: 14px;
    position: absolute;
    top: unset;
    padding: 8px 12px;
    color: #ffffff;
    /*background: var(--tg-common-color-white);*/
    border-radius: 32px;
    height: 30px;
    left: 13px ;
    bottom: 10px;
    /*font-weight: 500;*/
    /*font-size: 14px;*/
    /*position: absolute;*/
    /*left: 14px;*/
    /*bottom: 13px;*/
    /*padding: 8px 12px;*/
    /*color: var(--tg-heading-color);*/
    /*background: var(--tg-common-color-white);*/
}

.our-mentor-section{

}
.our-mentor-card{
    position: relative;
    overflow: hidden;
    height: 400px;
}

.our-mentor-card img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-height: 350px;

}

.our-mentor-info{
    width: 90%;
    background-color: white;
    border: 1px solid rgba(192, 192, 192, 0.53);
    border-radius: 10px;
    position: absolute;
    left: 5%;
    bottom: 0px;
    padding: 15px 20px;
    min-height: 124px;
}

.our-mentor-info h4{
    margin: 0;
    font-size: 18px;
    color: #475569;
    text-align: center;
}

.our-mentor-info p{
    font-size: 16px;
    color: #31A3BF;
    text-align: center;
    font-weight: normal;
    line-height: 116%;
}

.text-color-white{
    color: #ffffff !important;
}

.text-align-center{
    text-align: center !important;
}

.testmonials-section .owl-theme .owl-dots {
    display: block !important;
}

.testimonial-left {
    display: flex;
    flex-direction: column; /* content vertical এ সাজাবে */
    justify-content: center; /* vertical-center */
    height: 100%;  /* গুরুত্বপূর্ণ */
    min-height: 350px; /* optional, height কম হলে বাড়ান */
}


.company-section img{
    margin: 0 auto;
    width: 100%;
}

.sub-category-icon i{
    text-align: right;
    float: right;
}

@media (max-width: 767.98px) {
    .tgmenu__action {
        display: none;
        margin-left: auto;
    }
    .tgmobile__menu-outer{
        display: none;
    }
}

.courses__item .author {
    flex-wrap: wrap;
    word-break: break-word;
    height: 29px;
}

.section-bg{
    background-color: #F9FAFC;
}


/* Keyframes for the pulsing ring effect */
@keyframes pulse-ring-animation {
    0% {
        transform: scale(1);
        opacity: 1;
        border-width: 3px;
    }
    50% {
        transform: scale(1.3);
        opacity: 0.2;
        border-width: 1px;
    }
    100% {
        transform: scale(1);
        opacity: 1;
        border-width: 3px;
    }
}

.icon-wrapper {
    display: flex;
    align-items: center;
    transition: opacity 0.3s ease;
    cursor: default;
}

/* The Animated Icon Container (main circle area) */
.animated-icon {
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 1rem; /* Space between icon and text */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* The Outer Ring (Animated part) */
.outer-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid #EB4335;
    border-radius: 50%;
    box-sizing: border-box;
    /* Apply the animation */
    animation: pulse-ring-animation 2s ease-in-out infinite;
}

/* The Inner Dot (Solid center part) */
.inner-dot {
    width: 12px;
    height: 12px;
    background-color: #EB4335;
    border-radius: 50%;
    z-index: 10; /* Ensure it stays above the scaling ring */
}

/* Text Styling */
.text-label {
    color: #EB4335;;
    font-size: 18px; /* Larger font size as seen in the image */
    line-height: 1;
    font-weight: 500; /* Medium weight */
    user-select: none; /* Prevent text selection */
}


.courses__item .avg-rating, .courses__item-content-four .avg-rating {
    font-size: 16px !important;
}

.courses__item-content .title a {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* show only 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}