/* Hover Effects for Cards */
.about-page .row:nth-child(2) > div > div,
.about-page .row:nth-child(3) .col-md-12 > div > div > div {
    transition: all 0.3s ease;
}

.about-page .row:nth-child(2) > div > div:hover,
.about-page .row:nth-child(3) .col-md-12 > div > div > div:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 86, 179, 0.2);
    background-color: #f0f8ff !important;
    border-bottom: 3px solid #0056b3;
}

/* Responsive Styles for Hakkimizda Page */
@media (max-width: 768px) {
    /* About Section - Image on top, text below */
    .about-page .row > div.col-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    /* Mission and Vision cards stacked */
    .about-page .row:nth-child(2) > div.col-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 20px !important;
    }
    
    /* Why Choose Us cards stacked */
    .about-page .row:nth-child(3) .col-md-12 > div > div {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    /* Services Page - Images and descriptions stacked */
    .services-page .service-item .row > div.col-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 30px !important;
    }
    
    /* Fix order for services with reversed layout */
    .services-page .service-item .row > div.order-md-1,
    .services-page .service-item .row > div.order-md-2 {
        order: 0 !important;
    }
}