/* Modern Networking Design Page */

/* Header Section */
.infotech-net-bd-networking-design {
    background: linear-gradient(120deg, #f7fff7 0%, #bbe1fa 100%);
    color: #192a56;
    padding: 110px 0 60px 0;
    text-align: center;
    border-bottom: 4px solid #3282b8;
    position: relative;
    overflow: hidden;
}
.infotech-net-bd-networking-design h1 {
    font-size: 2.7em;
    font-weight: 900;
    margin-bottom: 15px;
    letter-spacing: 2px;
    color: #0f4c75;
    text-shadow: 0 3px 20px rgba(50,130,184,0.10);
}
.infotech-net-bd-networking-design p {
    font-size: 1.16em;
    margin-bottom: 10px;
    color: #192a56;
    opacity: 0.95;
}

/* Decorative Geometric Backgrounds */
.infotech-net-bd-networking-design::before {
    content: "";
    position: absolute;
    left: -90px; top: -70px;
    width: 320px; height: 140px;
    background: radial-gradient(circle, #3282b8 0%, transparent 70%);
    opacity: 0.11;
    z-index: 0;
}
.infotech-net-bd-networking-design::after {
    content: "";
    position: absolute;
    right: -70px; bottom: -50px;
    width: 210px; height: 100px;
    background: radial-gradient(circle, #f9f7f7 0%, transparent 70%);
    opacity: 0.08;
    z-index: 0;
}

/* Content Section */
.infotech-net-bd-networking-design-content {
    background: #f7faff;
    margin: 48px auto 40px auto;
    max-width: 750px;
    border-radius: 28px;
    padding: 64px 50px 40px 50px;
    box-shadow: 0 10px 38px rgba(50,130,184,0.09);
    text-align: left;
    border: 2px solid #3282b8;
    position: relative;
    z-index: 1;
}
.infotech-net-bd-networking-design-content h2 {
    color: #0f4c75;
    margin-top: 0;
    margin-bottom: 32px;
    font-size: 2em;
    font-weight: 800;
    letter-spacing: 0.6px;
}
.infotech-net-bd-networking-design-feature {
    background: linear-gradient(90deg, #eaf6fb 80%, #f7fff7 100%);
    border-left: 8px solid #3282b8;
    border-radius: 15px;
    padding: 28px 22px 18px 38px;
    margin-bottom: 26px;
    box-shadow: 0 3px 15px rgba(50,130,184,0.07);
    font-size: 1.14em;
    color: #24305e;
    transition: border-color 0.3s, box-shadow 0.2s, background 0.2s;
    position: relative;
}
.infotech-net-bd-networking-design-feature strong {
    color: #3282b8;
    font-size: 1.18em;
    font-weight: 800;
    letter-spacing: 0.5px;
}
.infotech-net-bd-networking-design-feature:hover {
    border-color: #00b894;
    background: linear-gradient(90deg, #f7fff7 70%, #eaf6fb 100%);
    box-shadow: 0 10px 32px rgba(0,184,148,0.12);
    color: #192a56;
}
.infotech-net-bd-networking-design-content p {
    margin-bottom: 18px;
    line-height: 1.78;
    color: #24305e;
}

/* Responsive Design */
@media (max-width: 900px) {
    .infotech-net-bd-networking-design-content {
        padding: 30px 14px 18px 14px;
    }
    .infotech-net-bd-networking-design h1 {
        font-size: 1.7em;
    }
}
@media (max-width: 600px) {
    .infotech-net-bd-networking-design-content {
        padding: 14px 2vw;
        border-radius: 11px;
    }
    .infotech-net-bd-networking-design h1 {
        font-size: 1em;
    }
}