a{
        text-decoration: none;
    }

        .blog{
            width: 70%;
            height: fit-content;
            margin: 10% auto;
            background: white;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
        }
        .blog-banner{
            width:100%;
            height:30vh;
            background: mediumseagreen;
            border-radius:8px;
            margin-bottom: 3rem;
        }
        .blog h1{
            font-size: 60px;
            margin-bottom: 4rem;
            color: darkslategrey;
                font-weight: 700;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        .blog-items{
            width: 100%;
            border-radius: 8px;
            background: #f4f6f8;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
                padding: 20px;
        
        }
        
        .blog-items span i{
            margin-right: 0.5rem;
        }
        
        .blog-text{
                margin-top: 5rem;
        }
        
        .blog-text .carousel{
        }
        
        .blog-text h3{
            font-size: 32px;
            margin: 3rem 0;
            color:darkslategrey;
        }
        
        .blog-text .carousel .carousel-inner{
                max-height: 100vh;
        
            border-radius: 8px;
        }
        
        .blog-text .carousel .carousel-inner .carousel-item img{
            width: 100%;
            height: auto;
        }
        
        .blog-text p{
            color:darkslategrey;
            font-size: 20px;
            margin-top: 5rem;
        }
         
/* Media Queries */
@media (max-width: 1200px) {
    .blog {
        width: 80%; /* Adjusting width for larger tablets */
    }

    .blog h1 {
        font-size: 50px; /* Slightly smaller heading */
    }
}

@media (max-width: 992px) {
    .blog {
        width: 90%; /* Adjusting width for smaller tablets */
    }

    .blog h1 {
        font-size: 40px; /* Smaller heading for smaller screens */
    }

    .blog-items {
        flex-direction: column; /* Stack items vertically */
        align-items: center; /* Center items */
    }
}

@media (max-width: 768px) {
    .blog {
        margin: 5% auto; /* Reduced margin for mobile devices */
    }

    .blog h1 {
        font-size: 30px; /* Smaller heading for mobile */
    }

    .blog-text p {
        font-size: 18px; /* Smaller paragraph text */
        margin-top: 3rem; /* Reduced top margin */
    }
}

@media (max-width: 576px) {
    .blog {
        width: 100%; /* Full width on very small screens */
    }

    .blog h1 {
        font-size: 24px; /* Very small heading */
        margin-bottom: 2rem; /* Reduced bottom margin */
    }

    .blog-text p {
        font-size: 16px; /* Even smaller paragraph text */
    }

    .blog-banner {
        height: 20vh; /* Reduced banner height */
    }
}