.card3 {
        box-shadow: 0 4px 8px rgba(43, 42, 42, 0.2);
        height: 100%;
        transition: all 0.3s ease;
    }
    
    .card3:hover {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        transform: scale(1.05);
        transition: all 0.3s ease;
    }
    

        .card-body {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .card-img-top {
            height: 200px;
            object-fit: cover;
        }

       
        .hero2 {
    position: relative;
    height: 75vh;
    background: url('images/bg4.jpg') no-repeat center center/cover;
    /* background: url('bg2.avif') no-repeat center center/cover; */
    /* background: url('bg6.avif') no-repeat center center/cover; */
    /* background: url('bg7.avif') no-repeat center center/cover; */

    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.hero2 .hero-conten2 {
    max-width: 600px;
}

.hero2 h1 {
    font-size: 48px;
    margin: 0;
}

.hero2 p {
    font-size: 24px;
    margin: 20px 0;
}



section {
    padding: 60px 20px;
    text-align: center;
}