/* ==========================================================================
   RESPONSIVE MEDIA QUERIES
   ========================================================================== */

/* Large tablets and small laptops */
@media (max-width: 1024px) {
    .section {
        padding: 80px 0;
    }

    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .benefits-columns-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .benefits-columns-grid .benefit-col:last-child {
        grid-column: span 2;
    }

    .process-grid {
        gap: 20px;
    }

    .testimonials-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .guru-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .guru-grid a:last-child {
        grid-column: span 2;
    }

    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 45px;
    }
}

/* Tablets and landscape mobiles */
@media (max-width: 768px) {
    .hero-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .hero-left {
        text-align: center;
    }

    .hero-left p {
        margin-inline: auto;
    }

    .hero-list {
        align-items: center;
    }

    .compare-box {
        padding: 25px;
    }

    .offer-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .process-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .process-card {
        padding: 10px 0;
    }

    .process-divider {
        top: auto;
        bottom: -35px;
        right: 50%;
        transform: translate(50%, 0) rotate(90deg);
    }

    .faq-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .modal-grid {
        grid-template-columns: 1fr;
    }

    .modal-left {
        padding: 30px;
        text-align: center;
    }

    .modal-benefits-list {
        align-items: center;
    }

    .modal-right {
        padding: 30px;
    }
}

/* Small mobile devices */
@media (max-width: 480px) {
    .section {
        padding: 60px 0;
    }

    .insurance-grid {
        grid-template-columns: 1fr;
    }

    .products-grid {
        grid-template-columns: 1fr;
    }

    .benefits-columns-grid {
        grid-template-columns: 1fr;
    }

    .benefits-columns-grid .benefit-col:last-child {
        grid-column: auto;
    }

    .testimonials-grid {
        grid-template-columns: 1fr;
    }

    .blog-grid {
        grid-template-columns: 1fr;
    }

    .guru-grid {
        grid-template-columns: 1fr;
    }

    .guru-grid a:last-child {
        grid-column: auto;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .footer-bottom__links {
        flex-direction: column;
        gap: 12px;
        align-items: center;
    }

    .cta-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .cta-actions .btn {
        width: 100%;
    }
}