/* ==========================================================
   NETWORK PAGE
========================================================== */

/* ==========================================================
   INTRO
========================================================== */

.network-intro__grid{

}

.network-intro__content{

}

.network-intro__card{

}

/* ==========================================================
   PROBLEMS
========================================================== */

.network-problems__grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;

}

.problem-card{

    padding:35px;

    border-radius:20px;

    background:var(--surface);

    border:1px solid var(--border-color);

    transition:.35s;

}

.problem-card:hover{

    transform:translateY(-8px);

}

.problem-card__icon{

    width:64px;
    height:64px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:18px;

    margin-bottom:25px;

    font-size:1.5rem;

}

.problem-card h3{

    margin-bottom:15px;

}

.problem-card p{

    line-height:1.8;

}

@media(max-width:992px){

.network-problems__grid{

grid-template-columns:1fr;

}

}

/* ==========================================================
   TARGET GROUPS
========================================================== */

.network-target__grid{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;

}

.target-card{

    padding:40px;

    border:1px solid var(--border-color);
    border-radius:20px;

    background:var(--surface);

    transition:.35s;

}

.target-card:hover{

    transform:translateY(-8px);

}

.target-card i{

    font-size:2rem;

    margin-bottom:25px;

}

.target-card h3{

    margin-bottom:20px;

}

.target-card p{

    line-height:1.8;

}

@media(max-width:992px){

.network-target__grid{

grid-template-columns:1fr;

}

}
/* ==========================================================
   NETWORK SERVICES
========================================================== */

.network-services__grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;

}

.service-item{

    padding:35px;

    background:var(--surface);

    border:1px solid var(--border-color);

    border-radius:20px;

    transition:.35s;

}

.service-item:hover{

    transform:translateY(-8px);

}

.service-item i{

    font-size:2rem;

    margin-bottom:20px;

}

.service-item h3{

    margin-bottom:15px;

}

.service-item p{

    line-height:1.8;

}

@media(max-width:992px){

.network-services__grid{

    grid-template-columns:1fr;

}

}
/* ==========================================================
   TECHNOLOGIES
========================================================== */

.network-technologies__grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;

}

.technology-card{

    padding:35px;

    background:var(--surface);

    border:1px solid var(--border-color);

    border-radius:20px;

    transition:.35s;

}

.technology-card:hover{

    transform:translateY(-8px);

}

.technology-card h3{

    margin-bottom:20px;

}

.technology-card p{

    line-height:1.8;

}

.network-technologies__note{

    margin-top:70px;

    padding:45px;

    border-radius:24px;

    background:rgba(0,120,255,.08);

    border:1px solid rgba(0,120,255,.18);

}

.network-technologies__note h3{

    margin-bottom:20px;

}

.network-technologies__note p{

    line-height:1.9;

}

@media(max-width:992px){

.network-technologies__grid{

grid-template-columns:1fr;

}

}

.network-problems__grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;

}

.network-target__grid{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;

}

.network-services__grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;

}

.network-technologies__grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;

}

/* ==========================================================
   FAQ
========================================================== */

.faq-list{

    display:flex;
    flex-direction:column;
    gap:20px;

}

.faq-item{

    padding:24px 30px;

}

.faq-item summary{

    cursor:pointer;
    font-weight:600;

}

/* ==========================================================
   CTA
========================================================== */

.network-cta .card{

    text-align:center;
    padding:60px;

}

.cta-buttons{

    display:flex;
    justify-content:center;
    gap:20px;
    margin-top:40px;

}

@media(max-width:768px){

    .cta-buttons{

        flex-direction:column;
        align-items:center;

    }

}