/* ==========================================
   PHOENIX DATA CORPORATION
   RESPONSIVE CSS
   Porto Theme / WPBakery
========================================== */


/* ==========================================
   TABLET & MOBILE - UP TO 991PX
========================================== */

@media only screen and (max-width: 991px) {

    /* --------------------------------------
       MOBILE MENU - FONT SIZE & TAP AREA
    -------------------------------------- */

    #header .mobile-menu li > a,
    #side-nav-panel .mobile-menu li > a {
        font-size: 16px !important;
        line-height: 1.5 !important;
        padding: 14px 18px !important;
        min-height: 48px;
        box-sizing: border-box;
        color: #222222 !important;
    }


    /* --------------------------------------
       MOBILE MENU - HOVER / ACTIVE COLORS
    -------------------------------------- */

    #header .mobile-menu li > a:hover,
    #header .mobile-menu li > a:focus,
    #header .mobile-menu li > a:active,
    #header .mobile-menu li:hover > a,
    #header .mobile-menu li.active > a,
    #header .mobile-menu li.open > a,
    #header .mobile-menu li.current-menu-item > a,
    #header .mobile-menu li.current-menu-parent > a,
    #header .mobile-menu li.current-menu-ancestor > a,

    #side-nav-panel .mobile-menu li > a:hover,
    #side-nav-panel .mobile-menu li > a:focus,
    #side-nav-panel .mobile-menu li > a:active,
    #side-nav-panel .mobile-menu li:hover > a,
    #side-nav-panel .mobile-menu li.active > a,
    #side-nav-panel .mobile-menu li.open > a,
    #side-nav-panel .mobile-menu li.current-menu-item > a,
    #side-nav-panel .mobile-menu li.current-menu-parent > a,
    #side-nav-panel .mobile-menu li.current-menu-ancestor > a {
        color: #ffffff !important;
    }


    /* --------------------------------------
       MOBILE MENU - NESTED TEXT
    -------------------------------------- */

    #header .mobile-menu li > a:hover *,
    #header .mobile-menu li > a:focus *,
    #header .mobile-menu li.active > a *,
    #header .mobile-menu li.current-menu-item > a *,

    #side-nav-panel .mobile-menu li > a:hover *,
    #side-nav-panel .mobile-menu li > a:focus *,
    #side-nav-panel .mobile-menu li.active > a *,
    #side-nav-panel .mobile-menu li.current-menu-item > a * {
        color: inherit !important;
    }


    /* --------------------------------------
       CLIENTS & PARTNERS HEADING
    -------------------------------------- */

    .clients-partners-heading {
        line-height: 24px !important;
        margin-top: 0 !important;
        margin-bottom: 12px !important;
        padding-left: 0 !important;
        text-indent: 0 !important;
    }

    .clients-partners-heading a {
        display: block !important;
        line-height: 24px !important;
    }


    /* --------------------------------------
       CLIENTS & PARTNERS TEXT BLOCK
    -------------------------------------- */

    .clients-partners-link,
    .clients-partners-link .wpb_wrapper,
    .clients-partners-link p,
    .clients-partners-link a {
        margin-left: 0 !important;
        padding-left: 0 !important;
        text-indent: 0 !important;
    }

}


/* ==========================================
   MOBILE ONLY - UP TO 767PX
========================================== */

@media only screen and (max-width: 767px) {

    /* ======================================
       EXPERTISE - ORANGE ICON SECTIONS
       Icon + Title / Description
    ====================================== */

    /* Two-column mobile layout */
    .expertise-icon-grid {
        display: grid !important;
        grid-template-columns: 60px minmax(0, 1fr);
        column-gap: 15px;
        row-gap: 30px;
        align-items: start;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 15px !important;
        box-sizing: border-box;
    }

    /* Override Porto/WPBakery column widths */
    .expertise-icon-grid > .vc_column_container {
        width: auto !important;
        max-width: 100% !important;
        flex: initial !important;
        min-width: 0;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Remove image element spacing */
    .expertise-icon-grid .wpb_single_image {
        margin-bottom: 0 !important;
    }

    /* Orange icon image sizing */
    .expertise-icon-grid .wpb_single_image img {
        display: block;
        width: 60px !important;
        max-width: 100% !important;
        height: auto !important;
    }

    /* Porto heading alignment */
    .expertise-icon-grid .porto-sicon-title {
        margin-top: 0 !important;
        margin-bottom: 12px !important;
        line-height: 1.35 !important;
    }

    /* Description text */
    .expertise-icon-grid .porto-sicon-body p {
        line-height: 1.6 !important;
    }


    /* ======================================
       HOW WE HELP - HOMEPAGE
    ====================================== */

    /* Section spacing */
    .how-we-help {
        padding: 25px 30px !important;
        box-sizing: border-box !important;
    }

    /* Text column spacing */
    .how-we-help .wpb_text_column {
        padding-left: 25px !important;
        padding-right: 25px !important;
        box-sizing: border-box !important;
    }

    .how-we-help h2 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    /* Center headings and paragraphs */
    .how-we-help h1,
    .how-we-help h2,
    .how-we-help h3,
    .how-we-help h4,
    .how-we-help p,
    .how-we-help .wpb_text_column {
        text-align: center !important;
    }

    /* Center buttons */
    .how-we-help .vc_btn3-container,
    .how-we-help .porto-btn-container {
        text-align: center !important;
    }

    /* Video alignment - preserve player layout */
    .how-we-help .wpb_video_widget {
        text-align: center !important;
    }

    .how-we-help .wpb_video_widget .wpb_wrapper {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Full-width mobile video column */
    .how-we-help .col-9 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* ======================================
       BOTTOM CTA BANNERS
    ====================================== */

    /* Full-width columns */
    .btm-cta .col-9 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Center headings and paragraphs */
    .btm-cta h1,
    .btm-cta h2,
    .btm-cta h3,
    .btm-cta h4,
    .btm-cta p {
        text-align: center !important;
    }

    /* Center CTA buttons */
    .btm-cta .vc_btn3-container,
    .btm-cta .porto-btn-container {
        text-align: center !important;
    }

    /* Horizontal section padding */
    .btm-cta {
        padding-left: 25px !important;
        padding-right: 25px !important;
        box-sizing: border-box;
    }

}


@media only screen and (max-width: 767px) {

    /* Give carousel breathing room */
    .expertise-benefits {
        padding: 10px 15px 20px !important;
        box-sizing: border-box;
    }

    /* Ensure carousel stays within container */
    .expertise-benefits .slick-list {
        width: 100%;
        overflow: hidden;
    }

    /* Center benefit contents */
    .expertise-benefits .porto-sicon-box {
        text-align: center;
    }

    /* Improve checkmark label readability */
    .expertise-benefits .porto-sicon-title {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

}