/* Enterprise UI System Overrides */
        :root {
            --tc-primary: #ffc107; /* Sky Blue Primary */
            --tc-primary-rgb: 255,193,7;
            --tc-subtle: rgba(255,193,7, 0.1);
            --bg-light:#f8f9fa;
        }
        body { background-color: #f8fafc !important; color: #0f172a !important; font-family: 'Inter', sans-serif !important; }
        h1, h2, h3, h4, h5, h6, .display-3, .display-4, .display-5, .display-6 { font-family: 'Nunito', sans-serif !important; }

        ::selection { background: rgba(var(--tc-primary-rgb), 0.2); }


        .btn_book{
        padding: 8px 22px;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .3px;
    }


        /* Custom Scrollbar */
        .custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
        .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

        /* Glassmorphism Utilities */
        .glass-panel {
          background: rgba(255, 255, 255, 0.8) !important;
          backdrop-filter: blur(16px) saturate(180%);
          -webkit-backdrop-filter: blur(16px) saturate(180%);
        }

        /* Sleek Card System */
        .sleek-card {
          background: #ffffff;
          border: 1px solid rgba(226, 232, 240, 0.9) !important;
          border-radius: 1.5rem !important;
          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -2px rgba(0, 0, 0, 0.02) !important;
          transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
        }
        .sleek-card.hover-elevate:hover {
          transform: translateY(-4px) scale(1.005);
          border-color: rgba(203, 213, 225, 0.9) !important;
          box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.03) !important;
          z-index: 2;
        }

        /* Polished Form Elements */
        .form-control, .form-select {
          background-color: #f8fafc !important;
          border: 1px solid #e2e8f0 !important;
          border-radius: 0.75rem !important;
          padding: 0.75rem 1rem !important;
          font-weight: 600;
          color: #334155 !important;
          transition: all 0.2s ease !important;
          box-shadow: inset 0 1px 2px rgba(0,0,0,0.01) !important;
        }
        .form-control:focus, .form-select:focus {
          background-color: #ffffff !important;
          border-color: var(--tc-primary) !important;
          box-shadow: 0 0 0 4px rgba(var(--tc-primary-rgb), 0.15) !important;
        }

        /* Buttons & Utilities */
        .text-theme { color: var(--tc-primary) !important; }
        .bg-theme { background-color: var(--tc-primary) !important; }
        .bg-theme-subtle { background-color: var(--tc-subtle) !important; }
        .border-theme { border-color: var(--tc-primary) !important; }

        .btn-theme {
            background-color: var(--tc-primary) !important;
            color: white !important;
            border: none;
        }
        .btn-theme:hover { filter: brightness(0.9); }
        .btn-outline-theme {
            border: 1px solid var(--tc-primary) !important;
            color: var(--tc-primary) !important;
            background: transparent;
        }
        .btn-outline-theme:hover { background: var(--tc-primary) !important; color: white !important; }

        .btn-enterprise {
          border-radius: 0.75rem !important;
          font-weight: 700 !important;
          text-transform: uppercase !important;
          letter-spacing: 0.5px !important;
          transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
        }
        .btn-enterprise:active { transform: scale(0.96) !important; }

        /* View Transitions & Wizard Setup */
        .page-view { display: none; opacity: 0; animation: pageFadeIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards; }
        .page-view.active { display: block; }
        .wizard-step { display: none; animation: pageFadeIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards; }
        .wizard-step.active { display: block; }

        @keyframes pageFadeIn {
            from { opacity: 0; transform: translateY(15px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Background Blobs */
        .bg-blob {
            position: absolute; border-radius: 50%; filter: blur(100px); z-index: -1;
            animation: blobFloat 20s infinite ease-in-out alternate;
        }
        @keyframes blobFloat {
            0% { transform: scale(1) rotate(0deg); opacity: 0.3; }
            100% { transform: scale(1.1) rotate(5deg); opacity: 0.5; }
        }

        /* Helpers */
        .cursor-pointer { cursor: pointer; }
        .hover-bg-light:hover { background-color: #f8fafc !important; }
        .transition-all { transition: all 0.3s ease !important; }



.tutor-section{
    overflow:hidden;
}

.premium-badge{

    display:inline-block;
    background:#FFF4D7;
    color:#d99000;
    padding:8px 18px;
    border-radius:50px;
    font-size:13px;
    font-weight:700;
}

.teacher-card{

    background:#fff;
    border-radius:28px;
    overflow:hidden;
    display:flex;
    border:1px solid #e9e9e9;
    transition:.3s;
    height:100%;
}

.teacher-card:hover{

    transform:translateY(-5px);
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.teacher-image{

    width:42%;
    position:relative;
}

.teacher-image img{

    width:100%;
    height:100%;
    object-fit:cover;
}

.rating{

    position:absolute;
    top:15px;
    left:12px;
    background:#333;
    color:#fff;
    padding:5px 10px;
    border-radius:20px;
    font-size:13px;
    font-weight:600;
}

.teacher-content{

    width:58%;
    padding:25px;
}

.teacher-content h3{

    font-size:28px;
    font-weight:700;
    margin-bottom:5px;
}

.teacher-content small{

    color:#8a8a8a;
    font-weight:600;
}

.category{

    margin:18px 0;
}

.category span{

    border:1px solid #ddd;
    padding:6px 12px;
    border-radius:30px;
    display:inline-block;
    font-size:14px;
    background:#f8f8f8;
}

.tags{

    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.tags span{

    border:1px solid #ddd;
    padding:5px 12px;
    border-radius:8px;
    font-size:14px;
    background:#fafafa;
}

.slider-btn{

    width:58px;
    height:58px;
    border:none;
    background:#fff;
    border-radius:50%;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:5;
}

.slider-btn.left{

    left:-28px;
}

.slider-btn.right{

    right:-28px;
}

.slider-btn i{

    font-size:20px;
}

.btn-warning{

    background:#ffbf00;
    border:none;
    color:#000;
    font-size:14px;
    font-weight:700;
}

.btn-warning:hover{

    background:#f0b300;
}

@media(max-width:991px){

.teacher-card{

    flex-direction:column;
}

.teacher-image,
.teacher-content{

    width:100%;
}

.teacher-image{

    height:300px;
}

.slider-btn{

    display:none;
}

.teacher-content h3{

    font-size:24px;
}

}



.teacherSwiper{
    padding:15px 50px;
}

.teacherSwiper .swiper-slide{
    height:auto;
}

.swiper-button-next,
.swiper-button-prev{

    width:55px;
    height:55px;
    border-radius:50%;
    background:#fff;
    color:#222;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.swiper-button-next:after,
.swiper-button-prev:after{
    font-size:20px;
    font-weight:bold;
}




.vertical-card,
.registration_type-card{

    border:1px solid #eee;
    border-radius:20px;
    padding:30px;
    cursor:pointer;
    transition:.3s;
    background:#fff;
    height:180px;
}

.vertical-card:hover,
.registration_type-card:hover{

    transform:translateY(-3px);
}

.vertical-card.active,
.registration_type-card.active{

    border:2px solid #FFC107;
    background:#FFFBEA;
}

.subject-box{

    border:1px solid #eee;
    border-radius:15px;
    padding:18px;
    background:#fff;
    display:flex;
    align-items:center;
    gap:15px;
    font-weight:600;
}




.mode-card{

padding:40px;

border:1px solid #eee;

border-radius:22px;

cursor:pointer;

text-align:center;

transition:.3s;

background:#fff;

}

.mode-card.active{

border:2px solid #FFC107;

background:#FFFBEA;

}

.step-title{

font-weight:700;

letter-spacing:2px;

color:#666;

text-transform:uppercase;

}


.form-control{
    font-size: 18px;
}

.section-label{

    font-size:18px;
    font-weight:700;
    color:#666;
    letter-spacing:1px;
}

.small-label{

    font-size:13px;
    font-weight:700;
    color:#777;
    margin-bottom:8px;
    display:block;
}

.custom-card{

    background:var(--bg-light);
    border:1px solid #e7e7e7;
    border-radius:22px;
    padding:28px;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
}

.card-title{

    font-size:18px;
    margin-bottom:30px;
    font-weight:700;
}

.custom-input{

    height:52px;
    border-radius:15px;
}

textarea.custom-input{

    height:auto;
    min-height:120px;
}





/**Pricing Card*/


.pricing-section{
    background:#fafafa;
}

.pricing-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:24px;
    padding:28px;
    transition:.3s;
    box-shadow:0 5px 20px rgba(0,0,0,.04);
}

.pricing-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.pricing-card h2{
    font-size: 1.3rem;
    margin-bottom:5px;
}

.pricing-card small{
    letter-spacing:1px;
    font-size:11px;
}

.price .amount{
    font-size: 38px;
    font-weight: 600;
    color:#ffb400;
    line-height:1;
}

.pricing-card ul{
    margin:0;
    padding:0;
}

.pricing-card ul li{
    display:flex;
    align-items:center;
    margin-bottom:18px;
    font-size:14px;
    font-weight:500;
}

.pricing-card ul li i{
    color:#ffc107;
    margin-right:12px;
    font-size:18px;
}

.pricing-card .btn{
    padding:13px;
    font-weight:600;
    border-radius:50px;
}

.pricing-card .btn:hover{
    background:#212529;
    color:#fff;
}

@media(max-width:992px){
    .price .amount{
        font-size:48px;
    }

    .pricing-card{
        margin-bottom:20px;
    }
}


/**End Pricing Card **/