/**
 * Services Section - Desktop Viewport Fit (1920x1080)
 * Compact tabs, NORMAL content sizes
 */

/* Desktop only - DO NOT affect mobile */
@media (min-width: 992px) {
    .service4-section-area {
        min-height: 110vh;
        max-height: 110vh;
        display: flex;
        align-items: center;
        padding: 40px 0 !important;
        overflow: hidden;
    }

    /* Compact heading at top */
    .service4-section-area .heading3 {
        margin-bottom: 20px !important;
    }

    .service4-section-area .heading3 h5 {
        font-size: 14px !important;
        margin-bottom: 6px !important;
    }

    .service4-section-area .heading3 h2 {
        font-size: 26px !important;
        line-height: 1.2 !important;
        margin-bottom: 0 !important;
        white-space: normal !important;
    }

    .service4-section-area .space20 {
        height: 6px !important;
    }

    .service4-section-area .space-margin60 {
        margin-bottom: 20px !important;
    }

    /* COMPACT TABS: 3x2 grid with smaller buttons */
    .service4-section-area .service-tabs-area .nav {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 12px 12px !important;
        justify-content: center !important;
        margin-bottom: 20px !important;
    }

    .service4-section-area .service-tabs-area .nav li {
        margin: 0 !important;
    }

    .service4-section-area .service-tabs-area .nav li button {
        width: 100% !important;
        margin: 0 !important;
        padding: 32px 12px 14px 12px !important;
        min-height: 0 !important;
    }

    .service4-section-area .service-tabs-area .nav li button .icons {
        height: 44px !important;
        width: 44px !important;
        line-height: 44px !important;
        top: -22px !important;
        margin-left: -22px !important;
    }

    .service4-section-area .service-tabs-area .nav li button .icons img {
        max-width: 24px !important;
        max-height: 24px !important;
    }

    .service4-section-area .service-tabs-area .nav li button .text {
        font-size: 13px !important;
        line-height: 1.2 !important;
        padding: 30px 8px 14px 8px !important;
    }

    /* Tab content - KEEP ORIGINAL SIZES */
    .service4-section-area .service-tabs-area .tab-content {
        max-height: none !important;
        overflow: visible !important;
    }

    .service4-section-area .service-tabs-area .tab-content .tab-pane {
        transform: translateY(20px) !important;
    }

    /* Row alignment */
    .service4-section-area .service-tabs-area .tab-content .tab-pane .row {
        display: flex !important;
        align-items: center !important;
    }

    /* Service heading titles - allow wrapping */
    .service4-section-area .service-tabs-area .tab-content .tab-pane .service-heading h2 {
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    /* ORIGINAL CONTENT SIZES - NO CHANGES */
    /* Let them keep their default sizes from main.css */
}

/* Extra large desktop (1920x1080 perfect fit) */
@media (min-width: 1920px) {
    .service4-section-area {
        padding: 50px 0 !important;
    }

    .service4-section-area .heading3 h2 {
        font-size: 32px !important;
    }

    .service4-section-area .service-tabs-area .nav li button .text {
        font-size: 15px !important;
    }

    .service4-section-area .service-tabs-area .tab-content .tab-pane .service-heading h2 {
        font-size: 26px !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    .service4-section-area .service-tabs-area .tab-content .tab-pane .service-heading p {
        font-size: 15px !important;
    }
}