.hero-section {
    /*background: linear-gradient(135deg, #0d6efd, #6610f2);*/
/*    color: white;
*/    padding: 30px 0;
    text-align: center;
  /*  border-radius: 0 0 40px 40px;*/
}

.about-card {
    border: none;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

    .about-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 35px rgba(0, 0, 0, 0.15);
    }

.section-title {
    font-weight: 700;
    color: #0d6efd;
}

.image-style {
    border-radius: 5px;
    height: 250px;
    width:100%;
    object-fit: cover;
}
.principal-image-style {
    width: 100%;
    /* height: 420px; Adjust height as needed */
    object-fit: cover; /* Makes it behave like cover */
    border-radius: 5px;
}

@media (max-width: 768px) {
    .principal-image-style {
        height: 200px;
        width:100%;
    }
}