/* Banner Section */
        .banner {
            background: url('../img/bg1.avif') no-repeat center center;
            background-size: cover;
            height: 300px;
            padding: 120px 0;
            text-align: center;
            color: #fff;
            position: relative;
        }

        .banner h1 {
          
            font-size: 3rem;
            text-transform: uppercase;
            font-weight: 700;
            color: #fff;
        }

        .banner h2 {
            font-size: 1.5rem;
            color: #fff;
        }

        /* About Section */
        .about-section {
            padding: 80px 0;
            background: linear-gradient(to bottom, #000, #f2f2f2);
        }

        .about-title {
            text-align: center;
            font-size: 2.5rem;
            font-family: 'Bebas Neue', sans-serif;
            text-transform: uppercase;
            margin-bottom: 40px;
            color: #fff;
        }

        .about-content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 20px;
        }

        .about-text {
            flex: 1;
            background-color: #222;
            padding: 20px;
            border-radius: 10px;
            text-align: left;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
            color: #ccc;
            font-size: 1.1rem;
        }

        .about-text h3 {
            text-align: center;
            color: #fff;
            font-size: 2rem;
            text-transform: uppercase;
            margin-bottom: 20px;
        }

        .about-img {
            flex: 1;
            background: url('../img/aboutus.jpg') no-repeat center center;
            background-size: cover;
            height: 100%;
            border-radius: 10px;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
        }

        /* Extra Content Section */
        .extra-content {
            padding: 50px 0;
            background: #eeeded;
            color: #000000;
            text-align: left;
        }

        .extra-content h3 {
            font-size: 2.5rem;
           
            color: #000000;
            margin-bottom: 30px;
        }

        .extra-content p {
            font-size: 1.1rem;
            line-height: 1.8;
        }

        .extra-content ul {
            list-style-type: none;
            padding: 0;
        }

        .extra-content ul li {
            font-size: 1.1rem;
            margin: 10px 0;
        }

        /* Responsive Styles */
        @media (max-width: 768px) {
            .banner h1{
                font-size: 1.5rem;
            }
            .banner h2{
                font-size: 1rem;
            }
            .about-content {
                flex-direction: column;
                text-align: center;
            }

            .about-text {
                margin-bottom: 20px;
            }

            .about-img {
                height: 300px;
            }
        }