/* =========================================================
   PR Infotech Solutions - Networking Solutions Page
========================================================= */

.networking-page {
    background: #ffffff;
}

.networking-page .section-label,
.networking-page .section-title > span {
    color: #0057d9;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-size: 13px;
}

.networking-page .section-title {
    max-width: 780px;
    margin: 0 auto 46px;
    text-align: center;
}

.networking-page .section-title h2 {
    margin: 10px 0 14px;
    color: #172033;
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.18;
}

.networking-page .section-title p {
    color: #64748b;
    font-size: 17px;
    line-height: 1.75;
}

/* Hero */
.network-hero {
    position: relative;
    overflow: hidden;
    padding: 86px 0 76px;
    background:
        radial-gradient(circle at 15% 18%, rgba(0, 87, 217, .18), transparent 28%),
        radial-gradient(circle at 88% 22%, rgba(255, 122, 0, .12), transparent 26%),
        linear-gradient(135deg, #07152d 0%, #0d2551 52%, #103a72 100%);
}

.network-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 44px 44px;
    pointer-events: none;
}

.network-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    align-items: center;
    gap: 58px;
}

.network-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    color: #ffffff;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
}

.network-hero h1 {
    margin: 24px 0 20px;
    color: #ffffff;
    font-size: clamp(40px, 5.4vw, 66px);
    line-height: 1.08;
    max-width: 780px;
}

.network-hero-content > p {
    max-width: 720px;
    color: #d7e4f7;
    font-size: 18px;
    line-height: 1.78;
}

.network-hero-points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px 22px;
    margin: 28px 0;
}

.network-hero-points span {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #f7fbff;
    font-weight: 600;
}

.network-hero-points i {
    color: #ff941f;
}

.network-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.networking-page .btn-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 14px 22px;
    background: #25d366;
    color: #ffffff;
    border-radius: 9px;
    font-weight: 700;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
}

.networking-page .btn-whatsapp:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(37, 211, 102, .24);
}

.network-trust-line {
    margin-top: 34px;
    padding: 20px 22px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    backdrop-filter: blur(10px);
}

.network-trust-line span {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.network-trust-line strong {
    color: #ffffff;
    font-size: 14px;
}

.network-trust-line small {
    color: #b9c9df;
    font-size: 12px;
    line-height: 1.45;
}

/* Hero visual */
.network-visual {
    position: relative;
    min-height: 535px;
    border-radius: 26px;
    border: 1px solid rgba(255,255,255,.14);
    background: linear-gradient(150deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
    box-shadow: 0 26px 70px rgba(0,0,0,.28);
    backdrop-filter: blur(10px);
    overflow: hidden;
}

.network-visual-grid {
    position: absolute;
    inset: 0;
    opacity: .35;
    background-image:
        linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
    background-size: 34px 34px;
}

.network-node {
    position: absolute;
    z-index: 2;
    width: 112px;
    min-height: 92px;
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    text-align: center;
    color: #ffffff;
    background: rgba(7, 21, 45, .82);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 16px;
    box-shadow: 0 14px 28px rgba(0,0,0,.22);
}

.network-node i {
    font-size: 28px;
    color: #ff941f;
}

.network-node span {
    font-size: 13px;
    font-weight: 700;
}

.node-internet { top: 38px; left: 50%; transform: translateX(-50%); }
.node-firewall { top: 180px; left: 50%; transform: translateX(-50%); }
.node-switch { top: 326px; left: 50%; transform: translateX(-50%); }
.node-wifi { top: 354px; left: 36px; }
.node-users { top: 354px; right: 36px; }
.node-branch { top: 180px; right: 28px; }

.network-line {
    position: absolute;
    z-index: 1;
    height: 3px;
    background: linear-gradient(90deg, #ff941f, #45a4ff);
    transform-origin: left center;
    border-radius: 999px;
    box-shadow: 0 0 14px rgba(69,164,255,.45);
}

.line-one { width: 112px; top: 156px; left: calc(50% - 2px); transform: rotate(90deg); }
.line-two { width: 112px; top: 300px; left: calc(50% - 2px); transform: rotate(90deg); }
.line-three { width: 142px; top: 403px; left: 118px; transform: rotate(-12deg); }
.line-four { width: 142px; top: 403px; right: 118px; transform: rotate(192deg); }
.line-five { width: 128px; top: 226px; right: 105px; transform: rotate(0deg); }

.network-visual-badge {
    position: absolute;
    left: 26px;
    bottom: 24px;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 16px 32px rgba(0,0,0,.2);
}

.network-visual-badge i {
    color: #0057d9;
    font-size: 24px;
}

.network-visual-badge div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.network-visual-badge strong {
    color: #172033;
    font-size: 14px;
}

.network-visual-badge span {
    color: #64748b;
    font-size: 12px;
}

/* Intro */
.network-intro {
    padding: 92px 0;
    background: #ffffff;
}

.network-intro-grid {
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    gap: 64px;
    align-items: center;
}

.network-intro h2,
.network-design-copy h2,
.why-network-section h2,
.network-enquiry-copy h2 {
    margin: 10px 0 18px;
    color: #172033;
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.18;
}

.network-intro p,
.network-design-copy > p,
.why-network-section p,
.network-enquiry-copy > p {
    color: #64748b;
    font-size: 17px;
    line-height: 1.75;
}

.network-benefit-panel {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.network-benefit-panel > div {
    min-height: 150px;
    padding: 24px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f7faff;
    border: 1px solid #e2eaf5;
    border-radius: 16px;
}

.network-benefit-panel i {
    color: #0057d9;
    font-size: 24px;
}

.network-benefit-panel span {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.network-benefit-panel strong {
    color: #172033;
}

.network-benefit-panel small {
    color: #64748b;
    line-height: 1.5;
}

/* Cards */
.network-services,
.network-industries,
.network-faq {
    padding: 92px 0;
    background: #f7faff;
}

.network-service-grid,
.solution-grid,
.industry-grid {
    display: grid;
    gap: 22px;
}

.network-service-grid {
    grid-template-columns: repeat(3, 1fr);
}

.network-service-card {
    position: relative;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #e2eaf5;
    border-radius: 18px;
    box-shadow: 0 12px 32px rgba(15,35,65,.06);
    transition: transform .25s ease, box-shadow .25s ease;
}

.network-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(15,35,65,.11);
}

.network-service-card.featured-card {
    border-color: rgba(0,87,217,.38);
}

.network-service-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    color: #0057d9;
    background: #eaf3ff;
    border-radius: 14px;
    font-size: 25px;
}

.network-service-card h3,
.solution-grid h3,
.industry-grid h3 {
    margin: 20px 0 10px;
    color: #172033;
    font-size: 21px;
}

.network-service-card p,
.solution-grid p,
.industry-grid p {
    color: #64748b;
    line-height: 1.7;
}

.network-service-card ul {
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.network-service-card li {
    position: relative;
    padding: 7px 0 7px 20px;
    color: #475569;
}

.network-service-card li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #ff7a00;
    font-weight: 800;
}

.card-tag {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 7px 10px;
    color: #ffffff;
    background: #ff7a00;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}

/* Solutions */
.network-solutions {
    padding: 92px 0;
    background: #ffffff;
}

.solution-grid {
    grid-template-columns: repeat(3, 1fr);
}

.solution-grid > div,
.industry-grid > div {
    padding: 28px;
    background: #ffffff;
    border: 1px solid #e2eaf5;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(15,35,65,.05);
}

.solution-grid i,
.industry-grid i {
    color: #0057d9;
    font-size: 29px;
}

/* Design */
.network-design-section {
    padding: 92px 0;
    background: linear-gradient(135deg, #0a1d3f, #103a72);
}

.network-design-grid {
    display: grid;
    grid-template-columns: 1fr .9fr;
    gap: 58px;
    align-items: center;
}

.network-design-copy h2,
.network-design-copy > p {
    color: #ffffff;
}

.network-design-copy > p {
    color: #c8d7ea;
}

.network-design-list {
    margin-top: 30px;
    display: grid;
    gap: 16px;
}

.network-design-list > div,
.why-network-list > div {
    display: flex;
    gap: 13px;
    align-items: flex-start;
}

.network-design-list i,
.why-network-list i {
    margin-top: 4px;
    color: #ff941f;
}

.network-design-list span,
.why-network-list span {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.network-design-list strong,
.why-network-list strong {
    color: #ffffff;
}

.network-design-list small,
.why-network-list small {
    color: #bfd0e5;
    line-height: 1.5;
}

.network-design-card {
    padding: 34px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px 16px;
    background: #ffffff;
    border-radius: 22px;
    box-shadow: 0 22px 50px rgba(0,0,0,.23);
}

.design-step-number {
    grid-row: span 2;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    color: #ffffff;
    background: #0057d9;
    border-radius: 13px;
    font-weight: 800;
}

.network-design-card h3 {
    margin: 2px 0 0;
    color: #172033;
}

.network-design-card p {
    margin: 0 0 20px;
    color: #64748b;
    line-height: 1.55;
}

/* Industries */
.industry-grid {
    grid-template-columns: repeat(3, 1fr);
}

/* Brands */
.network-brands {
    padding: 78px 0;
    background: #ffffff;
}

.brand-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.brand-grid span {
    min-height: 86px;
    display: grid;
    place-items: center;
    color: #172033;
    background: #f7faff;
    border: 1px solid #e2eaf5;
    border-radius: 15px;
    font-size: 18px;
    font-weight: 800;
}

/* Why */
.why-network-section {
    padding: 88px 0;
    background: #07152d;
}

.why-network-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 70px;
    align-items: center;
}

.why-network-section h2 {
    color: #ffffff;
}

.why-network-section p {
    color: #bfd0e5;
}

.why-network-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

/* Process */
.network-process {
    padding: 92px 0;
    background: #ffffff;
}

.network-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.network-process-grid article {
    position: relative;
    padding: 30px;
    background: #f7faff;
    border: 1px solid #e2eaf5;
    border-radius: 18px;
}

.network-process-grid article > span {
    display: inline-flex;
    margin-bottom: 18px;
    color: #0057d9;
    font-size: 30px;
    font-weight: 800;
}

.network-process-grid h3 {
    margin: 0 0 10px;
    color: #172033;
}

.network-process-grid p {
    color: #64748b;
    line-height: 1.65;
}

/* Enquiry */
.network-enquiry-section {
    padding: 92px 0;
    background: linear-gradient(135deg, #eef5ff, #ffffff);
}

.network-enquiry-grid {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 54px;
    align-items: start;
}

.network-contact-list {
    margin-top: 30px;
    display: grid;
    gap: 14px;
}

.network-contact-list a,
.network-contact-list span {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #334155;
    text-decoration: none;
}

.network-contact-list i {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    color: #0057d9;
    background: #e6f0ff;
    border-radius: 10px;
}

.network-enquiry-form {
    padding: 34px;
    background: #ffffff;
    border: 1px solid #dfe7f3;
    border-radius: 20px;
    box-shadow: 0 16px 40px rgba(15,35,65,.09);
}

.network-enquiry-form .form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.network-enquiry-form label {
    display: block;
    margin-bottom: 8px;
    color: #172033;
    font-size: 14px;
    font-weight: 700;
}

.network-enquiry-form input,
.network-enquiry-form select,
.network-enquiry-form textarea {
    width: 100%;
    margin-bottom: 18px;
    padding: 13px 14px;
    color: #172033;
    background: #ffffff;
    border: 1px solid #ccd7e6;
    border-radius: 9px;
    font: inherit;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.network-enquiry-form input:focus,
.network-enquiry-form select:focus,
.network-enquiry-form textarea:focus {
    border-color: #0057d9;
    box-shadow: 0 0 0 4px rgba(0,87,217,.1);
}

.network-enquiry-form textarea {
    resize: vertical;
}

.network-enquiry-form .btn-primary {
    width: 100%;
    border: 0;
    cursor: pointer;
}

.form-note {
    margin: 12px 0 0;
    text-align: center;
    color: #64748b;
    font-size: 13px;
}

/* Responsive */
@media (max-width: 1100px) {
    .network-hero-grid,
    .network-intro-grid,
    .network-design-grid,
    .why-network-grid,
    .network-enquiry-grid {
        grid-template-columns: 1fr;
    }

    .network-service-grid,
    .solution-grid,
    .industry-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .network-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .network-visual {
        min-height: 500px;
    }
}

@media (max-width: 760px) {
    .network-hero {
        padding: 64px 0 56px;
    }

    .network-hero h1 {
        font-size: 40px;
    }

    .network-hero-points,
    .network-trust-line,
    .network-benefit-panel,
    .why-network-list,
    .brand-grid,
    .network-enquiry-form .form-row {
        grid-template-columns: 1fr;
    }

    .network-service-grid,
    .solution-grid,
    .industry-grid,
    .network-process-grid {
        grid-template-columns: 1fr;
    }

    .network-visual {
        min-height: 480px;
    }

    .node-branch {
        right: 18px;
    }

    .network-enquiry-form {
        padding: 24px;
    }
}

@media (max-width: 520px) {
    .network-hero h1 {
        font-size: 34px;
    }

    .network-hero-content > p {
        font-size: 16px;
    }

    .network-hero-buttons {
        flex-direction: column;
    }

    .network-hero-buttons a {
        width: 100%;
        text-align: center;
    }

    .network-visual {
        min-height: 520px;
    }

    .network-node {
        width: 96px;
        min-height: 82px;
    }

    .node-wifi {
        left: 15px;
    }

    .node-users {
        right: 15px;
    }

    .node-branch {
        top: 192px;
        right: 10px;
    }

    .network-visual-badge {
        right: 18px;
        left: 18px;
    }
}

/* Networking FAQ fix */
.networking-page .faq-container{max-width:900px;margin:0 auto;}
.networking-page .faq-item{margin-bottom:14px;overflow:hidden;background:#fff;border:1px solid #dfe7f3;border-radius:14px;box-shadow:0 8px 24px rgba(15,35,65,.05);}
.networking-page .faq-question{width:100%;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#172033;background:#fff;border:0;font:inherit;font-size:16px;font-weight:700;text-align:left;cursor:pointer;}
.networking-page .faq-question span{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;color:#0057d9;background:#eaf3ff;border-radius:50%;font-size:22px;line-height:1;transition:transform .25s ease;}
.networking-page .faq-answer{max-height:0;overflow:hidden;padding:0 22px;opacity:0;transition:max-height .35s ease,padding .35s ease,opacity .25s ease;}
.networking-page .faq-answer p{margin:0;color:#64748b;line-height:1.75;}
.networking-page .faq-item.active .faq-answer{max-height:350px;padding:0 22px 20px;opacity:1;}
.networking-page .faq-item.active .faq-question span{transform:rotate(45deg);}

/* ==========================================================
   NETWORKING PAGE — FINAL PREMIUM CONSISTENCY
========================================================== */

/* Top header alignment */
.networking-page .top-header .top-header-wrapper{
    width:min(1180px, calc(100% - 72px)) !important;
    min-height:48px;
    margin:0 auto !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:1fr auto 1fr;
    align-items:center !important;
    gap:28px !important;
}

.networking-page .top-contact{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#ffffff;
    white-space:nowrap;
}

.networking-page .top-phone{justify-self:start;}
.networking-page .top-email{justify-self:center;}
.networking-page .top-hours{justify-self:end;}
.networking-page .top-contact i{margin:0 !important;color:#74a8ff;}

/* Clearer logo */
.networking-page .logo{
    width:230px !important;
    min-width:230px !important;
}

.networking-page .logo img{
    width:230px !important;
    height:76px !important;
    object-fit:contain !important;
    object-position:left center !important;
    filter:none !important;
}

/* Services dropdown */
.networking-page .nav-menu .has-dropdown{
    position:relative;
}

.networking-page .nav-menu .dropdown-toggle{
    display:flex;
    align-items:center;
    gap:7px;
    padding:28px 0;
    border:0;
    background:transparent;
    color:#13213d;
    font:inherit;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
}

.networking-page .nav-menu .dropdown-toggle i{
    font-size:11px;
    transition:transform .25s ease;
}

.networking-page .nav-menu .dropdown-menu{
    position:absolute;
    top:calc(100% - 8px);
    left:50%;
    z-index:1500;
    min-width:245px;
    margin:0;
    padding:10px;
    list-style:none;
    background:#fff;
    border:1px solid #e3e9f2;
    border-radius:14px;
    box-shadow:0 18px 45px rgba(15,35,60,.16);
    opacity:0;
    visibility:hidden;
    transform:translate(-50%,12px);
    transition:opacity .22s ease,visibility .22s ease,transform .22s ease;
}

.networking-page .nav-menu .dropdown-menu a{
    display:block;
    padding:11px 13px;
    border-radius:9px;
    color:#1f2937;
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
}

.networking-page .nav-menu .dropdown-menu a:hover,
.networking-page .nav-menu .dropdown-menu a.active{
    color:#0057d9;
    background:#eef5ff;
}

.networking-page .nav-menu .has-dropdown:hover .dropdown-menu,
.networking-page .nav-menu .has-dropdown:focus-within .dropdown-menu,
.networking-page .nav-menu .has-dropdown.open .dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,0);
}

.networking-page .nav-menu .has-dropdown:hover .dropdown-toggle i,
.networking-page .nav-menu .has-dropdown:focus-within .dropdown-toggle i,
.networking-page .nav-menu .has-dropdown.open .dropdown-toggle i{
    transform:rotate(180deg);
}

/* Networking hero */
.networking-page .hero{
    position:relative;
    padding:68px 0 62px !important;
    background:
        linear-gradient(90deg,
            rgba(0,44,116,.96) 0%,
            rgba(0,54,145,.88) 38%,
            rgba(4,24,58,.50) 68%,
            rgba(4,24,58,.20) 100%),
        url("../images/hero/networking-hero.webp") center/cover no-repeat !important;
}

.networking-page .hero-content{
    max-width:810px;
    position:relative;
    z-index:2;
}

.networking-page .hero h1{
    max-width:810px;
    font-size:clamp(42px,4.8vw,62px);
}

.networking-page .hero p{
    max-width:720px;
}

/* Compact section spacing */
.networking-page main > section:not(.hero):not(.cta-section){
    padding-top:52px !important;
    padding-bottom:52px !important;
    margin:0 !important;
    min-height:0 !important;
}

.networking-page .section-heading{
    margin:0 auto 26px !important;
    padding:0 !important;
}

.networking-page .section-heading .section-label{margin-bottom:8px !important;}
.networking-page .section-heading h2{margin-bottom:9px !important;}
.networking-page .section-heading p{margin:0 !important;}

.networking-page .intro-grid,
.networking-page .why-grid{
    gap:46px !important;
}

.networking-page .services-grid,
.networking-page .brand-grid,
.networking-page .benefit-panel,
.networking-page .process-grid{
    gap:18px !important;
}

.networking-page .service-card{
    padding:24px 22px !important;
    transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}

.networking-page .service-card:hover{
    transform:translateY(-6px);
    border-color:#ffb26f;
    box-shadow:0 18px 38px rgba(18,38,75,.11);
}

.networking-page .service-card i{
    transition:transform .28s ease;
}

.networking-page .service-card:hover i{
    transform:scale(1.08);
}

.networking-page .brand-card,
.networking-page .benefit-card{
    padding:22px 20px !important;
}

.networking-page .process-card{
    padding:23px 18px !important;
}

.networking-page .feature-list{
    margin-top:22px !important;
    gap:11px !important;
}

.networking-page .intro-image img{
    min-height:410px !important;
}

/* Isolated FAQ */
.networking-page .networking-faq-list{
    max-width:900px;
    margin:0 auto;
    display:grid;
    gap:12px;
}

.networking-page .networking-faq-box{
    border:1px solid #dce5f2;
    border-radius:14px;
    background:#ffffff;
    overflow:hidden;
    box-shadow:0 8px 22px rgba(18,38,75,.04);
}

.networking-page .networking-faq-toggle{
    appearance:none;
    width:100%;
    min-height:64px;
    margin:0;
    padding:18px 22px;
    border:0;
    background:#ffffff;
    color:#13213d;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    text-align:left;
    font-family:"Inter",sans-serif;
    cursor:pointer;
}

.networking-page .networking-faq-title{
    display:block !important;
    flex:1 1 auto;
    color:#13213d !important;
    opacity:1 !important;
    visibility:visible !important;
    font-size:16px;
    font-weight:700;
    line-height:1.5;
}

.networking-page .networking-faq-toggle i{
    flex:0 0 18px;
    color:#0057d9;
    font-size:17px;
    text-align:center;
    pointer-events:none;
}

.networking-page .networking-faq-content{
    display:none;
    padding:0 22px 20px;
    background:#ffffff;
}

.networking-page .networking-faq-content p{
    margin:0;
    color:#4d5870;
    font-size:15px;
    line-height:1.8;
}

.networking-page .networking-faq-box.is-open{
    border-color:#bfd5f5;
    box-shadow:0 12px 28px rgba(0,87,217,.08);
}

.networking-page .networking-faq-box.is-open .networking-faq-toggle{
    background:#f5f9ff;
}

.networking-page .networking-faq-box.is-open .networking-faq-title{
    color:#0057d9 !important;
}

.networking-page .networking-faq-box.is-open .networking-faq-content{
    display:block !important;
}

/* CTA and footer */
.networking-page .cta-section{
    padding-top:58px !important;
    padding-bottom:58px !important;
    margin-top:0 !important;
}

.networking-page .cta-box h2{margin-bottom:12px !important;}
.networking-page .cta-box p{margin-bottom:26px !important;}
.networking-page .footer{margin-top:0 !important;}

.networking-page .footer-logo{
    width:220px;
    height:auto;
    max-height:88px;
    padding:10px 14px;
    background:#ffffff;
    border-radius:12px;
    filter:none !important;
    object-fit:contain;
}

@media(max-width:900px){
    .networking-page .top-header .top-header-wrapper{
        width:min(100% - 40px,1180px) !important;
        grid-template-columns:1fr 1fr;
        row-gap:8px !important;
    }

    .networking-page .top-phone{justify-self:start;}
    .networking-page .top-email{justify-self:end;}
    .networking-page .top-hours{
        grid-column:1 / -1;
        justify-self:center;
    }

    .networking-page main > section:not(.hero):not(.cta-section){
        padding-top:44px !important;
        padding-bottom:44px !important;
    }

    .networking-page .hero{
        padding-top:58px !important;
        padding-bottom:54px !important;
        background:
            linear-gradient(90deg,rgba(0,44,116,.96),rgba(4,24,58,.62)),
            url("../images/hero/networking-hero.webp") center/cover no-repeat !important;
    }

    .networking-page .intro-grid,
    .networking-page .why-grid{
        gap:34px !important;
    }

    .networking-page .intro-image img{
        min-height:360px !important;
    }
}

@media(max-width:700px){
    .networking-page .top-header{display:none;}

    .networking-page .logo,
    .networking-page .logo img{
        width:170px !important;
        min-width:170px !important;
        height:56px !important;
    }

    .networking-page main > section:not(.hero):not(.cta-section){
        padding-top:36px !important;
        padding-bottom:36px !important;
    }

    .networking-page .hero{
        padding-top:50px !important;
        padding-bottom:46px !important;
        background:
            linear-gradient(rgba(0,44,116,.91),rgba(4,24,58,.83)),
            url("../images/hero/networking-hero.webp") 62% center/cover no-repeat !important;
    }

    .networking-page .section-heading{
        margin-bottom:20px !important;
    }

    .networking-page .services-grid,
    .networking-page .brand-grid,
    .networking-page .benefit-panel,
    .networking-page .process-grid{
        gap:14px !important;
    }

    .networking-page .service-card,
    .networking-page .brand-card,
    .networking-page .benefit-card,
    .networking-page .process-card{
        padding:20px !important;
    }

    .networking-page .intro-image img{
        min-height:300px !important;
    }

    .networking-page .networking-faq-toggle{
        min-height:58px;
        padding:16px 18px;
    }

    .networking-page .networking-faq-title{
        font-size:15px;
    }

    .networking-page .networking-faq-content{
        padding:0 18px 18px;
    }

    .networking-page .faq-section{
        padding-top:34px !important;
        padding-bottom:34px !important;
    }

    .networking-page .cta-section{
        padding-top:44px !important;
        padding-bottom:44px !important;
    }
}

/* ==========================================================
   NETWORKING HERO — TRUE SPLIT LAYOUT
   Keeps all heading text on the left and devices clear on right
========================================================== */

.networking-page .networking-split-hero{
    padding:0 !important;
    overflow:hidden;
    background:
        radial-gradient(circle at 18% 18%, rgba(18,112,255,.20), transparent 34%),
        linear-gradient(135deg,#031b48 0%,#0747a6 100%) !important;
}

.networking-page .networking-hero-layout{
    width:100% !important;
    max-width:none !important;
    min-height:610px;
    display:grid;
    grid-template-columns:minmax(0,46%) minmax(0,54%);
    align-items:stretch;
    padding:0 !important;
}

.networking-page .networking-hero-copy{
    max-width:none !important;
    padding:70px 54px 58px max(60px, calc((100vw - 1180px)/2));
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:relative;
    z-index:2;
}

.networking-page .networking-hero-copy h1{
    max-width:700px !important;
    margin:24px 0 18px;
    font-size:clamp(40px,4vw,58px) !important;
    line-height:1.1 !important;
}

.networking-page .networking-hero-copy p{
    max-width:660px !important;
    margin-bottom:0;
    font-size:18px;
    line-height:1.75;
}

.networking-page .networking-hero-copy .hero-actions{
    margin:30px 0 26px;
}

.networking-page .networking-hero-copy .hero-actions a{
    min-height:56px;
    border-radius:11px;
}

.networking-page .networking-hero-copy .breadcrumb{
    margin-top:0;
}

.networking-page .networking-hero-device-panel{
    position:relative;
    min-width:0;
    min-height:610px;
    overflow:hidden;
    background:#07152d;
}

.networking-page .networking-hero-device-panel::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    z-index:1;
    width:120px;
    background:linear-gradient(90deg,#0747a6 0%,rgba(7,71,166,.62) 35%,transparent 100%);
    pointer-events:none;
}

.networking-page .networking-hero-device-panel img{
    width:100%;
    height:100%;
    min-height:610px;
    display:block;
    object-fit:cover;
    object-position:center;
    filter:saturate(1.03) contrast(1.02);
}



@media(max-width:1100px){
    .networking-page .networking-hero-layout{
        grid-template-columns:minmax(0,50%) minmax(0,50%);
        min-height:570px;
    }

    .networking-page .networking-hero-copy{
        padding:58px 36px 50px 40px;
    }

    .networking-page .networking-hero-copy h1{
        font-size:clamp(36px,4.4vw,50px) !important;
    }

    .networking-page .networking-hero-device-panel,
    .networking-page .networking-hero-device-panel img{
        min-height:570px;
    }
}

@media(max-width:800px){
    .networking-page .networking-hero-layout{
        grid-template-columns:1fr;
    }

    .networking-page .networking-hero-copy{
        padding:52px 28px 44px;
    }

    .networking-page .networking-hero-copy h1{
        max-width:760px !important;
        font-size:40px !important;
    }

    .networking-page .networking-hero-device-panel{
        min-height:390px;
    }

    .networking-page .networking-hero-device-panel img{
        min-height:390px;
        object-position:center;
    }

    .networking-page .networking-hero-device-panel::before{
        inset:0 0 auto 0;
        width:auto;
        height:80px;
        background:linear-gradient(180deg,#0747a6 0%,transparent 100%);
    }
}

@media(max-width:520px){
    .networking-page .networking-hero-copy{
        padding:42px 20px 36px;
    }

    .networking-page .networking-hero-copy h1{
        font-size:34px !important;
    }

    .networking-page .networking-hero-copy p{
        font-size:16px;
    }

    .networking-page .networking-hero-device-panel,
    .networking-page .networking-hero-device-panel img{
        min-height:300px;
    }
}


/* ===== HERO LAYOUT REFINEMENT ===== */

.networking-page .networking-hero-layout{
    max-width:1180px !important;
    margin:0 auto !important;
    grid-template-columns:52% 48% !important;
    gap:40px !important;
    min-height:500px !important;
}

.networking-page .networking-hero-copy{
    max-width:580px !important;
    position:relative;
    z-index:5;
}

.networking-page .networking-hero-copy h1{
    font-size:clamp(38px,3.8vw,54px) !important;
    line-height:1.1 !important;
}

.networking-page .networking-hero-device-panel{
    min-height:500px !important;
}

.networking-page .networking-hero-device-panel img{
    width:100%;
    height:500px !important;
    object-fit:contain !important;
    object-position:center right !important;
}

/* ==========================================================
   FINAL NETWORKING HERO VISIBILITY FIX
   Full-width split hero: visible text left, clear devices right
========================================================== */

.networking-page .networking-split-hero{
    padding:0 !important;
    overflow:hidden !important;
    background:
        radial-gradient(circle at 18% 20%, rgba(22,115,255,.18), transparent 34%),
        linear-gradient(135deg,#031b48 0%,#0747a6 100%) !important;
    background-image:
        radial-gradient(circle at 18% 20%, rgba(22,115,255,.18), transparent 34%),
        linear-gradient(135deg,#031b48 0%,#0747a6 100%) !important;
}

.networking-page .networking-hero-layout{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    min-height:500px !important;
    display:grid !important;
    grid-template-columns:minmax(0,46%) minmax(0,54%) !important;
    gap:0 !important;
    align-items:stretch !important;
    padding:0 !important;
}

.networking-page .networking-hero-copy{
    max-width:none !important;
    min-width:0 !important;
    padding:56px 48px 48px max(60px, calc((100vw - 1180px)/2)) !important;
    position:relative !important;
    z-index:5 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    color:#ffffff !important;
    background:transparent !important;
    opacity:1 !important;
    visibility:visible !important;
}

.networking-page .networking-hero-copy .hero-tag,
.networking-page .networking-hero-copy h1,
.networking-page .networking-hero-copy p,
.networking-page .networking-hero-copy .hero-actions,
.networking-page .networking-hero-copy .breadcrumb{
    opacity:1 !important;
    visibility:visible !important;
}

.networking-page .networking-hero-copy h1{
    max-width:670px !important;
    margin:20px 0 16px !important;
    color:#ffffff !important;
    font-size:clamp(38px,3.8vw,54px) !important;
    line-height:1.1 !important;
}

.networking-page .networking-hero-copy p{
    max-width:640px !important;
    margin:0 !important;
    color:#dbeafe !important;
    font-size:17px !important;
    line-height:1.72 !important;
}

.networking-page .networking-hero-copy .hero-actions{
    margin:26px 0 24px !important;
}

.networking-page .networking-hero-copy .hero-actions a{
    min-height:54px !important;
    border-radius:11px !important;
}

.networking-page .networking-hero-device-panel{
    position:relative !important;
    min-width:0 !important;
    min-height:500px !important;
    overflow:hidden !important;
    background:#07152d !important;
}

.networking-page .networking-hero-device-panel::before{
    content:"" !important;
    position:absolute !important;
    inset:0 auto 0 0 !important;
    z-index:1 !important;
    width:80px !important;
    background:linear-gradient(90deg,#0747a6 0%,rgba(7,71,166,.45) 45%,transparent 100%) !important;
    pointer-events:none !important;
}

.networking-page .networking-hero-device-panel img{
    width:100% !important;
    height:500px !important;
    min-height:500px !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center center !important;
    background:#07152d !important;
}

@media(max-width:1100px){
    .networking-page .networking-hero-layout{
        grid-template-columns:minmax(0,50%) minmax(0,50%) !important;
        min-height:470px !important;
    }

    .networking-page .networking-hero-copy{
        padding:48px 32px 42px 36px !important;
    }

    .networking-page .networking-hero-copy h1{
        font-size:clamp(34px,4.2vw,46px) !important;
    }

    .networking-page .networking-hero-device-panel,
    .networking-page .networking-hero-device-panel img{
        min-height:470px !important;
        height:470px !important;
    }
}

@media(max-width:800px){
    .networking-page .networking-hero-layout{
        grid-template-columns:1fr !important;
    }

    .networking-page .networking-hero-copy{
        padding:46px 28px 40px !important;
    }

    .networking-page .networking-hero-copy h1{
        font-size:38px !important;
    }

    .networking-page .networking-hero-device-panel,
    .networking-page .networking-hero-device-panel img{
        min-height:360px !important;
        height:360px !important;
    }

    .networking-page .networking-hero-device-panel::before{
        inset:0 0 auto 0 !important;
        width:auto !important;
        height:65px !important;
        background:linear-gradient(180deg,#0747a6 0%,transparent 100%) !important;
    }
}

@media(max-width:520px){
    .networking-page .networking-hero-copy{
        padding:40px 20px 34px !important;
    }

    .networking-page .networking-hero-copy h1{
        font-size:32px !important;
    }

    .networking-page .networking-hero-device-panel,
    .networking-page .networking-hero-device-panel img{
        min-height:280px !important;
        height:280px !important;
    }
}

/* ==========================================================
   FINAL COMPACT SPLIT HERO OVERRIDE
========================================================== */

.networking-page .networking-hero-layout{
    min-height:440px !important;
}

.networking-page .networking-hero-copy{
    padding-top:30px !important;
    padding-bottom:30px !important;
}

.networking-page .networking-hero-copy h1{
    font-size:clamp(34px,3.25vw,46px) !important;
    line-height:1.08 !important;
    margin-top:16px !important;
    margin-bottom:12px !important;
}

.networking-page .networking-hero-copy p{
    font-size:16px !important;
    line-height:1.6 !important;
}

.networking-page .networking-hero-copy .hero-actions{
    margin-top:18px !important;
    margin-bottom:16px !important;
}

.networking-page .networking-hero-device-panel,
.networking-page .networking-hero-device-panel img{
    min-height:440px !important;
    height:440px !important;
}

.networking-page .networking-hero-device-panel img{
    object-fit:cover !important;
    object-position:center !important;
}

@media(max-width:1100px){
    .networking-page .networking-hero-layout{
        min-height:410px !important;
    }

    .networking-page .networking-hero-copy{
        padding-top:26px !important;
        padding-bottom:26px !important;
    }

    .networking-page .networking-hero-copy h1{
        font-size:38px !important;
    }

    .networking-page .networking-hero-device-panel,
    .networking-page .networking-hero-device-panel img{
        min-height:410px !important;
        height:410px !important;
    }
}

@media(max-width:800px){
    .networking-page .networking-hero-layout{
        min-height:auto !important;
    }

    .networking-page .networking-hero-device-panel,
    .networking-page .networking-hero-device-panel img{
        min-height:300px !important;
        height:300px !important;
    }
}