*{
            margin:0;
            padding:0;
            box-sizing:border-box;
            
        }

        body{
            font-family: 'Poppins', sans-serif;
            background:#f7f9fc;
            color:#222;
            overflow-x:hidden;
        }

        .hero{
           /* background: linear-gradient(135deg, #515e7c, #414b62, #a1a1a1);
            background: linear-gradient(135deg, #0c3ab0, #414b62, #312ba6);
            background: linear-gradient(135deg, #e54e01, #414b62, #ef6700);
            background: linear-gradient(135deg, #386bd3, #414b62, #386bd3);
            background: linear-gradient(135deg, #5235e5, #414b62, #b7ecfe);*/
            color:#fff;
            padding:50px 0;
            position:relative;
            overflow:hidden;
            background-color: #edf6ff;
        }

        .hero::before{
            content:'';
            position:absolute;
            width:500px;
            height:500px;
            background:rgba(255,255,255,0.08);
            border-radius:50%;
            top:-150px;
            right:-120px;
        }

        .hero::after{
            content:'';
            position:absolute;
            width:350px;
            height:350px;
            background:rgba(255,255,255,0.06);
            border-radius:50%;
            bottom:-120px;
            left:-100px;
        }

        .hero h1{
            font-size: 40px;
            font-weight: 700;
            line-height: 1.2;
            color: #ff6f00;
        }

        .hero p{
            font-size:15px;
            margin-top:20px;
            line-height:1.8;
            color: #000;
        }

        .hero-btn{
            margin-top:30px;
        }

        .btn-custom{
            background:#ff6f00;
            color:#fff;
            padding:10px 30px;
            border-radius:50px;
            font-weight:600;
            border:none;
            transition:0.3s;
        }

        .btn-custom:hover{
            background: #000;
            color: #fff;
            transform: translateY(-3px);
        }

        .section-title{
            text-align:center;
            margin-bottom:15px;
        }

        .section-title h2{
            font-size: 32px;
            font-weight: 600;
            color: #000;
        }

        .section-title p{
            color: #000;
            max-width:800px;
            margin:auto;
            margin-top:15px;
        }

        .feature-card{
            background:#fff;
            padding: 20px;
            border-radius:20px;
            box-shadow:0 10px 30px rgba(0,0,0,0.07);
            transition:0.4s;
            height:100%;
        }

        .feature-card:hover{
            transform:translateY(-10px);
        }

        .feature-icon{
            width:70px;
            height:70px;
            background:#dbeafe;
            color:#2563eb;
            border-radius:15px;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:30px;
            margin-bottom:20px;
        }

        .feature-card h4{
            font-weight:700;
        }

        .subject-card{
            background:#fff;
            border-radius:20px;
            overflow:hidden;
            box-shadow:0 10px 25px rgba(0,0,0,0.08);
            transition:0.4s;
            height:100%;
        }

        .subject-card:hover{
            transform:translateY(-8px);
        }

        .subject-header{
            padding: 13px 25px 10px;
            color: #fff;
            text-align: center;
        }

        .english{
            background:linear-gradient(135deg,#8b5cf6,#6366f1);
        }

        .evs{
            background:linear-gradient(135deg,#16a34a,#22c55e);
        }

        .maths{
            background:linear-gradient(135deg,#f97316,#fb923c);
        }

        .subject-body{
            padding:30px;
        }

        .subject-body ul{
            padding-left:18px;
        }

        .subject-body li{
            margin-bottom:12px;
            color:#475569;
            list-style: none;
        }

        .info-section{
            background:#fff;
            padding:80px 0;
        }

        .info-box{
            background:#f8fafc;
            border-left:5px solid #2563eb;
            padding:30px;
            border-radius:15px;
            margin-bottom:25px;
        }

        .info-box h4{
            font-weight:700;
            margin-bottom:15px;
            color:#0f172a;
        }

        .contact-section{
            background:linear-gradient(135deg,#111827,#1e293b);
            color:#fff;
            padding: 50px 0;
        }

        .contact-card{
            background:rgba(255,255,255,0.08);
            padding:35px;
            border-radius:20px;
            backdrop-filter:blur(10px);
            height:100%;
        }

        .contact-card h4{
            margin-bottom:6px;
            font-weight:700;
            font-size: 1.15rem;
        }

        .contact-card p{
            margin-bottom:20px;
            color:#e2e8f0;
        }

        .vision-box{
           /* background: linear-gradient(135deg, #323b4e, #292e38);*/
            color:#fff;
            border-radius:25px;
            padding:50px;
            margin-top:60px;
            background-color: #407640;
        }

        .footer{
            background:#020617;
            color: #fff;
            padding: 10px 0;
            text-align:center;
        }

        .check-list li{
            list-style:none;
            margin-bottom:12px;
        }

        .check-list li::before{
            content:"✔";
            color:#16a34a;
            font-weight:bold;
            margin-right:10px;
        }

        @media(max-width:768px){

            .hero{
                padding:50px 0;
            }

            .hero h1{
                font-size:25px;
            }

            .section-title h2{
                font-size:32px;
            }

            .hero-btn{
                text-align: center;
            }

            .contact-card {
                padding: 22px 18px;
            }

            .contact-card h4 {
                font-size: 1.0rem !important;
            }
        }

        /* HEADER & NAVBAR STYLING (2nd Screenshot Design) */
        .header {
            background-color: #ffffff;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
            z-index: 1030;
            padding: 5px 0;
        }

        .logo-brand {
            display: inline-block;
        }

        .logo-brand img {
            height: 55px;
            width: auto;
            transition: all 0.3s ease;
        }

        /* Premium Orange Button with Glow Shadow */
        .btn-main-site {
            background-color: #ff6f00;
        color: #ffffff !important;
        padding: 10px 28px;
        border-radius: 50px;
        font-weight: 400;
        font-size: 15px;
        text-decoration: none;
        display: inline-block;
        border: none;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        line-height: 20px;
            /*background-color: #ff6f00;
            color: #ffffff !important;
            padding: 10px 28px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 15px;
            text-decoration: none;
            display: inline-block;
            box-shadow: 0 4px 15px rgba(255, 111, 0, 0.4);
            transition: all 0.3s ease;
            border: none;*/
        }

        .btn-main-site:hover {
            background-color: #e66400;
            box-shadow: 0 6px 20px rgba(255, 111, 0, 0.55);
            transform: translateY(-2px);
        }

        .btn-main-site:active {
            transform: translateY(0);
            box-shadow: 0 3px 10px rgba(255, 111, 0, 0.3);
        }

        /* Mobile Responsive Adjustments */
        @media (max-width: 576px) {
            .header {
                padding: 8px 0;
            }
            
            .logo-brand img {
                height: 55px;
            }
            
            .btn-main-site {
                padding: 8px 18px;
                font-size: 13px;
                box-shadow: 0 3px 10px rgba(255, 111, 0, 0.3);
            }
        }

        /* Centering Icons and Content for the Features Section Cards */
        #features .feature-card {
            text-align: center;
        }

        #features .feature-icon {
            margin-left: auto;
            margin-right: auto;
        }

        p {
        margin-top: 0;
        margin-bottom: 1rem;
        font-size: 13px;
    }
    .one {
        margin-top: 0;
        margin-bottom: 1rem;
        font-size: 15px;
    }
    @media (min-width: 1200px) {
    .h3, h3 {
        font-size: 1.25rem;
    }
}
@media (min-width: 1200px) {
    .h4, h4 {
        font-size: 1.0rem;
        
    }
}

#features .feature-card {
    text-align: center;
}
#features .feature-icon {
    margin-left: auto;
    margin-right: auto;
}

a {
    color: rgb(13 14 16);
    text-decoration: none;
    font-weight: 600;
}

.section-title h2
 {
    font-size: 24px;
    font-weight: 600;
    color: rgb(0, 0, 0);
}

iframe {
    border-radius: 20px 20px 20px 20px;
    height: 245px;
}

@media (max-width: 1280px) {
    .hero h1 {
        font-size: 36px;
        font-weight: 700;
        line-height: 1.2;
        color: #ff6f00;
    }
}

.two {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 15px;
    text-align: justify;
}

/*@media (min-width: 1280px) {
    .h4, h4 {
        font-size: .9rem;
    }
    iframe {
    border-radius: 20px 20px 20px 20px;
    height: 210px;
    }
}*/
.bg-white {
    --bs-bg-opacity: 1;
    background-color: #fff !important;
    /* background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; */
}

/* Floating Contact Widget */
.floating-contact {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 9999;
}

.floating-btn {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    cursor: pointer;
    text-decoration: none;
}

.btn-whatsapp {
    background-color: #25D366;
}

.btn-whatsapp:hover {
    background-color: #20ba5a;
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.45);
    transform: translateY(-5px);
}

.btn-call {
    background-color: #ff6f00; /* Matching the orange theme button */
}

.btn-call:hover {
    background-color: #e66400;
    box-shadow: 0 6px 20px rgba(255, 111, 0, 0.45);
    transform: translateY(-5px);
}

/* Adjustments for mobile view */
@media (max-width: 576px) {
    .floating-contact {
        bottom: 20px;
        right: 20px;
        gap: 12px;
    }
    
    .floating-btn {
        width: 50px;
        height: 50px;
    }
    
    .floating-btn svg {
        width: 22px;
        height: 22px;
    }

    .h4, h4 {
    font-size: calc(.9rem + .3vw);
    }
}

/* Read More Button Styles */
.btn-read-more {
    color: #ff6f00;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 20px;
    border: 1.5px solid #ff6f00;
    border-radius: 30px;
    background: transparent;
    transition: all 0.3s ease;
    margin-top: 15px;
    display: inline-block;
}

.btn-read-more:hover {
    background-color: #ff6f00;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 111, 0, 0.25);
}

.btn-read-more:focus, .btn-read-more:active {
    outline: none;
    box-shadow: 0 2px 6px rgba(255, 111, 0, 0.15);
    transform: translateY(0);
}