/*
Theme Name: Shabakegostar
Description: IT Network Care custom theme
Version: 1.0.2
Text Domain: shabakegostar
*/
/* =========================================================
   IT NETWORK CARE أ¢â‚¬â€‌ SERVICE PAGES
   COMPLETE RESPONSIVE / TYPOGRAPHY / RTL / GRAPHICS
   Coordinated with single-service.php
   FULL REPLACEMENT
   ========================================================= */


/* =========================================================
   ROOT / GLOBAL SAFETY
   ========================================================= */

.service-network-page,
.service-server-page,
.service-passive-page,
.service-mikrotik-page,
.service-landing,
.service-security-page {
    position: relative;
    width: 100%;
    min-width: 0;

    --service-primary: var(--inc-primary, #19c7d4);
    --service-text: var(--inc-text, #f7fbfd);
    --service-text-soft: var(--inc-text-soft, #dce7eb);
    --service-border: var(--inc-border, rgba(255,255,255,.08));
    --service-shadow: var(
        --inc-shadow,
        0 22px 55px rgba(0,0,0,.22)
    );
}


/*
 * ط¸â€¦ط¸â€،ط¸â€¦:
 * overflow: clip ط·آ§ط·آ² ط·آ±ط؛إ’ط·آ´ط¸â€، ط·آ­ط·آ°ط¸ظ¾ ط·آ´ط·آ¯.
 * ط¹آ¯ط·آ±ط·آ§ط¸ظ¾ط؛إ’ط¹آ©أ¢â‚¬إ’ط¸â€،ط·آ§ط·إ’ SVGط¸â€،ط·آ§ط·إ’ shadow ط¸ث† ط·آ¹ط¸â€ ط·آ§ط·آµط·آ± absolute
 * ط¸â€ ط·آ¨ط·آ§ط؛إ’ط·آ¯ ط·ع¾ط¸ث†ط·آ³ط·آ· wrapper ط·آ§ط·آµط¸â€‍ط؛إ’ ط·آ¨ط·آ±ط؛إ’ط·آ¯ط¸â€، ط·آ´ط¸ث†ط¸â€ ط·آ¯.
 */

.service-network-page *,
.service-server-page *,
.service-passive-page *,
.service-mikrotik-page *,
.service-landing *,
.service-security-page * {
    box-sizing: border-box;
    min-width: 0;
}

.service-network-page .container,
.service-server-page .container,
.service-passive-page .container,
.service-mikrotik-page .container,
.service-landing .container,
.service-security-page .container {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
    min-width: 0;
}

.service-network-page img,
.service-network-page svg,
.service-server-page img,
.service-server-page svg,
.service-passive-page img,
.service-passive-page svg,
.service-mikrotik-page img,
.service-mikrotik-page svg,
.service-landing img,
.service-landing svg,
.service-security-page img,
.service-security-page svg {
    max-width: 100%;
}

.service-network-page button,
.service-server-page button,
.service-passive-page button,
.service-mikrotik-page button,
.service-landing button,
.service-security-page button {
    font: inherit;
}


/* =========================================================
   SERVICE HERO
   ========================================================= */

.network-service-hero,
.server-service-hero,
.passive-service-hero,
.mikrotik-service-hero,
.service-landing__hero,
.service-security-hero {
    position: relative;
    padding: 96px 0 86px;
    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(25,199,212,.075),
            transparent 28rem
        ),
        radial-gradient(
            circle at 88% 72%,
            rgba(25,199,212,.045),
            transparent 30rem
        );
}

.network-service-hero__grid,
.server-service-hero__grid,
.passive-service-hero__grid,
.mikrotik-service-hero__grid,
.service-landing__hero-grid {
    display: grid;
    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);
    align-items: center;
    gap: clamp(42px,6vw,78px);
}

.network-service-hero__copy,
.server-service-hero__copy,
.passive-service-hero__copy,
.mikrotik-service-hero__copy,
.service-landing__hero-content {
    min-width: 0;
}

.network-service-hero__copy > span,
.server-service-hero__copy > span,
.passive-service-hero__copy > span,
.mikrotik-service-hero__copy > span,
.service-landing__eyebrow,
.service-security__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 17px;
    color: var(--service-primary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.7;
}

.network-service-hero__copy > span::before,
.server-service-hero__copy > span::before,
.passive-service-hero__copy > span::before,
.mikrotik-service-hero__copy > span::before,
.service-landing__eyebrow::before,
.service-security__eyebrow::before {
    content: "";
    width: 25px;
    height: 2px;
    flex: 0 0 25px;
    border-radius: 999px;
    background: var(--service-primary);
}

.network-service-hero__copy h1,
.server-service-hero__copy h1,
.passive-service-hero__copy h1,
.mikrotik-service-hero__copy h1,
.service-landing__hero-content h1,
.service-security-hero h1 {
    max-width: 720px;
    margin: 0 0 20px;
    color: var(--service-text);
    font-size: clamp(38px,4.6vw,58px);
    font-weight: 800;
    line-height: 1.45;
    letter-spacing: -.025em;

    /*
     * ط·آ§ط·آ² word-break:anywhere ط·آ¬ط¸â€‍ط¸ث†ط¹آ¯ط؛إ’ط·آ±ط؛إ’ ط·آ´ط·آ¯.
     * ط·آ¨ط·آ±ط·آ§ط؛إ’ ط¸ظ¾ط·آ§ط·آ±ط·آ³ط؛إ’ ط·آ´ط¹آ©ط·آ³ط·ع¾ ط·آ·ط·آ¨ط؛إ’ط·آ¹ط؛إ’ ط·آ¨ط¸â€،ط·ع¾ط·آ± ط·آ§ط·آ³ط·ع¾.
     */
    overflow-wrap: normal;
    word-break: normal;
}

.network-service-hero__lead,
.server-service-hero__lead,
.passive-service-hero__lead,
.mikrotik-service-hero__lead,
.service-landing__lead,
.service-security-hero .service-landing__lead {
    max-width: 650px;
    margin: 0;
    color: var(--service-text-soft);
    font-size: 16px;
    font-weight: 400;
    line-height: 2.05;
}

.network-service-hero__actions,
.server-service-hero__actions,
.passive-service-hero__actions,
.mikrotik-service-hero__actions,
.service-landing__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 11px;
    margin-top: 28px;
}

.network-service-hero__actions .btn,
.server-service-hero__actions .btn,
.passive-service-hero__actions .btn,
.mikrotik-service-hero__actions .btn,
.service-landing__actions .btn {
    min-width: 145px;
}

.network-service-hero__visual,
.server-service-hero__visual,
.passive-service-hero__visual,
.mikrotik-service-hero__visual,
.service-landing__media,
.service-security__visual {
    min-width: 0;
    width: 100%;
}


/* =========================================================
   SERVICE HERO GRAPHICS
   ========================================================= */

.network-hero__frame,
.server-visual__frame,
.passive-visual__frame,
.mikrotik-visual__frame {
    display: block;
    width: 100%;
    height: auto;
    max-width: 620px;
    max-height: none;
    margin-inline: auto;

    /*
     * SVG / schematic ط·آ¨ط·آ§ط؛إ’ط·آ¯ ط¹آ©ط·آ§ط¸â€¦ط¸â€‍ ط·آ¯ط؛إ’ط·آ¯ط¸â€، ط·آ´ط¸ث†ط·آ¯.
     * object-fit:cover ط·آ¹ط¸â€¦ط·آ¯ط·آ§ط¸â€¹ ط·آ§ط·آ³ط·ع¾ط¸ظ¾ط·آ§ط·آ¯ط¸â€، ط¸â€ ط·آ´ط·آ¯ط¸â€،.
     */
    object-fit: contain;
    object-position: center;

    overflow: visible;

    filter: drop-shadow(
        0 28px 55px rgba(0,0,0,.25)
    );
}


/* =========================================================
   SERVICE SECTIONS
   ========================================================= */

.network-service-section,
.service-landing__details {
    position: relative;
    padding: 92px 0;
}

.network-service-section--soft {
    background: linear-gradient(
        180deg,
        rgba(255,255,255,.012),
        rgba(255,255,255,.006)
    );

    border-top: 1px solid rgba(255,255,255,.025);
    border-bottom: 1px solid rgba(255,255,255,.025);
}


/* =========================================================
   SECTION HEADINGS
   ========================================================= */

.service-network-page .section-heading,
.service-server-page .section-heading,
.service-passive-page .section-heading,
.service-mikrotik-page .section-heading,
.service-landing .section-heading,
.service-security-page .section-heading {
    max-width: 760px;
    margin: 0 auto 44px;
    text-align: center;
}

.service-network-page .section-heading--compact,
.service-server-page .section-heading--compact,
.service-passive-page .section-heading--compact,
.service-mikrotik-page .section-heading--compact,
.service-landing .section-heading--compact,
.service-security-page .section-heading--compact {
    margin-inline: 0;
    text-align: right;
}

.service-network-page .section-heading__eyebrow,
.service-server-page .section-heading__eyebrow,
.service-passive-page .section-heading__eyebrow,
.service-mikrotik-page .section-heading__eyebrow,
.service-landing .section-heading__eyebrow,
.service-security-page .section-heading__eyebrow {
    display: inline-block;
    margin: 0 0 10px;
    color: var(--service-primary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.7;
}

.service-network-page .section-heading h2,
.service-server-page .section-heading h2,
.service-passive-page .section-heading h2,
.service-mikrotik-page .section-heading h2,
.service-landing .section-heading h2,
.service-security-page .section-heading h2 {
    margin: 0 0 13px;
    color: var(--service-text);
    font-size: clamp(27px,3vw,39px);
    font-weight: 800;
    line-height: 1.55;
    overflow-wrap: normal;
    word-break: normal;
}

.service-network-page .section-heading p,
.service-server-page .section-heading p,
.service-passive-page .section-heading p,
.service-mikrotik-page .section-heading p,
.service-landing .section-heading p,
.service-security-page .section-heading p {
    max-width: 680px;
    margin: 0 auto;
    color: var(--service-text-soft);
    font-size: 15px;
    line-height: 2;
}


/* =========================================================
   SERVICE CARDS
   ========================================================= */

.network-service-grid,
.eset-service-grid {
    display: grid;
    grid-template-columns:
        repeat(3,minmax(0,1fr));
    gap: 18px;
}

.network-service-card,
.eset-service-card {
    position: relative;
    min-width: 0;
    min-height: 220px;

    display: flex;
    flex-direction: column;

    padding: 25px 23px 23px;

    border: 1px solid var(--service-border);
    border-radius: 18px;

    background: linear-gradient(
        145deg,
        rgba(17,27,38,.92),
        rgba(8,14,21,.94)
    );

    box-shadow:
        0 18px 48px rgba(0,0,0,.18);
}

.network-service-card::after,
.eset-service-card::after {
    content: "";
    position: absolute;
    top: 0;
    right: 22px;
    left: 22px;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(25,199,212,.22),
        transparent
    );
}

.network-service-card__number,
.eset-service-card > span {
    width: fit-content;
    min-width: 35px;
    height: 28px;

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

    margin-bottom: 18px;
    padding: 0 8px;

    border: 1px solid rgba(25,199,212,.16);
    border-radius: 8px;

    background: rgba(25,199,212,.055);
    color: var(--service-primary);

    font-size: 11px;
    font-weight: 800;
    direction: ltr;
}

.network-service-card__icon {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;

    display: grid;
    place-items: center;

    margin: -2px 0 17px;

    border: 1px solid rgba(25,199,212,.18);
    border-radius: 15px;

    background: radial-gradient(
        circle,
        rgba(25,199,212,.12),
        rgba(25,199,212,.025)
    );
}

.network-service-card__icon span {
    position: relative;
    width: 20px;
    height: 20px;

    display: block;

    border: 2px solid var(--service-primary);
    border-radius: 50%;

    box-shadow:
        0 0 18px rgba(25,199,212,.16);
}

.network-service-card__icon span::before,
.network-service-card__icon span::after {
    content: "";
    position: absolute;
    background: var(--service-primary);
}

.network-service-card__icon span::before {
    width: 28px;
    height: 2px;
    top: 7px;
    left: -6px;
}

.network-service-card__icon span::after {
    width: 2px;
    height: 28px;
    top: -6px;
    left: 7px;
}

.network-service-card h3,
.eset-service-card h3 {
    margin: 0 0 10px;
    color: var(--service-text);
    font-size: 18px;
    font-weight: 750;
    line-height: 1.7;
    overflow-wrap: normal;
    word-break: normal;
}

.network-service-card p,
.eset-service-card p {
    margin: 0;
    color: var(--service-text-soft);
    font-size: 14px;
    line-height: 2;
}


/* =========================================================
   NETWORK / PROBLEM AREA
   ========================================================= */

.network-service-two-column {
    display: grid;
    grid-template-columns:
        minmax(0,.9fr)
        minmax(0,1.1fr);
    align-items: start;
    gap: 55px;
}

.network-check-list {
    display: grid;
    gap: 11px;

    margin: 30px 0 0;
    padding: 0;

    list-style: none;
}

.network-check-list li {
    position: relative;

    padding: 13px 42px 13px 16px;

    border: 1px solid rgba(25,199,212,.10);
    border-radius: 12px;

    background: rgba(25,199,212,.035);
    color: var(--service-text-soft);

    font-size: 14px;
    line-height: 1.9;
}

.network-check-list li::before {
    content: "\2713";

    position: absolute;
    right: 15px;
    top: 50%;

    transform: translateY(-50%);

    color: var(--service-primary);
    font-weight: 900;
}

.network-problems-grid,
.server-problems-grid,
.passive-problems-grid,
.mikrotik-problems-grid {
    display: grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap: 12px;
}

.network-problem,
.server-problem,
.passive-problem,
.mikrotik-problem {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 13px;

    min-height: 76px;

    padding: 14px 17px;

    border: 1px solid rgba(255,255,255,.06);
    border-radius: 13px;

    background: rgba(255,255,255,.018);
}

.network-problem span,
.server-problem span,
.passive-problem span,
.mikrotik-problem span {
    flex: 0 0 30px;

    width: 30px;
    height: 30px;

    display: grid;
    place-items: center;

    border-radius: 9px;

    background: rgba(25,199,212,.08);
    color: var(--service-primary);

    font-size: 18px;
    font-weight: 500;
}

.network-problem p,
.server-problem p,
.passive-problem p,
.mikrotik-problem p {
    margin: 0;

    color: var(--service-text-soft);

    font-size: 14px;
    line-height: 1.9;
}


/* =========================================================
   PROCESS
   ========================================================= */

.network-process,
.server-process__list,
.passive-process__list,
.mikrotik-process__list {
    display: grid;
    grid-template-columns:
        repeat(4,minmax(0,1fr));
    gap: 15px;
}

.network-process__item,
.server-process__item,
.passive-process__item,
.mikrotik-process__item {
    position: relative;

    min-width: 0;
    min-height: 185px;

    padding: 24px 21px;

    border: 1px solid rgba(25,199,212,.11);
    border-radius: 16px;

    background: rgba(13,20,29,.72);
}

.network-process__item strong,
.server-process__item strong,
.passive-process__item strong,
.mikrotik-process__item strong {
    display: inline-flex;

    margin-bottom: 18px;

    color: var(--service-primary);

    font-size: 12px;
    direction: ltr;
}

.network-process__item h3,
.server-process__item h3,
.passive-process__item h3,
.mikrotik-process__item h3 {
    margin: 0 0 9px;

    color: var(--service-text);

    font-size: 17px;
    line-height: 1.7;

    overflow-wrap: normal;
    word-break: normal;
}

.network-process__item p,
.server-process__item p,
.passive-process__item p,
.mikrotik-process__item p {
    margin: 0;

    color: var(--service-text-soft);

    font-size: 14px;
    line-height: 1.95;
}


/* =========================================================
   GENERIC SERVICE HERO
   ========================================================= */

.service-landing__hero {
    min-height: 0;
}

.service-landing__media {
    position: relative;

    min-height: 340px;

    display: grid;
    place-items: center;

    overflow: hidden;

    border: 1px solid rgba(25,199,212,.13);
    border-radius: 22px;

    background: #091019;

    box-shadow: var(--service-shadow);
}

.service-landing__media img {
    display: block;

    width: 100%;
    height: auto;

    max-width: 100%;
    max-height: 520px;

    /*
     * contain:
     * ط·ع¾ط·آµط¸ث†ط؛إ’ط·آ± ط¸ث† ط·آ´ط¸â€¦ط·آ§ط·ع¾ط؛إ’ط¹آ© ط¹آ©ط·آ§ط¸â€¦ط¸â€‍ ط¸â€ ط¸â€¦ط·آ§ط؛إ’ط·آ´ ط·آ¯ط·آ§ط·آ¯ط¸â€، ط¸â€¦ط؛إ’أ¢â‚¬إ’ط·آ´ط¸ث†ط·آ¯.
     */
    object-fit: contain;
    object-position: center;
}

.service-landing__media-placeholder {
    display: grid;
    place-items: center;
    width: 100%;
    min-height: 340px;
    padding: 24px;
    gap: 12px;
    color: var(--service-text-soft);
    direction: rtl;
}

.service-landing__media-placeholder svg {
    display: block;

    width: 100%;
    height: auto;
    max-width: 560px;
    overflow: visible;
}
.service-technical-visual { color: var(--service-primary); }
.service-technical-visual .node { fill: rgba(13,21,31,.92); stroke: rgba(25,199,212,.42); stroke-width: 2; }
.service-technical-visual .node-main { fill: rgba(25,199,212,.1); stroke: var(--service-primary); }
.service-technical-visual .flow,
.service-technical-visual .cable { fill: none; stroke: rgba(131,244,248,.7); stroke-width: 3; stroke-linecap: round; stroke-dasharray: 8 12; animation: serviceFlow 3.8s linear infinite; }
.service-technical-visual .cable { stroke: rgba(25,199,212,.55); stroke-width: 2; animation-duration: 5s; }
.service-technical-visual .status { fill: #83f4f8; filter: drop-shadow(0 0 6px rgba(131,244,248,.8)); animation: servicePulse 2.2s ease-in-out infinite; }
.service-technical-visual .shield { fill: rgba(25,199,212,.12); stroke: var(--service-primary); stroke-width: 3; }
@keyframes serviceFlow { to { stroke-dashoffset: -40; } }
@keyframes servicePulse { 0%,100% { opacity: .55; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
    .service-technical-visual .flow,
    .service-technical-visual .cable,
    .service-technical-visual .status { animation: none; }
}


/* =========================================================
   GENERIC SERVICE CONTENT
   ========================================================= */

.service-landing__details-grid {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(280px,360px);

    align-items: start;

    gap: 55px;
}

.service-landing__content {
    min-width: 0;

    color: var(--service-text-soft);

    font-size: 15px;
    line-height: 2.1;

    /*
     * ط·آ¬ط¸â€‍ط¸ث†ط¹آ¯ط؛إ’ط·آ±ط؛إ’ ط·آ§ط·آ² ط·آ´ط¹آ©ط·آ³ط·ع¾ط¸â€  ط·آ¨ط؛إ’أ¢â‚¬إ’ط·آ¯ط¸â€‍ط؛إ’ط¸â€‍ ط¹آ©ط¸â€‍ط¸â€¦ط·آ§ط·ع¾ ط¸ظ¾ط·آ§ط·آ±ط·آ³ط؛إ’
     */
    overflow-wrap: normal;
    word-break: normal;
}

.service-landing__content > * {
    max-width: 100%;
}

.service-landing__content p {
    margin: 0 0 20px;

    color: var(--service-text-soft);

    font-size: 15px;
    line-height: 2.15;
}

.service-landing__content p:last-child {
    margin-bottom: 0;
}

.service-landing__content h2,
.service-landing__content h3,
.service-landing__content h4,
.service-landing__content h5,
.service-landing__content h6 {
    color: var(--service-text);
    font-weight: 800;

    overflow-wrap: normal;
    word-break: normal;
}

.service-landing__content h2 {
    margin: 0 0 18px;

    font-size: clamp(24px,2.7vw,32px);
    line-height: 1.65;
}

.service-landing__content h3 {
    margin: 32px 0 13px;

    font-size: 21px;
    line-height: 1.7;
}

.service-landing__content h4 {
    margin: 26px 0 11px;

    font-size: 18px;
    line-height: 1.75;
}

.service-landing__content h5 {
    margin: 22px 0 9px;

    font-size: 16px;
    line-height: 1.75;
}

.service-landing__content h6 {
    margin: 20px 0 8px;

    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   CONTENT LISTS
   ========================================================= */

.service-landing__content ul,
.service-landing__content ol {
    margin: 20px 0 25px;

    color: var(--service-text-soft);

    font-size: 15px;
    line-height: 2;
}

.service-landing__content ul {
    padding: 0;
    list-style: none;
}

.service-landing__content ol {
    padding: 0 28px 0 0;
}

.service-landing__content ul li,
.service-landing__content ol li {
    position: relative;

    margin: 0 0 10px;

    color: var(--service-text-soft);

    line-height: 2;
}

.service-landing__content ul li {
    padding: 0 23px 0 0;
}

.service-landing__content ul li::before {
    content: "";

    position: absolute;
    right: 2px;
    top: .86em;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: var(--service-primary);

    box-shadow:
        0 0 10px rgba(25,199,212,.25);
}

.service-landing__content ol li {
    padding-right: 3px;
}

.service-landing__content ol li::marker {
    color: var(--service-primary);
    font-weight: 800;
}

.service-landing__content li:last-child {
    margin-bottom: 0;
}


/* =========================================================
   INLINE CONTENT
   ========================================================= */

.service-landing__content strong,
.service-landing__content b {
    color: var(--service-text);
    font-weight: 800;
}

.service-landing__content em,
.service-landing__content i {
    color: var(--service-text);
}

.service-landing__content a {
    color: var(--service-primary);

    text-decoration: none;
    text-underline-offset: 3px;

    overflow-wrap: normal;
    word-break: normal;
}

.service-landing__content a:hover {
    text-decoration: underline;
}

.service-landing__content small {
    font-size: .9em;
}

.service-landing__content mark {
    padding: .1em .3em;

    border-radius: 4px;

    background: rgba(25,199,212,.12);
    color: var(--service-text);
}


/* =========================================================
   BLOCKQUOTE
   ========================================================= */

.service-landing__content blockquote {
    margin: 25px 0;
    padding: 18px 20px;

    border-right: 3px solid var(--service-primary);
    border-radius: 10px;

    background: rgba(25,199,212,.035);

    color: var(--service-text-soft);
}

.service-landing__content blockquote p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   HR
   ========================================================= */

.service-landing__content hr {
    margin: 34px 0;

    border: 0;
    border-top: 1px solid rgba(255,255,255,.08);
}


/* =========================================================
   TABLES
   ========================================================= */

.service-landing__content table {
    width: 100%;

    margin: 25px 0;

    border-collapse: collapse;
    border-spacing: 0;

    font-size: 14px;
}

.service-landing__content th,
.service-landing__content td {
    padding: 12px 14px;

    border: 1px solid rgba(255,255,255,.08);

    text-align: right;
    vertical-align: top;

    line-height: 1.9;
}

.service-landing__content th {
    color: var(--service-text);

    background: rgba(25,199,212,.05);

    font-weight: 800;
}

.service-landing__content td {
    color: var(--service-text-soft);
}


/* =========================================================
   MEDIA / EMBEDS
   ========================================================= */

.service-landing__content img {
    display: block;

    width: auto;
    height: auto;

    max-width: 100%;
    max-height: none;

    margin: 20px auto;

    border-radius: 12px;

    object-fit: contain;
}

.service-landing__content figure {
    width: 100%;
    max-width: 100%;

    margin: 25px 0;
}

.service-landing__content figure img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.service-landing__content figcaption {
    margin-top: 8px;

    color: var(--service-text-soft);

    font-size: 13px;
    line-height: 1.8;

    text-align: center;
}

.service-landing__content iframe,
.service-landing__content video {
    display: block;

    width: 100%;
    max-width: 100%;

    border: 0;
}

.service-landing__content video {
    height: auto;
}


/* =========================================================
   CODE
   ========================================================= */

.service-landing__content code {
    direction: ltr;
    text-align: left;
    unicode-bidi: plaintext;
}

.service-landing__content pre {
    max-width: 100%;

    margin: 24px 0;
    padding: 18px;

    overflow-x: auto;

    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;

    background: #080d13;
    color: var(--service-text-soft);

    font-size: 13px;
    line-height: 1.8;

    direction: ltr;
    text-align: left;

    white-space: pre;
}


/* =========================================================
   SERVICE SIDEBAR
   ========================================================= */

.service-landing__sidebar-card {
    position: sticky;
    top: 100px;

    min-width: 0;

    padding: 26px 23px;

    border: 1px solid rgba(25,199,212,.15);
    border-radius: 18px;

    background: linear-gradient(
        145deg,
        rgba(17,27,38,.92),
        rgba(8,14,21,.96)
    );

    box-shadow:
        0 22px 55px rgba(0,0,0,.22);
}

.service-landing__sidebar-card h2 {
    margin: 0 0 18px;

    color: var(--service-text);

    font-size: 20px;
    line-height: 1.7;
}

.service-feature-list {
    margin: 0 0 22px;
    padding: 0;

    list-style: none;
}

.service-feature-list li {
    position: relative;

    margin: 0;
    padding: 10px 28px 10px 0;

    border-bottom: 1px solid rgba(255,255,255,.055);

    color: var(--service-text-soft);

    font-size: 14px;
    line-height: 1.9;
}

.service-feature-list li::before {
    content: "\2713";

    position: absolute;
    right: 0;
    top: 10px;

    color: var(--service-primary);

    font-weight: 900;
}

.service-feature-list li:last-child {
    border-bottom: 0;
}

.service-landing__sidebar-card .btn {
    width: 100%;
}


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

.service-network-page .cta-section,
.service-server-page .cta-section,
.service-passive-page .cta-section,
.service-mikrotik-page .cta-section,
.service-landing .cta-section,
.service-security-page .cta-section {
    padding: 65px 0;

    background: linear-gradient(
        135deg,
        #0a1119,
        #071018
    );

    border-top: 1px solid rgba(25,199,212,.10);
}

.service-network-page .cta-section .container,
.service-server-page .cta-section .container,
.service-passive-page .cta-section .container,
.service-mikrotik-page .cta-section .container,
.service-landing .cta-section .container,
.service-security-page .cta-section .container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;

    gap: 35px;
}

.cta-section__eyebrow {
    display: block;

    margin-bottom: 8px;

    color: var(--service-primary);

    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
}

.cta-section h2 {
    margin: 0 0 8px;

    color: var(--service-text);

    font-size: clamp(24px,3vw,36px);
    line-height: 1.6;
}

.cta-section p {
    margin: 0;

    color: var(--service-text-soft);

    font-size: 14px;
    line-height: 2;
}


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

.network-final-cta,
.server-final-cta,
.passive-final-cta,
.mikrotik-final-cta {
    padding: 58px 0;

    border-top: 1px solid rgba(25,199,212,.10);

    background:
        radial-gradient(
            circle at 15% 50%,
            rgba(25,199,212,.075),
            transparent 28rem
        ),
        linear-gradient(
            135deg,
            #0a1119,
            #071018
        );
}

.network-final-cta .container,
.server-final-cta .container,
.passive-final-cta .container,
.mikrotik-final-cta .container {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 35px;
}

.network-final-cta span,
.server-final-cta span,
.passive-final-cta span,
.mikrotik-final-cta span {
    display: block;

    margin-bottom: 9px;

    color: var(--service-primary);

    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
}

.network-final-cta h2,
.server-final-cta h2,
.passive-final-cta h2,
.mikrotik-final-cta h2 {
    margin: 0;

    color: var(--service-text);

    font-size: clamp(23px,2.8vw,34px);
    line-height: 1.6;
}

.network-final-cta p,
.server-final-cta p,
.passive-final-cta p,
.mikrotik-final-cta p {
    margin: 8px 0 0;

    color: var(--service-text-soft);

    font-size: 14px;
    line-height: 2;
}


/* =========================================================
   SECURITY / ESET
   ========================================================= */

.service-security__visual {
    min-height: 390px;

    display: grid;
    place-items: center;
}

.service-security__shield {
    position: relative;

    width: min(330px,72%);

    aspect-ratio: .84;

    display: grid;
    place-items: center;

    clip-path: polygon(
        50% 0%,
        91% 15%,
        87% 64%,
        75% 82%,
        50% 100%,
        25% 82%,
        13% 64%,
        9% 15%
    );

    background: linear-gradient(
        145deg,
        rgba(25,199,212,.9),
        rgba(15,91,111,.85)
    );

    filter: drop-shadow(
        0 30px 50px rgba(0,0,0,.32)
    );
}

.service-security__shield::before {
    content: "";

    position: absolute;
    inset: 3px;

    clip-path: inherit;

    background: #0a121b;
}

.service-security__shield-core {
    position: relative;
    z-index: 1;

    width: 58%;
    aspect-ratio: 1;

    display: grid;
    place-items: center;

    border: 1px solid rgba(25,199,212,.28);
    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(25,199,212,.16),
        rgba(8,15,22,.96) 68%
    );

    color: var(--service-primary);

    font-size: clamp(22px,3vw,32px);
    font-weight: 900;

    letter-spacing: .08em;

    box-shadow:
        inset 0 0 35px rgba(25,199,212,.07),
        0 0 35px rgba(25,199,212,.08);
}

.eset-inline-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 25px;

    margin-top: 38px;
    padding: 22px;

    border: 1px solid rgba(25,199,212,.13);
    border-radius: 16px;

    background: rgba(25,199,212,.035);
}

.eset-inline-cta strong {
    display: block;

    margin-bottom: 5px;

    color: var(--service-text);

    font-size: 14px;
    line-height: 1.8;
}

.eset-inline-cta p {
    margin: 0;

    color: var(--service-text-soft);

    font-size: 13px;
    line-height: 1.9;
}

.eset-inline-cta .btn {
    flex: 0 0 auto;
}

.eset-faq {
    margin-top: 45px;
}

.eset-faq h2 {
    margin-bottom: 18px;
}

.eset-faq details {
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.eset-faq summary {
    position: relative;

    cursor: pointer;

    padding: 17px 30px 17px 0;

    color: var(--service-text);

    font-size: 15px;
    font-weight: 700;
    line-height: 1.9;
}

.eset-faq summary::before {
    content: "+";

    position: absolute;
    right: 0;

    color: var(--service-primary);

    font-size: 18px;
    font-weight: 400;
}

.eset-faq details[open] summary::before {
    content: "\2212";
}

.eset-faq details p {
    margin: 0 0 16px;

    color: var(--service-text-soft);

    font-size: 14px;
    line-height: 2;
}

.service-security-details .service-landing__sidebar-card {
    top: 100px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1050px) {

    .network-service-hero,
    .server-service-hero,
    .passive-service-hero,
    .mikrotik-service-hero,
    .service-landing__hero,
    .service-security-hero {
        padding: 78px 0 70px;
    }

    .network-service-grid,
    .eset-service-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .network-process,
    .server-process__list,
    .passive-process__list,
    .mikrotik-process__list {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .network-service-two-column {
        grid-template-columns: 1fr;
    }

    .service-landing__details-grid {
        grid-template-columns:
            minmax(0,1fr)
            310px;

        gap: 35px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:780px) {

    .service-network-page .container,
    .service-server-page .container,
    .service-passive-page .container,
    .service-mikrotik-page .container,
    .service-landing .container,
    .service-security-page .container {
        width: calc(100% - 32px);
    }

    .network-service-hero,
    .server-service-hero,
    .passive-service-hero,
    .mikrotik-service-hero,
    .service-landing__hero,
    .service-security-hero {
        padding: 64px 0 56px;
    }

    .network-service-hero__grid,
    .server-service-hero__grid,
    .passive-service-hero__grid,
    .mikrotik-service-hero__grid,
    .service-landing__hero-grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .network-service-hero__copy h1,
    .server-service-hero__copy h1,
    .passive-service-hero__copy h1,
    .mikrotik-service-hero__copy h1,
    .service-landing__hero-content h1,
    .service-security-hero h1 {
        max-width: 100%;

        margin-bottom: 16px;

        font-size: clamp(33px,8vw,43px);
        line-height: 1.55;
    }

    .network-service-hero__lead,
    .server-service-hero__lead,
    .passive-service-hero__lead,
    .mikrotik-service-hero__lead,
    .service-landing__lead {
        font-size: 15px;
        line-height: 2.05;
    }

    .network-service-hero__actions,
    .server-service-hero__actions,
    .passive-service-hero__actions,
    .mikrotik-service-hero__actions,
    .service-landing__actions {
        margin-top: 23px;
    }

    .network-service-hero__actions .btn,
    .server-service-hero__actions .btn,
    .passive-service-hero__actions .btn,
    .mikrotik-service-hero__actions .btn,
    .service-landing__actions .btn {
        min-height: 50px;
    }

    .network-service-hero__visual,
    .server-service-hero__visual,
    .passive-service-hero__visual,
    .mikrotik-service-hero__visual,
    .service-landing__media,
    .service-security__visual {
        order: 2;
    }

    /*
     * ط¹آ¯ط·آ±ط·آ§ط¸ظ¾ط؛إ’ط¹آ© Hero:
     * ط¸â€¦ط·آ­ط·آ¯ط¸ث†ط·آ¯ط؛إ’ط·ع¾ ط·آ§ط·آ±ط·ع¾ط¸ظ¾ط·آ§ط·آ¹ ط¸ظ¾ط¸â€ڑط·آ· ط·آ¨ط·آ±ط·آ§ط؛إ’ viewport ط¸â€¦ط¸ث†ط·آ¨ط·آ§ط؛إ’ط¸â€‍.
     * ط·ع¾ط·آµط¸ث†ط؛إ’ط·آ± ط¸â€،ط¸â€¦ط¹â€ ط¸â€ ط·آ§ط¸â€  ط¹آ©ط·آ§ط¸â€¦ط¸â€‍ ط·آ¯ط؛إ’ط·آ¯ط¸â€، ط¸â€¦ط؛إ’أ¢â‚¬إ’ط·آ´ط¸ث†ط·آ¯.
     */

    .network-hero__frame,
    .server-visual__frame,
    .passive-visual__frame,
    .mikrotik-visual__frame {
        width: 100%;
        max-width: 600px;
        max-height: 360px;

        object-fit: contain;
    }

    .network-service-section,
    .service-landing__details {
        padding: 68px 0;
    }

    .service-network-page .section-heading,
    .service-server-page .section-heading,
    .service-passive-page .section-heading,
    .service-mikrotik-page .section-heading,
    .service-landing .section-heading,
    .service-security-page .section-heading {
        margin-bottom: 31px;
    }

    .service-network-page .section-heading h2,
    .service-server-page .section-heading h2,
    .service-passive-page .section-heading h2,
    .service-mikrotik-page .section-heading h2,
    .service-landing .section-heading h2,
    .service-security-page .section-heading h2 {
        font-size: 28px;
        line-height: 1.6;
    }

    .service-network-page .section-heading p,
    .service-server-page .section-heading p,
    .service-passive-page .section-heading p,
    .service-mikrotik-page .section-heading p,
    .service-landing .section-heading p,
    .service-security-page .section-heading p {
        font-size: 14px;
        line-height: 2;
    }

    .network-service-grid,
    .eset-service-grid {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .network-service-card,
    .eset-service-card {
        min-height: 0;
        padding: 22px 20px;
    }

    .network-service-card h3,
    .eset-service-card h3 {
        font-size: 17px;
    }

    .network-service-card p,
    .eset-service-card p {
        font-size: 14px;
        line-height: 2;
    }

    .network-service-two-column {
        gap: 35px;
    }

    .network-problems-grid,
    .server-problems-grid,
    .passive-problems-grid,
    .mikrotik-problems-grid {
        grid-template-columns: 1fr;
    }

    .network-process,
    .server-process__list,
    .passive-process__list,
    .mikrotik-process__list {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .network-process__item,
    .server-process__item,
    .passive-process__item,
    .mikrotik-process__item {
        min-height: 0;
        padding: 21px 19px;
    }

    .network-process__item h3,
    .server-process__item h3,
    .passive-process__item h3,
    .mikrotik-process__item h3 {
        font-size: 17px;
    }

    .network-process__item p,
    .server-process__item p,
    .passive-process__item p,
    .mikrotik-process__item p {
        font-size: 14px;
    }

    .service-landing__media {
        min-height: 280px;
        border-radius: 18px;
    }

    .service-landing__media img {
        width: 100%;
        height: auto;

        max-height: 420px;

        object-fit: contain;
        object-position: center;
    }

    .service-landing__details-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .service-landing__sidebar-card,
    .service-security-details .service-landing__sidebar-card {
        position: relative;
        top: auto;
        order: 2;
    }

    .service-landing__content {
        order: 1;
        font-size: 15px;
    }

    .service-landing__content p {
        font-size: 15px;
        line-height: 2.15;
    }

    .service-landing__content h2 {
        font-size: 25px;
    }

    .service-landing__content h3 {
        font-size: 20px;
    }

    .service-landing__content h4 {
        font-size: 18px;
    }

    .service-landing__content ul,
    .service-landing__content ol {
        font-size: 15px;
        line-height: 2;
    }

    .service-landing__content li {
        line-height: 2;
    }

    /*
     * ط·آ¬ط·آ¯ط¸ث†ط¸â€‍ ط·آ±ط¸ث†ط؛إ’ ط¸â€¦ط¸ث†ط·آ¨ط·آ§ط؛إ’ط¸â€‍ ط·آ§ط·آ³ط¹آ©ط·آ±ط¸ث†ط¸â€‍ ط¸â€¦ط؛إ’أ¢â‚¬إ’ط·آ´ط¸ث†ط·آ¯ط·إ’
     * ط¸ث†ط¸â€‍ط؛إ’ ط¸â€¦ط·ع¾ط¸â€  ط¸ظ¾ط·آ§ط·آ±ط·آ³ط؛إ’ ط·آ¯ط·آ§ط·آ®ط¸â€‍ ط·آ³ط¸â€‍ط¸ث†ط¸â€‍أ¢â‚¬إ’ط¸â€،ط·آ§ ط·آ¨ط؛إ’أ¢â‚¬إ’ط·آ¯ط¸â€‍ط؛إ’ط¸â€‍ nowrap ط¸â€ ط¸â€¦ط؛إ’أ¢â‚¬إ’ط·آ´ط¸ث†ط·آ¯.
     */

    .service-landing__content table {
        display: block;
        width: 100%;
        overflow-x: auto;
        white-space: normal;
    }

    .service-landing__content th,
    .service-landing__content td {
        min-width: 130px;
    }

    .service-landing__sidebar-card {
        padding: 24px 20px;
    }

    .service-feature-list li {
        font-size: 14px;
    }

    .service-security__visual {
        min-height: 300px;
    }

    .service-security__shield {
        width: min(255px,64%);
    }

    .eset-inline-cta {
        flex-direction: column;
        align-items: stretch;
        gap: 17px;
    }

    .eset-inline-cta .btn {
        width: 100%;
    }

    .service-network-page .cta-section .container,
    .service-server-page .cta-section .container,
    .service-passive-page .cta-section .container,
    .service-mikrotik-page .cta-section .container,
    .service-landing .cta-section .container,
    .service-security-page .cta-section .container,
    .network-final-cta .container,
    .server-final-cta .container,
    .passive-final-cta .container,
    .mikrotik-final-cta .container {
        flex-direction: column;
        align-items: stretch;
        gap: 22px;
    }

    .service-network-page .cta-section .btn,
    .service-server-page .cta-section .btn,
    .service-passive-page .cta-section .btn,
    .service-mikrotik-page .cta-section .btn,
    .service-landing .cta-section .btn,
    .service-security-page .cta-section .btn,
    .network-final-cta .btn,
    .server-final-cta .btn,
    .passive-final-cta .btn,
    .mikrotik-final-cta .btn {
        width: 100%;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width:600px) {

    .service-network-page .container,
    .service-server-page .container,
    .service-passive-page .container,
    .service-mikrotik-page .container,
    .service-landing .container,
    .service-security-page .container {
        width: calc(100% - 28px);
    }

    .network-service-hero,
    .server-service-hero,
    .passive-service-hero,
    .mikrotik-service-hero,
    .service-landing__hero,
    .service-security-hero {
        padding: 54px 0 46px;
    }

    .network-service-hero__grid,
    .server-service-hero__grid,
    .passive-service-hero__grid,
    .mikrotik-service-hero__grid,
    .service-landing__hero-grid {
        gap: 28px;
    }

    .network-service-hero__copy h1,
    .server-service-hero__copy h1,
    .passive-service-hero__copy h1,
    .mikrotik-service-hero__copy h1,
    .service-landing__hero-content h1,
    .service-security-hero h1 {
        font-size: 31px;
        line-height: 1.58;
    }

    .network-service-hero__lead,
    .server-service-hero__lead,
    .passive-service-hero__lead,
    .mikrotik-service-hero__lead,
    .service-landing__lead {
        font-size: 15px;
        line-height: 2;
    }

    .network-service-hero__actions,
    .server-service-hero__actions,
    .passive-service-hero__actions,
    .mikrotik-service-hero__actions,
    .service-landing__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .network-service-hero__actions .btn,
    .server-service-hero__actions .btn,
    .passive-service-hero__actions .btn,
    .mikrotik-service-hero__actions .btn,
    .service-landing__actions .btn {
        width: 100%;
        min-width: 0;
    }

    .network-hero__frame,
    .server-visual__frame,
    .passive-visual__frame,
    .mikrotik-visual__frame {
        max-height: 320px;
    }

    .network-service-section,
    .service-landing__details {
        padding: 60px 0;
    }

    .service-network-page .section-heading h2,
    .service-server-page .section-heading h2,
    .service-passive-page .section-heading h2,
    .service-mikrotik-page .section-heading h2,
    .service-landing .section-heading h2,
    .service-security-page .section-heading h2 {
        font-size: 25px;
    }

    .network-service-card,
    .eset-service-card {
        padding: 20px 18px;
        border-radius: 16px;
    }

    .network-service-card__icon {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
        margin-bottom: 14px;
    }

    .network-service-card h3,
    .eset-service-card h3 {
        font-size: 16px;
        line-height: 1.75;
    }

    .network-service-card p,
    .eset-service-card p,
    .network-problem p,
    .server-problem p,
    .passive-problem p,
    .mikrotik-problem p {
        font-size: 14px;
        line-height: 1.95;
    }

    .network-problem,
    .server-problem,
    .passive-problem,
    .mikrotik-problem {
        min-height: 68px;
        padding: 12px 14px;
    }

    .network-process__item,
    .server-process__item,
    .passive-process__item,
    .mikrotik-process__item {
        padding: 19px 17px;
    }

    .service-landing__media {
        min-height: 245px;
        border-radius: 16px;
    }

    .service-landing__media img {
        max-height: 360px;
        object-fit: contain;
    }

    .service-landing__content p {
        font-size: 15px;
        line-height: 2.15;
    }

    .service-landing__content h2 {
        font-size: 23px;
    }

    .service-landing__content h3 {
        font-size: 19px;
    }

    .service-landing__content h4 {
        font-size: 17px;
    }

    .service-landing__content ul,
    .service-landing__content ol {
        padding-right: 25px;
        font-size: 15px;
    }

    .service-landing__content ul {
        padding-right: 0;
    }

    .service-landing__content li {
        padding-right: 18px;
        margin-bottom: 9px;
    }

    .service-landing__content ol li {
        padding-right: 2px;
    }

    .service-landing__sidebar-card {
        padding: 22px 19px;
    }

    .service-landing__sidebar-card h2 {
        font-size: 19px;
    }

    .service-security__visual {
        min-height: 250px;
    }

    .service-security__shield {
        width: 215px;
    }

    .service-security__shield-core {
        font-size: 24px;
    }

    .eset-faq {
        margin-top: 35px;
    }

    .eset-faq summary {
        font-size: 14px;
        line-height: 1.9;
    }
}


/* =========================================================
   EXTRA SMALL
   ========================================================= */

@media (max-width:380px) {

    .service-network-page .container,
    .service-server-page .container,
    .service-passive-page .container,
    .service-mikrotik-page .container,
    .service-landing .container,
    .service-security-page .container {
        width: calc(100% - 24px);
    }

    .network-service-hero,
    .server-service-hero,
    .passive-service-hero,
    .mikrotik-service-hero,
    .service-landing__hero,
    .service-security-hero {
        padding: 47px 0 40px;
    }

    .network-service-hero__copy h1,
    .server-service-hero__copy h1,
    .passive-service-hero__copy h1,
    .mikrotik-service-hero__copy h1,
    .service-landing__hero-content h1,
    .service-security-hero h1 {
        font-size: 29px;
    }

    .network-service-hero__lead,
    .server-service-hero__lead,
    .passive-service-hero__lead,
    .mikrotik-service-hero__lead,
    .service-landing__lead {
        font-size: 14px;
    }

    .network-service-section,
    .service-landing__details {
        padding: 53px 0;
    }

    .service-network-page .section-heading h2,
    .service-server-page .section-heading h2,
    .service-passive-page .section-heading h2,
    .service-mikrotik-page .section-heading h2,
    .service-landing .section-heading h2,
    .service-security-page .section-heading h2 {
        font-size: 23px;
    }

    .network-service-card,
    .eset-service-card {
        padding: 18px 16px;
    }

    .network-service-card p,
    .eset-service-card p,
    .network-problem p,
    .server-problem p,
    .passive-problem p,
    .mikrotik-problem p {
        font-size: 14px;
    }

    .network-hero__frame,
    .server-visual__frame,
    .passive-visual__frame,
    .mikrotik-visual__frame {
        max-height: 280px;
    }

    .service-landing__content p,
    .service-landing__content ul,
    .service-landing__content ol {
        font-size: 14px;
    }

    .service-security__shield {
        width: 195px;
    }
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover:hover) and (pointer:fine) {

    .network-service-card,
    .eset-service-card {
        transition:
            transform .22s ease,
            border-color .22s ease,
            box-shadow .22s ease;
    }

    .network-service-card:hover,
    .eset-service-card:hover {
        transform: translateY(-4px);

        border-color: rgba(25,199,212,.30);

        box-shadow:
            0 24px 60px rgba(0,0,0,.25);
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion:reduce) {

    .network-service-card,
    .eset-service-card {
        transition: none !important;
    }

    .network-service-card:hover,
    .eset-service-card:hover {
        transform: none;
    }
}


/* =========================================================
   FINAL CONTENT SAFETY
   ========================================================= */

/*
 * ط·ع¾ط·آµط·آ§ط¸ث†ط؛إ’ط·آ± ط¸ث† ط·آ´ط¸â€¦ط·آ§ط·ع¾ط؛إ’ط¹آ©أ¢â‚¬إ’ط¸â€،ط·آ§ط؛إ’ ط·آ¯ط·آ§ط·آ®ط¸â€‍ ط¸â€¦ط·آ­ط·ع¾ط¸ث†ط·آ§ط؛إ’ ط·آ®ط·آ¯ط¸â€¦ط·آ§ط·ع¾ ط¸â€ ط·آ¨ط·آ§ط؛إ’ط·آ¯
 * ط·ع¾ط¸ث†ط·آ³ط·آ· CSS ط·آ¹ط¸â€¦ط¸ث†ط¸â€¦ط؛إ’ ط·آ¨ط·آ±ط؛إ’ط·آ¯ط¸â€، ط؛إ’ط·آ§ ط¹آ©ط·آ´ط؛إ’ط·آ¯ط¸â€، ط·آ´ط¸ث†ط¸â€ ط·آ¯.
 */

.service-network-page .service-landing__content svg,
.service-server-page .service-landing__content svg,
.service-passive-page .service-landing__content svg,
.service-mikrotik-page .service-landing__content svg,
.service-security-page .service-landing__content svg {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-inline: auto;
}

.service-network-page .service-landing__content figure,
.service-server-page .service-landing__content figure,
.service-passive-page .service-landing__content figure,
.service-mikrotik-page .service-landing__content figure,
.service-security-page .service-landing__content figure {
    overflow: visible;
}

.service-network-page .service-landing__content p,
.service-server-page .service-landing__content p,
.service-passive-page .service-landing__content p,
.service-mikrotik-page .service-landing__content p,
.service-security-page .service-landing__content p {
    text-align: right;
}
/* Shared foundation and current service template components. */
:root{--inc-primary:#19c7d4;--inc-text:#f7fbfd;--inc-text-soft:#dce7eb;--inc-border:rgba(255,255,255,.1)}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:#070b11;color:var(--inc-text-soft);font-family:Vazirmatn,Tahoma,Arial,sans-serif;line-height:1.9;direction:rtl}
button,input,select,textarea{font:inherit}
*,*::before,*::after{box-sizing:border-box}
a{color:var(--inc-primary)}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid #83f4f8;outline-offset:4px}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:1px solid transparent;border-radius:10px;min-height:48px;text-decoration:none;font-weight:700;font-size:14px;line-height:1.7;text-align:center}
.btn-primary{background:#19c7d4;color:#041219;border-color:#19c7d4}
.btn-secondary{background:rgba(25,199,212,.04);color:#dce7eb;border-color:rgba(25,199,212,.3)}
.btn:hover{filter:brightness(1.1)}
.service-landing{direction:rtl;background:#070b11;color:var(--service-text-soft)}
.service-landing__breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-block:24px;font-size:13px;line-height:1.9;color:#91a4b1}
.service-landing__breadcrumb a{text-decoration:none}
.service-landing__hero-content h1{margin:0 0 20px;color:var(--service-text)}
.service-landing__eyebrow{letter-spacing:.04em}
.service-landing__eyebrow::before{display:none}
.service-landing__eyebrow-icon{width:32px;height:32px;flex:0 0 32px}
.service-landing__eyebrow-icon svg,.service-landing__media-icon svg,.service-landing__feature-icon svg,.service-landing__related-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--service-primary)}
.service-landing__media-placeholder{display:grid;justify-items:center;gap:24px;padding:32px;color:#83f4f8;text-align:center;direction:ltr}
.service-landing__media-icon{width:160px;height:160px}
.service-landing__content-header{margin-bottom:28px}
.service-landing__section-kicker,.service-landing__sidebar-kicker,.service-landing__section-heading>span{display:block;color:var(--service-primary);font-size:12px;font-weight:700;margin-bottom:10px}
.service-landing__features{margin-top:48px}
.service-landing__feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.service-landing__feature-card{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:22px;border:1px solid var(--service-border);border-radius:16px;background:#0d151f}
.service-landing__feature-number{font-size:12px;color:#91a4b1;direction:ltr;text-align:right}
.service-landing__feature-icon{width:36px;height:36px}
.service-landing__feature-card strong{grid-column:1/-1;font-size:15px;line-height:1.9}
.service-landing__sidebar{display:grid;gap:22px;position:sticky;top:100px}
.service-landing__sidebar-card{position:static;top:auto}
.service-landing__sidebar-card h3{margin:0 0 18px;color:var(--service-text);font-size:19px}
.service-landing__sidebar-card p{font-size:14px;line-height:2;color:var(--service-text-soft)}
.service-landing__related{display:grid;gap:8px}
.service-landing__related a{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--service-border);color:var(--service-text-soft);text-decoration:none;font-size:14px;line-height:1.9}
.service-landing__related-icon{display:block;width:28px;height:28px;flex:0 0 28px}
.service-landing__cta{padding:56px 0;border-top:1px solid var(--service-border);background:#0a1119}
.service-landing__cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
.service-landing__cta-content>span{color:var(--service-primary);font-size:12px}
.service-landing__cta h2{font-size:clamp(24px,3vw,34px);line-height:1.6;margin:12px 0}
.service-landing__cta p{margin:0;font-size:15px}
.service-landing__cta-actions{display:flex;flex-wrap:wrap;gap:12px;flex-shrink:0}
@media(max-width:780px){.service-landing__content{order:0}.service-landing__sidebar{position:static;order:1}.service-landing__cta-inner{flex-direction:column;align-items:stretch}.service-landing__cta-actions{flex-direction:column}.service-landing__hero-content h1{font-size:clamp(28px,7vw,40px)}.service-landing__media-icon{width:120px;height:120px}}
@media(max-width:600px){.service-landing__feature-grid{grid-template-columns:1fr}.service-landing__hero-content h1{font-size:29px}.service-landing__eyebrow{font-size:11px;gap:8px}.service-landing__cta{padding:40px 0}.service-landing__breadcrumb{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Final hero-diagram sizing overrides the legacy compact icon rules above. */
.service-landing__media-placeholder {
    width: 100%;
    min-height: 0;
    padding: 22px;
    gap: 12px;
    direction: rtl;
}
.service-landing__media-placeholder .service-landing__media-icon {
    width: 100%;
    height: auto;
    max-width: 560px;
}
.service-landing__media-placeholder .service-technical-visual {
    display: block;
    width: 100%;
    height: auto;
    max-width: 560px;
    aspect-ratio: 16 / 9;
}
@media (max-width: 600px) {
    .service-landing__media-placeholder {
        padding: 14px;
    }
    .service-landing__media-placeholder .service-technical-visual {
        min-width: 0;
    }
}

/* =========================================================
   IT NETWORK CARE أ¢â‚¬â€‌ SERVICE ARCHIVE
   Migrated from archive-service.php without visual changes.
   ========================================================= */
.inc-service-archive {
    --sa-bg: #070b11;
    --sa-bg-2: #0a1018;
    --sa-panel: #0d151f;
    --sa-panel-2: #101b27;
    --sa-cyan: #19c7d4;
    --sa-cyan-soft: #83f4f8;
    --sa-white: #f7fbfd;
    --sa-text: #dce7eb;
    --sa-muted: #91a4b1;
    --sa-line: rgba(255,255,255,.08);
    --sa-line-cyan: rgba(25,199,212,.22);
    position: relative;
    overflow: hidden;
    padding: 105px 0 120px;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(25,199,212,.09),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            var(--sa-bg),
            var(--sa-bg-2)
        );
    color: var(--sa-text);
    direction: rtl;
}
.inc-service-archive *,
.inc-service-archive *::before,
.inc-service-archive *::after {
    box-sizing: border-box;
}
.inc-service-archive::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .45;
    background-image:
        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        );
    background-size: 55px 55px;
    mask-image: linear-gradient(
        to bottom,
        black,
        transparent 85%
    );
}
.inc-service-archive .sa-container {
    position: relative;
    z-index: 2;
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}
.inc-service-archive .sa-head {
    max-width: 760px;
    margin: 0 auto 58px;
    text-align: center;
}
.inc-service-archive .sa-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: var(--sa-cyan-soft);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .18em;
    line-height: 1.5;
}
.inc-service-archive .sa-eyebrow::before {
    content: "";
    width: 28px;
    height: 1px;
    background: var(--sa-cyan);
    box-shadow: 0 0 12px rgba(25,199,212,.65);
}
.inc-service-archive .sa-head h1 {
    margin: 0 0 18px;
    color: var(--sa-white);
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: -.02em;
}
.inc-service-archive .sa-head p {
    max-width: 650px;
    margin: 0 auto;
    color: var(--sa-muted);
    font-size: 15px;
    line-height: 2.15;
}
.inc-service-archive .sa-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}
.inc-service-archive .sa-card {
    position: relative;
    display: flex;
    min-height: 330px;
    padding: 30px;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--sa-line);
    border-radius: 22px;
    background:
        linear-gradient(
            145deg,
            rgba(16,27,39,.96),
            rgba(8,14,21,.98)
        );
    color: inherit;
    text-decoration: none;
    isolation: isolate;
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}
.inc-service-archive .sa-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(25,199,212,.12),
            transparent 34%
        );
    opacity: .9;
}
.inc-service-archive .sa-card::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--sa-cyan),
        transparent
    );
    opacity: .45;
}
.inc-service-archive .sa-card:hover {
    transform: translateY(-7px);
    border-color: var(--sa-line-cyan);
    box-shadow:
        0 22px 60px rgba(0,0,0,.32),
        0 0 35px rgba(25,199,212,.08);
}
.inc-service-archive .sa-index {
    position: absolute;
    top: 23px;
    left: 25px;
    color: rgba(131,244,248,.28);
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    direction: ltr;
}
.inc-service-archive .sa-icon {
    display: flex;
    width: 62px;
    height: 62px;
    margin-bottom: 22px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--sa-line-cyan);
    border-radius: 17px;
    background: rgba(25,199,212,.07);
    color: var(--sa-cyan);
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .08em;
    box-shadow:
        inset 0 0 22px rgba(25,199,212,.035),
        0 0 22px rgba(25,199,212,.04);
}
.inc-service-archive .sa-tag {
    margin-bottom: 9px;
    color: var(--sa-cyan-soft);
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .16em;
    direction: ltr;
}
.inc-service-archive .sa-card h2 {
    margin: 0 0 12px;
    color: var(--sa-white);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.65;
}
.inc-service-archive .sa-card p {
    margin: 0;
    color: var(--sa-muted);
    font-size: 13px;
    line-height: 2;
}
.inc-service-archive .sa-link {
    display: flex;
    width: 42px;
    height: 42px;
    margin-top: auto;
    margin-right: auto;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--sa-line-cyan);
    border-radius: 12px;
    background: rgba(25,199,212,.05);
    color: var(--sa-cyan-soft);
    font-size: 18px;
    direction: ltr;
    transition:
        background .3s ease,
        transform .3s ease;
}
.inc-service-archive .sa-card:hover .sa-link {
    background: rgba(25,199,212,.13);
    transform: translateX(-4px);
}
.inc-service-archive .sa-empty {
    padding: 55px 30px;
    border: 1px solid var(--sa-line);
    border-radius: 22px;
    background: rgba(13,21,31,.75);
    text-align: center;
}
.inc-service-archive .sa-empty h2 {
    margin: 0 0 10px;
    color: var(--sa-white);
    font-size: 22px;
}
.inc-service-archive .sa-empty p {
    margin: 0;
    color: var(--sa-muted);
    font-size: 13px;
}
@media (max-width: 1000px) {
    .inc-service-archive .sa-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .inc-service-archive {
        padding: 70px 0 80px;
    }
    .inc-service-archive .sa-container {
        width: calc(100% - 28px);
    }
    .inc-service-archive .sa-head {
        margin-bottom: 38px;
    }
    .inc-service-archive .sa-eyebrow {
        font-size: 9px;
        letter-spacing: .13em;
    }
    .inc-service-archive .sa-head h1 {
        font-size: 30px;
        line-height: 1.5;
    }
    .inc-service-archive .sa-head p {
        font-size: 12px;
        line-height: 2;
    }
    .inc-service-archive .sa-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .inc-service-archive .sa-card {
        min-height: 285px;
        padding: 27px;
        border-radius: 18px;
    }
    .inc-service-archive .sa-index {
        top: 21px;
        left: 22px;
        font-size: 9px;
    }
    .inc-service-archive .sa-icon {
        width: 55px;
        height: 55px;
        margin-bottom: 18px;
        border-radius: 15px;
        font-size: 13px;
    }
    .inc-service-archive .sa-tag {
        font-size: 8px;
    }
    .inc-service-archive .sa-card h2 {
        font-size: 18px;
        line-height: 1.6;
    }
    .inc-service-archive .sa-card p {
        font-size: 11.5px;
        line-height: 2;
    }
    .inc-service-archive .sa-link {
        width: 40px;
        height: 40px;
    }
}

/* Explicit coverage for the active single-Service markup. */
.service-single-page {
    position: relative;
    overflow: hidden;
}
.service-landing__title {
    display: block;
    max-width: 100%;
}
.service-landing__content-image {
    width: 100%;
    max-width: 100%;
    margin: 28px 0 0;
    overflow: hidden;
    border-radius: 16px;
}
.service-landing__content-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: inherit;
}
.service-landing__content-image figcaption {
    margin-top: 10px;
    color: var(--service-text-soft);
    font-size: 13px;
    line-height: 1.8;
}
.service-landing .entry-content {
    min-width: 0;
    overflow-wrap: anywhere;
}
.service-landing__problems,
.service-landing__process,
.service-landing__technical {
    margin-top: 56px;
}
.service-landing__technical-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}
.service-landing__technical-list li {
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--service-border);
    border-radius: 12px;
    background: rgba(13,21,31,.72);
    color: var(--service-text-soft);
    font-size: 14px;
    line-height: 1.9;
}
.service-landing__technical-list li::before {
    content: "\2713";
    display: block;
    margin-bottom: 8px;
    color: var(--service-primary);
    font-weight: 900;
}
.service-landing__problem-list,
.service-landing__process-list {
    display: grid;
    gap: 12px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}
.service-landing__problem-list li,
.service-landing__process-list li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid var(--service-border);
    border-radius: 12px;
    background: rgba(13,21,31,.72);
    color: var(--service-text-soft);
    font-size: 14px;
    line-height: 1.9;
}
.service-landing__problem-list li::before {
    content: "";
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    margin-top: .65em;
    border-radius: 50%;
    background: var(--service-primary);
    box-shadow: 0 0 12px rgba(25,199,212,.45);
}
.service-landing__process-list li > span {
    flex: 0 0 32px;
    color: var(--service-primary);
    direction: ltr;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 800;
}
.service-landing__process-list li strong {
    color: var(--service-text);
    font-weight: 700;
}
@media (max-width: 600px) {
    .service-landing__problems,
    .service-landing__process,
    .service-landing__technical {
        margin-top: 42px;
    }
    .service-landing__technical-list {
        grid-template-columns: 1fr;
    }
    .service-landing__problem-list li,
    .service-landing__process-list li {
        padding: 14px;
        font-size: 14px;
    }
}
/* =========================================================
   SERVICE SINGLE أ¢â‚¬â€‌ COMPACT EDITORIAL REDESIGN 2026-09
   ========================================================= */
.service-single-page{--svc-panel:#0b131d;--svc-panel-2:#0e1823;--svc-line:rgba(255,255,255,.075);--svc-cyan:#19c7d4;--svc-soft:#b8c7d0}
.service-single-page .container{width:min(1120px,calc(100% - 40px))}
.service-landing__breadcrumb{padding-block:16px;color:#8799a6}
.service-landing__hero{padding:34px 0 54px;border-bottom:1px solid var(--svc-line);background:radial-gradient(circle at 76% 22%,rgba(25,199,212,.07),transparent 30%)}
.service-landing__hero-grid{grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);gap:52px}
.service-landing__hero-content h1{font-size:clamp(34px,4vw,50px);line-height:1.35;margin-bottom:14px}
.service-landing__lead{max-width:590px;font-size:15px;line-height:2;color:var(--svc-soft)}
.service-landing__actions{margin-top:22px}
.service-landing__media{min-height:300px;border-radius:18px;background:linear-gradient(145deg,#0b141e,#071019);box-shadow:0 20px 55px rgba(0,0,0,.24)}
.service-landing__media-placeholder{padding:18px 24px 12px}
.service-landing__media-placeholder .service-technical-visual{max-width:500px}
.service-landing__media-placeholder>span{font-size:10px;letter-spacing:.12em;color:#6f8794;direction:ltr}
.service-technical-visual .node{fill:#0e1924;stroke:rgba(25,199,212,.38)}
.service-technical-visual .node-main{fill:rgba(25,199,212,.09);stroke:#36d5df}
.service-landing__details{padding:62px 0 72px}
.service-landing__details-grid{grid-template-columns:minmax(0,1fr) 285px;gap:48px}
.service-landing__content{font-size:15px;line-height:2}
.service-landing__content-header{margin-bottom:20px}
.service-landing__content h2,.service-landing__section-heading h2{font-size:clamp(22px,2.25vw,29px);line-height:1.6;margin:0}
.service-landing__content h3{font-size:19px;margin-top:25px}
.service-landing__content p{font-size:15px;line-height:2;margin-bottom:16px}
.service-landing__features{margin-top:34px}
.service-landing__section-heading{margin-bottom:17px}
.service-landing__section-heading>span{margin-bottom:5px;font-size:10px;letter-spacing:.04em}
.service-landing__feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.service-landing__feature-card{min-height:0;padding:15px 16px;border-radius:12px;background:rgba(13,21,31,.7)}
.service-landing__feature-icon{width:28px;height:28px}
.service-landing__feature-card strong{font-size:14px;line-height:1.7}
.service-landing__technical,.service-landing__problems,.service-landing__process{margin-top:38px}
.service-landing__technical-list{grid-template-columns:1fr;margin-top:15px;gap:0;border-top:1px solid var(--svc-line)}
.service-landing__technical-list li{position:relative;padding:12px 30px 12px 4px;border:0;border-bottom:1px solid var(--svc-line);border-radius:0;background:transparent;font-size:14px;line-height:1.85}
.service-landing__technical-list li::before{position:absolute;right:4px;top:13px;margin:0}
.service-landing__problem-list,.service-landing__process-list{margin-top:15px;gap:0;border-top:1px solid var(--svc-line)}
.service-landing__problem-list li,.service-landing__process-list li{padding:12px 4px;border:0;border-bottom:1px solid var(--svc-line);border-radius:0;background:transparent;font-size:14px}
.service-landing__problem-list li::before{margin-right:3px}
.service-landing__process-list li>span{flex-basis:28px}
.service-landing__sidebar{gap:14px;top:90px}
.service-landing__sidebar-card{padding:20px;border:1px solid var(--svc-line);border-radius:14px;background:rgba(11,19,29,.72)}
.service-landing__sidebar-card h2{margin:5px 0 10px;font-size:18px;line-height:1.7}
.service-landing__sidebar-card h3{margin:4px 0 10px;font-size:16px}
.service-landing__sidebar-card p{margin:0 0 15px;font-size:13px;line-height:1.9}
.service-landing__sidebar-card .btn{width:100%;min-height:44px}
.service-landing__related{gap:0}
.service-landing__related a{padding:9px 0;font-size:13px;line-height:1.7}
.service-landing__related-icon{width:23px;height:23px;flex-basis:23px}
.service-landing__cta{padding:42px 0}
.service-landing__cta h2{font-size:26px;margin:7px 0}
@media(max-width:900px){
.service-landing__hero-grid{grid-template-columns:1fr;gap:28px}
.service-landing__media{min-height:260px}
.service-landing__details-grid{grid-template-columns:1fr;gap:38px}
.service-landing__sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
.service-single-page .container{width:calc(100% - 28px)}
.service-landing__breadcrumb{padding-block:12px}
.service-landing__hero{padding:22px 0 38px}
.service-landing__hero-content h1{font-size:29px;line-height:1.45}
.service-landing__lead{font-size:14px;line-height:1.95}
.service-landing__actions{margin-top:18px}
.service-landing__actions .btn{width:100%}
.service-landing__media{min-height:210px;border-radius:14px}
.service-landing__media-placeholder{padding:10px}
.service-landing__details{padding:42px 0 50px}
.service-landing__feature-grid{grid-template-columns:1fr}
.service-landing__sidebar{grid-template-columns:1fr}
.service-landing__technical,.service-landing__problems,.service-landing__process{margin-top:32px}
.service-landing__content h2,.service-landing__section-heading h2{font-size:22px}
.service-landing__cta{padding:34px 0}
.service-landing__cta h2{font-size:22px}
}
/* SERVICE HERO أ¢â‚¬â€‌ screenshot correction: keep topology fully visible and balanced */
.service-landing__hero{padding-top:26px;padding-bottom:44px}
.service-landing__hero-grid{align-items:center}
.service-landing__media{height:auto;min-height:0;overflow:visible;padding:0}
.service-landing__media-placeholder{min-height:0;height:auto;overflow:visible;padding:16px 22px 18px}
.service-landing__media-placeholder .service-landing__media-icon{max-width:520px;margin-inline:auto}
.service-landing__media-placeholder .service-technical-visual{width:100%;max-width:520px;height:auto;aspect-ratio:16/9;overflow:visible}
.service-landing__media-placeholder>span{margin-top:-2px}
.service-technical-visual .flow,.service-technical-visual .cable{stroke-dasharray:7 10;stroke-width:2.4}
@media(max-width:900px){
.service-landing__media{overflow:hidden}
.service-landing__media-placeholder .service-technical-visual{max-width:620px}
}
@media(max-width:600px){
.service-landing__hero{padding-top:18px;padding-bottom:32px}
.service-landing__media-placeholder{padding:10px 12px 12px}
}/* SERVICE VISUAL SYSTEM أ¢â‚¬â€‌ semantic diagrams */
.service-technical-visual .visual-labels text{fill:#b9d8df;font:600 11px Arial,sans-serif;text-anchor:middle;dominant-baseline:middle;letter-spacing:.02em}
.service-technical-visual .visual-labels text:nth-child(-n+3){fill:#e8fbfd}
.service-technical-visual .node{transition:stroke .25s ease,fill .25s ease}
.service-technical-visual .status{transform-box:fill-box;transform-origin:center}
.service-landing__media{isolation:isolate}
.service-landing__media::before{content:"";position:absolute;inset:12% 18%;z-index:-1;background:radial-gradient(circle,rgba(25,199,212,.1),transparent 66%);filter:blur(18px);animation:svcAura 5s ease-in-out infinite}
.service-landing__scope{margin:0 0 26px;padding:16px 18px;border-right:2px solid var(--service-primary);border-radius:10px;background:linear-gradient(90deg,transparent,rgba(25,199,212,.045))}
.service-landing__scope>span{display:block;margin-bottom:5px;color:var(--service-primary);font-size:10px;font-weight:800;letter-spacing:.04em}
.service-landing__scope p{margin:0!important;color:#c8d5dc!important;font-size:14px!important;line-height:2!important}
@keyframes svcAura{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@keyframes svcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes svcScan{0%{opacity:.2}50%{opacity:1}100%{opacity:.2}}
.service-visual--cctv .node-main,.service-visual--security .shield{animation:svcFloat 3.6s ease-in-out infinite}
.service-visual--server .status,.service-visual--vmware .status,.service-visual--maintenance .status{animation:svcScan 1.8s ease-in-out infinite}
.service-visual--mikrotik .node-main,.service-visual--voip .node-main,.service-visual--equipment .node-main{filter:drop-shadow(0 0 10px rgba(25,199,212,.2))}
/* Distinct visual identity per service */
.service-visual--cctv .node:first-of-type{rx:18}
.service-visual--cctv .node-main{fill:rgba(25,199,212,.14)}
.service-visual--security .shield{filter:drop-shadow(0 0 14px rgba(25,199,212,.22))}
.service-visual--passive .cable{stroke-width:3}
.service-visual--voip .flow{stroke-dasharray:3 8}
.service-visual--network .flow,.service-visual--mikrotik .flow{stroke:#6ee8ee}
.service-visual--vmware .node{stroke-dasharray:0}
@media(prefers-reduced-motion:reduce){
.service-landing__media::before,.service-visual--cctv .node-main,.service-visual--security .shield,.service-visual--server .status,.service-visual--vmware .status,.service-visual--maintenance .status{animation:none}
}
@media(max-width:600px){
.service-technical-visual .visual-labels text{font-size:10px}
.service-landing__scope{padding:14px;margin-bottom:22px}
}
/* SERVICE HERO DEVICE ART أ¢â‚¬â€‌ replaces generic box diagrams */
.service-landing__media-placeholder>span{display:none}
.service-landing__media-placeholder{display:flex;align-items:center;justify-content:center}
.service-technical-visual .hero-device{fill:none;stroke:#20c9d5;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px rgba(25,199,212,.13));transform-box:fill-box;transform-origin:center;animation:heroDeviceFloat 4.5s ease-in-out infinite}
.service-technical-visual .hero-device circle{fill:#0b1821}
.service-technical-visual .hero-server circle,.service-technical-visual .hero-switch circle{fill:#63f1f4;stroke:none;filter:drop-shadow(0 0 7px #20c9d5)}
.service-technical-visual .hero-shield{fill:rgba(25,199,212,.035)}
.service-technical-visual .hero-camera .scan-beam{fill:rgba(25,199,212,.055);stroke:rgba(25,199,212,.22);animation:cameraScan 2.8s ease-in-out infinite}
.service-technical-visual .hero-monitor path:nth-child(2){stroke:#7cf4f5;stroke-width:4;stroke-dasharray:10 8;animation:serviceDash 3s linear infinite}
.service-technical-visual .hero-router circle{fill:#6cf4f6;filter:drop-shadow(0 0 8px #20c9d5)}
@keyframes heroDeviceFloat{0%,100%{transform:translateY(3px)}50%{transform:translateY(-5px)}}
@keyframes cameraScan{0%,100%{opacity:.22}50%{opacity:.8}}
@keyframes serviceDash{to{stroke-dashoffset:-72}}
@media(prefers-reduced-motion:reduce){.service-technical-visual .hero-device,.service-technical-visual .hero-camera .scan-beam,.service-technical-visual .hero-monitor path:nth-child(2){animation:none}}
/* HERO ART POLISH أ¢â‚¬â€‌ depth, grid, motion and equipment presence */
.service-landing__media{position:relative;background:radial-gradient(circle at 50% 46%,rgba(25,199,212,.09),transparent 34%),linear-gradient(145deg,#0b1722 0%,#071019 72%);border-color:rgba(43,211,221,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 24px 70px rgba(0,0,0,.28)}
.service-landing__media::after{content:"";position:absolute;inset:18px;border-radius:14px;pointer-events:none;background-image:linear-gradient(rgba(45,190,202,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(45,190,202,.045) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle at center,#000 15%,transparent 72%)}
.service-technical-visual{position:relative;z-index:2}
.service-technical-visual .hero-device{stroke-width:3.4}
.service-technical-visual .hero-device path,.service-technical-visual .hero-device rect,.service-technical-visual .hero-device circle{vector-effect:non-scaling-stroke}
.service-technical-visual .hero-device::after{filter:drop-shadow(0 0 16px rgba(25,199,212,.22))}
.service-visual--mikrotik .hero-router,.service-visual--equipment .hero-switch{stroke:#39e0e8}
.service-visual--server .hero-server{stroke:#4cdfe7}
.service-visual--cctv .hero-camera{stroke:#50e4eb}
.service-visual--security .hero-shield{stroke:#6ae9ef}
.service-visual--voip .hero-phone{stroke:#42dbe4}
.service-visual--passive .hero-passive{stroke:#4ed9df}
.service-visual--maintenance .hero-monitor{stroke:#5de5e9}
.service-visual--vmware .hero-vmware{stroke:#65e6eb}
@media(max-width:600px){.service-landing__media::after{inset:10px;background-size:22px 22px}}
/* HOME SECURITY FEATURE ط£آ¢أ¢â€ڑآ¬أ¢â‚¬â€Œ generated image with real, accessible links */
.inc-eset{padding:clamp(36px,5vw,68px) 0;background:#080d14}
.inc-security-feature{overflow:hidden;border:1px solid rgba(51,216,227,.28);border-radius:22px;background:#07131e;box-shadow:0 28px 72px rgba(0,0,0,.32)}
.inc-security-feature__visual{aspect-ratio:1672/941;overflow:hidden}
.inc-security-feature__visual img{display:block;width:100%;height:100%;object-fit:cover}
.inc-security-feature__intro{display:none}
.inc-security-feature__actions{display:flex;align-items:center;justify-content:center;gap:14px;padding:22px 28px;border-top:1px solid rgba(51,216,227,.16);background:linear-gradient(115deg,#0b1a26,#07111b)}
.inc-security-feature__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 25px;border:1px solid #20d4df;border-radius:12px;font-size:15px;font-weight:700;line-height:1.5;text-decoration:none;transition:background .2s ease,transform .2s ease}
.inc-security-feature__button:hover{transform:translateY(-2px)}
.inc-security-feature__button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.inc-security-feature__button--primary{background:#18dbe5;color:#07131c}
.inc-security-feature__button--primary:hover{background:#70f2f5;color:#07131c}
.inc-security-feature__button--secondary{background:transparent;color:#d8f9fb}
.inc-security-feature__button--secondary:hover{background:rgba(36,213,224,.12);color:#fff}
@media(max-width:700px){
  .inc-security-feature__visual{aspect-ratio:auto;overflow:visible;background:#07131e}
  .inc-security-feature__visual img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;max-width:none}
  .inc-security-feature__intro{display:none}
  .inc-security-feature__actions{flex-direction:column;padding:16px;gap:10px}
  .inc-security-feature__button{width:100%}
}
@media(prefers-reduced-motion:reduce){.inc-security-feature__button{transition:none}}/* CURATED SERVICE CONTENT أ¢â‚¬â€‌ VOIP / VMWARE / SECURITY / CCTV */
.service-voip-page .service-landing__scope,.service-vmware-page .service-landing__scope,.service-security-page .service-landing__scope,.service-cctv-page .service-landing__scope{padding:24px 26px;border:1px solid rgba(25,199,212,.16);border-radius:16px;background:linear-gradient(135deg,rgba(15,30,42,.86),rgba(8,18,27,.68))}
.service-voip-page .service-landing__scope p,.service-vmware-page .service-landing__scope p,.service-security-page .service-landing__scope p,.service-cctv-page .service-landing__scope p{max-width:900px;margin:8px 0 0;font-size:15px;line-height:2.15;color:#bdcbd3}
.service-voip-page .service-landing__feature-grid,.service-vmware-page .service-landing__feature-grid,.service-security-page .service-landing__feature-grid,.service-cctv-page .service-landing__feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.service-voip-page .service-landing__feature-card,.service-vmware-page .service-landing__feature-card,.service-security-page .service-landing__feature-card,.service-cctv-page .service-landing__feature-card{min-height:126px;padding:20px 22px}
.service-landing__content :where(p,li,strong,h2,h3){overflow-wrap:normal;word-break:normal}
.service-landing__content li{line-height:1.9}
@media(max-width:700px){.service-voip-page .service-landing__feature-grid,.service-vmware-page .service-landing__feature-grid,.service-security-page .service-landing__feature-grid,.service-cctv-page .service-landing__feature-grid{grid-template-columns:1fr}.service-voip-page .service-landing__scope,.service-vmware-page .service-landing__scope,.service-security-page .service-landing__scope,.service-cctv-page .service-landing__scope{padding:20px}}
/* SERVICE HERO SCHEMATIC BOUNDS أ¢â‚¬â€‌ all service types */
.service-single-page .service-landing__media{overflow:hidden!important;min-width:0}
.service-single-page .service-landing__media-placeholder{position:relative;width:100%;height:100%;min-height:320px;padding:24px!important;overflow:hidden!important}
.service-single-page .service-landing__media-placeholder .service-landing__media-icon{display:flex;align-items:center;justify-content:center;width:100%!important;height:100%!important;max-width:none!important;min-width:0;margin:0!important;overflow:hidden}
.service-single-page .service-landing__media-placeholder .service-technical-visual{display:block;width:min(100%,560px)!important;height:auto!important;max-width:100%!important;max-height:310px;aspect-ratio:16/9;overflow:visible;transform:scale(.88);transform-origin:center}
.service-single-page .service-technical-visual .hero-device{transform-box:fill-box;transform-origin:center}
@media(max-width:900px){.service-single-page .service-landing__media-placeholder{min-height:280px}.service-single-page .service-landing__media-placeholder .service-technical-visual{max-height:270px;transform:scale(.84)}}
@media(max-width:600px){.service-single-page .service-landing__media-placeholder{min-height:220px;padding:14px!important}.service-single-page .service-landing__media-placeholder .service-technical-visual{max-height:210px;transform:scale(.8)}}
/* Keep floating motion inside the SVG viewport */
@keyframes heroDeviceFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.service-visual--security .hero-shield{transform:scale(.82);transform-origin:center}
.service-visual--cctv .hero-camera{transform:scale(.9);transform-origin:center}
.service-visual--vmware .hero-vmware,.service-visual--voip .hero-phone,.service-visual--server .hero-server,.service-visual--mikrotik .hero-router,.service-visual--equipment .hero-switch,.service-visual--passive .hero-passive,.service-visual--maintenance .hero-monitor{transform-origin:center}
/* SERVICE VISUAL CLEANUP أ¢â‚¬â€‌ consistent across every service page */
.service-single-page .service-landing__feature-card{position:relative;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:8px;align-items:center;overflow:hidden}
.service-single-page .service-landing__feature-number{grid-column:1;grid-row:1;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(25,199,212,.24);border-radius:9px;background:rgba(25,199,212,.055);color:#83f4f8;text-align:center}
.service-single-page .service-landing__feature-icon{display:none!important}
.service-single-page .service-landing__feature-card strong{grid-column:1/-1;grid-row:2;margin:0;min-width:0;line-height:1.95}
.service-single-page .service-landing__eyebrow-icon,.service-single-page .service-landing__related-icon{overflow:hidden;border-radius:7px}
.service-single-page .service-landing__eyebrow-icon svg,.service-single-page .service-landing__related-icon svg{box-sizing:border-box;padding:3px;overflow:visible}
.service-single-page .service-landing__media-placeholder .service-technical-visual{overflow:hidden!important}
.service-single-page .service-technical-visual .hero-device{animation:heroDeviceFloat 4.5s ease-in-out infinite}
.service-single-page .service-visual--security .hero-shield{transform:none}
@media(max-width:600px){.service-single-page .service-landing__feature-card{padding:18px;min-height:0}}
/* SERVICE SYSTEM CONSOLIDATION أ¢â‚¬â€‌ authoritative final layer */
.service-single-page{--svc-bg:#070c12;--svc-panel:#0b151f;--svc-line:rgba(44,205,215,.16);--svc-cyan:#25d2dc;background:var(--svc-bg)}
.service-single-page .service-landing__hero{padding:34px 0 54px}
.service-single-page .service-landing__hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:64px;align-items:center}
.service-single-page .service-landing__media{height:350px;min-height:350px;border-radius:20px;overflow:hidden!important}
.service-single-page .service-landing__media-placeholder{width:100%;height:100%;min-height:0!important;padding:30px!important;display:grid;place-items:center;overflow:hidden!important}
.service-single-page .service-landing__media-icon{width:100%!important;height:100%!important;display:grid!important;place-items:center;overflow:hidden!important}
.service-single-page .service-technical-visual{width:100%!important;max-width:520px!important;height:auto!important;max-height:290px!important;transform:none!important;overflow:visible!important}
.service-single-page .service-technical-visual .hero-device{animation:svcFloat 5s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.service-single-page .service-visual--security .hero-shield{transform:none!important}
@keyframes svcFloat{0%,100%{translate:0 0}50%{translate:0 -4px}}
.service-single-page .service-landing__details{padding:54px 0 70px}
.service-single-page .service-landing__details-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:42px;align-items:start}
.service-single-page .service-landing__content{min-width:0}
.service-single-page .service-landing__scope{margin:0 0 34px;padding:22px 24px;border:1px solid var(--svc-line);border-radius:16px;background:linear-gradient(135deg,rgba(13,29,41,.9),rgba(8,17,25,.7))}
.service-single-page .service-landing__scope>span{display:block;margin-bottom:7px;color:var(--svc-cyan);font-size:11px;font-weight:800}
.service-single-page .service-landing__scope p{margin:0!important;font-size:14px!important;line-height:2.15!important;color:#b6c5cd!important}
.service-single-page .service-landing__features,.service-single-page .service-landing__technical,.service-single-page .service-landing__problems,.service-single-page .service-landing__process{margin-top:42px}
.service-single-page .service-landing__section-heading{margin-bottom:18px}
.service-single-page .service-landing__section-heading h2{margin:0;font-size:clamp(22px,2.2vw,30px);line-height:1.65}
.service-single-page .service-landing__feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.service-single-page .service-landing__feature-card{display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;gap:10px!important;min-height:112px!important;padding:18px 20px!important;border:1px solid var(--svc-line)!important;border-radius:14px!important;background:#0b141e!important;overflow:hidden}
.service-single-page .service-landing__feature-number{width:auto!important;height:auto!important;padding:0!important;border:0!important;background:none!important;color:#5e8594!important;font:700 11px/1 Arial,sans-serif}
.service-single-page .service-landing__feature-icon{display:none!important}
.service-single-page .service-landing__feature-card strong{display:block!important;margin:0!important;font-size:14px!important;line-height:1.9!important;overflow-wrap:anywhere}
.service-single-page .service-landing__technical-list,.service-single-page .service-landing__problem-list,.service-single-page .service-landing__process-list{margin:0!important;padding:0!important;display:grid;gap:10px;list-style:none!important}
.service-single-page .service-landing__technical-list li,.service-single-page .service-landing__problem-list li,.service-single-page .service-landing__process-list li{position:relative;margin:0!important;padding:13px 34px 13px 14px!important;border-bottom:1px solid rgba(255,255,255,.055);font-size:14px;line-height:1.95;color:#c0cdd4}
.service-single-page .service-landing__technical-list li:before,.service-single-page .service-landing__problem-list li:before{content:"";position:absolute;right:8px;top:25px;width:6px;height:6px;border-radius:50%;background:var(--svc-cyan);box-shadow:0 0 10px rgba(37,210,220,.35)}
.service-single-page .service-landing__process-list{counter-reset:svcstep}
.service-single-page .service-landing__process-list li{counter-increment:svcstep;padding-right:46px!important}
.service-single-page .service-landing__process-list li:before{content:counter(svcstep,decimal-leading-zero);position:absolute;right:5px;top:16px;color:var(--svc-cyan);font:700 11px/1 Arial,sans-serif}
.service-single-page .service-landing__sidebar{position:sticky!important;top:96px;display:grid;gap:16px}
.service-single-page .service-landing__sidebar-card{padding:20px!important;border-radius:15px!important}
@media(max-width:980px){.service-single-page .service-landing__hero-grid{grid-template-columns:1fr;gap:30px}.service-single-page .service-landing__hero-content{max-width:760px}.service-single-page .service-landing__media{height:320px;min-height:320px}.service-single-page .service-landing__details-grid{grid-template-columns:1fr}.service-single-page .service-landing__sidebar{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.service-single-page .service-landing__hero{padding:22px 0 38px}.service-single-page .service-landing__hero-grid{gap:22px}.service-single-page .service-landing__media{height:235px;min-height:235px}.service-single-page .service-landing__media-placeholder{padding:16px!important}.service-single-page .service-technical-visual{max-height:205px!important}.service-single-page .service-landing__details{padding:38px 0 52px}.service-single-page .service-landing__feature-grid,.service-single-page .service-landing__sidebar{grid-template-columns:1fr}.service-single-page .service-landing__feature-card{min-height:0!important}.service-single-page .service-landing__features,.service-single-page .service-landing__technical,.service-single-page .service-landing__problems,.service-single-page .service-landing__process{margin-top:34px}}
@media(prefers-reduced-motion:reduce){.service-single-page .service-technical-visual .hero-device{animation:none}}

/* SERVICE FINAL QA FIX أ¢â‚¬â€‌ process rows + hero graphics */
.service-single-page .service-landing__process-list{display:grid!important;gap:0!important;margin:0!important;padding:0!important;list-style:none!important;counter-reset:none!important;border-top:1px solid rgba(255,255,255,.07)}
.service-single-page .service-landing__process-list li{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;min-height:64px!important;margin:0!important;padding:12px 4px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;border-radius:0!important;background:transparent!important;color:#c5d2d8!important;position:relative!important;counter-increment:none!important}
.service-single-page .service-landing__process-list li:before{content:none!important;display:none!important}
.service-single-page .service-landing__process-list li>span{grid-column:1!important;display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;min-width:34px!important;flex:none!important;margin:0!important;padding:0!important;border:1px solid rgba(37,210,220,.22)!important;border-radius:9px!important;background:rgba(37,210,220,.055)!important;color:#5fe7ec!important;font:800 11px/1 Arial,sans-serif!important;direction:ltr!important}
.service-single-page .service-landing__process-list li>strong{grid-column:2!important;display:block!important;margin:0!important;padding:0!important;color:#f2f7f9!important;font-size:14px!important;font-weight:700!important;line-height:1.9!important;text-align:right!important;overflow-wrap:anywhere!important}
.service-single-page .service-landing__media,.service-single-page .service-landing__media-placeholder,.service-single-page .service-landing__media-icon{overflow:hidden!important}
.service-single-page .service-technical-visual{display:block!important;width:min(100%,520px)!important;height:auto!important;max-width:520px!important;max-height:280px!important;margin:auto!important;transform:none!important;overflow:visible!important}
.service-single-page .service-technical-visual .hero-device{transform:none!important;transform-box:fill-box!important;transform-origin:center!important;animation:none!important}
.service-single-page .service-technical-visual .hero-camera .scan-beam{animation:cameraScan 2.8s ease-in-out infinite!important}
.service-single-page .service-technical-visual .hero-monitor path:nth-child(2){animation:serviceDash 3s linear infinite!important}
@media(max-width:640px){.service-single-page .service-landing__process-list li{grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;min-height:58px!important}.service-single-page .service-landing__process-list li>span{width:30px!important;height:30px!important;min-width:30px!important}.service-single-page .service-technical-visual{max-width:440px!important;max-height:200px!important}}

/* CCTV HERO أ¢â‚¬â€‌ stable camera silhouette */
.service-single-page .service-visual--cctv .hero-camera{fill:rgba(25,199,212,.025)!important;stroke:#25d2dc!important;stroke-width:3!important}
.service-single-page .service-visual--cctv .hero-camera circle{fill:#08151f!important}
.service-single-page .service-visual--cctv .hero-camera circle:nth-of-type(3){fill:#25d2dc!important;stroke:none!important;filter:drop-shadow(0 0 9px rgba(37,210,220,.7))}
.service-single-page .service-visual--cctv .hero-camera .camera-detail{stroke-width:2!important;opacity:.6}

/* Service layout acceptance: balanced titles, actual photos, readable RTL copy. */
.service-single-page .service-landing__title{font-size:clamp(26px,2.4vw,34px);font-weight:700;line-height:1.65;letter-spacing:0}
.service-single-page .service-landing__hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:38px;align-items:center}
.service-single-page .service-landing__media{min-height:0;aspect-ratio:4/3;overflow:hidden;border-radius:20px}
.service-single-page .service-landing__media img.itnc-service-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.service-single-page .service-landing__lead{font-size:16px;line-height:2;font-weight:400}
.service-single-page .service-landing__section-heading h2,.service-single-page .service-landing__content-header h2,.service-single-page .service-landing__cta h2{font-size:clamp(23px,2vw,28px);font-weight:700;line-height:1.7}
.service-single-page .inc-service-editorial h3{font-size:22px;font-weight:700;line-height:1.8}
.service-single-page .itnc-service-text-block{margin:20px 0;padding-bottom:18px;border-bottom:1px solid #284154}
.service-single-page .itnc-service-text-block h4{font-size:16px;font-weight:600;line-height:1.8;color:#74dfe6;margin:0 0 8px}
.service-single-page .itnc-service-text-block p{margin:0;font-size:15px;line-height:2.1;color:#bed0dc}
.service-single-page .inc-service-editorial li,.service-single-page .inc-service-editorial dd{font-size:15px;line-height:2}
.service-single-page .service-landing__feature-card strong{font-size:15px;font-weight:600;line-height:1.9}
.service-single-page .entry-content strong{font-weight:600}
.inc-service-archive .sa-head h1{font-size:clamp(28px,3vw,38px);font-weight:700;line-height:1.7}
.inc-service-archive .sa-card h2{font-size:19px;font-weight:700;line-height:1.8}
.inc-service-archive .sa-extra-card h3{font-size:19px;font-weight:700}
@media(min-width:1100px){.service-single-page .service-landing__title{font-size:29px}.inc-consult-hero h1{font-size:34px}}
@media(max-width:850px){.service-single-page .service-landing__hero-grid{grid-template-columns:1fr;gap:25px}.service-single-page .service-landing__media{max-width:620px;width:100%;margin-inline:auto}.service-single-page .service-landing__title{font-size:28px}}
@media(max-width:520px){.service-single-page .service-landing__title{font-size:25px}.service-single-page .inc-service-editorial h3{font-size:20px}}
/* MOBILE SECURITY BANNER — show the complete generated artwork without cropping */
@media (max-width:700px){
  .inc-security-feature__visual{
    aspect-ratio:auto!important;
    height:auto!important;
    overflow:visible!important;
  }
  .inc-security-feature__visual img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
  .inc-security-feature__intro{
    display:none!important;
  }
}

/* Contact phone number — visual-only; never changes CTA dimensions. */
.inc-consult-hero-actions a.secondary,
.eset-actions a:not(.primary){
  position:relative;
  text-align:center!important;
}
.inc-consult-hero-actions a.secondary small,
.eset-actions a:not(.primary) small{
  position:absolute;
  left:0;
  right:0;
  bottom:3px;
  display:block;
  margin:0;
  direction:ltr;
  text-align:center!important;
  font-size:10px;
  line-height:1;
  font-weight:700;
  opacity:.88;
  letter-spacing:.15px;
}
.inc-consult-call{
  position:relative;
  text-align:right!important;
}
.inc-consult-call span,
.inc-consult-call strong{
  text-align:right!important;
}
.inc-consult-call small{
  display:block;
  position:static;
  width:auto;
  margin-top:3px;
  direction:ltr;
  text-align:right!important;
  font-size:11px;
  line-height:1.15;
  font-weight:700;
  opacity:.82;
  letter-spacing:.15px;
}
.site-footer .inc-footer-phone-number{
  display:block;
  direction:ltr;
  text-align:right;
  font-size:18px;
  line-height:1.45;
  font-weight:800;
  letter-spacing:.65px;
  opacity:1;
  color:#fff;
  margin-top:4px;
}
/* ITNC customer account - scoped to account page */
#page-483 .inc-page-content{direction:rtl}
#page-483 .itnc-account{direction:rtl;color:#e9f6fa;max-width:1000px;margin:0 auto 55px}
#page-483 .itnc-account *{box-sizing:border-box}
#page-483 .itnc-account-intro{padding:24px 28px;margin-bottom:24px;border:1px solid #20505d;border-radius:20px;background:linear-gradient(135deg,#12323e,#0b1a24)}
#page-483 .itnc-account-intro p{margin:0;color:#b9d0da;line-height:1.9;font-size:15px}
#page-483 .woocommerce #customer_login{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#page-483 .woocommerce #customer_login:before,#page-483 .woocommerce #customer_login:after{display:none}
#page-483 .woocommerce #customer_login .col-1,#page-483 .woocommerce #customer_login .col-2{width:100%;float:none;max-width:none;margin:0;padding:26px;border:1px solid #24444f;border-radius:20px;background:#0d202b;box-shadow:0 16px 38px #0003}
#page-483 .woocommerce h2{color:#eefbff;font-size:22px;margin:0 0 18px}
#page-483 .woocommerce form.login,#page-483 .woocommerce form.register{border:0;padding:0;margin:0;background:transparent}
#page-483 .woocommerce label{display:block;color:#dceff5;font-size:14px;line-height:1.8;margin-bottom:8px}
#page-483 .woocommerce input.input-text{display:block;width:100%;min-height:52px;border:1px solid #32606e;border-radius:11px;background:#071822!important;color:#f2fcff!important;padding:12px 15px;font-size:16px;box-shadow:none;direction:ltr;text-align:left}
#page-483 .woocommerce input.input-text:focus{border-color:#21c7d5!important;outline:3px solid #20c4d34d;outline-offset:2px}
#page-483 .woocommerce input.input-text:-webkit-autofill{-webkit-text-fill-color:#f2fcff;-webkit-box-shadow:0 0 0 1000px #071822 inset}
#page-483 .woocommerce .form-row{margin:0 0 18px;padding:0}
#page-483 .woocommerce p{color:#b9cfd8;line-height:1.85}
#page-483 .woocommerce a{color:#5de0e7;text-decoration:underline}
#page-483 .woocommerce button.button{background:#13bdca!important;color:#06212a!important;border:0!important;border-radius:10px;min-height:48px;padding:12px 24px;font-weight:700}
#page-483 .woocommerce button.button:hover{background:#63e1e8!important}
#page-483 .woocommerce input[type=checkbox]{accent-color:#12bdca}
#page-483 .woocommerce .woocommerce-privacy-policy-text{font-size:13px}
#page-483 .woocommerce-notices-wrapper ul{background:#102b36;color:#f1fcff;border-top-color:#16bdc9}
#page-483 a:focus-visible,#page-483 button:focus-visible{outline:3px solid #70e5ec;outline-offset:3px}
@media(max-width:700px){#page-483 .woocommerce #customer_login{grid-template-columns:1fr;gap:15px}#page-483 .woocommerce #customer_login .col-1,#page-483 .woocommerce #customer_login .col-2{padding:20px}#page-483 .itnc-account-intro{padding:20px}}

/* ITNC service hubs 2026: scoped page content */
.itnc-focus{direction:rtl;color:#e8f8fb}.itnc-focus *{box-sizing:border-box}.itnc-focus h2,.itnc-focus h3{color:#f1fbff;line-height:1.55;text-wrap:balance}.itnc-focus p,.itnc-focus li{color:#b9cfd8;line-height:1.95;text-wrap:pretty}.itnc-focus a{color:#76e7ef}
.itnc-focus .focus-hero{padding:clamp(24px,5vw,48px);border-radius:22px;border:1px solid #205466;background:linear-gradient(110deg,#091b27ed,#0b3240ea),url('/wp-content/uploads/2026/10/vmware-ai-private-cloud.webp') center/cover;margin:0 0 36px}.itnc-focus .focus-tag{color:#62e4ed;font-size:12px;font-weight:bold}.itnc-focus .focus-hero h2{font-size:clamp(24px,4vw,36px);margin:14px 0}.itnc-focus .focus-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.itnc-focus .focus-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:10px;padding:10px 18px;background:#11bec9;color:#062129!important;text-decoration:none;font-weight:700}.itnc-focus .focus-btn.alt{background:#102b36;color:#bbf5f7!important;border:1px solid #2e7180}.itnc-focus .focus-section{margin:38px 0}.itnc-focus .focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.itnc-focus .focus-card{background:#0e202b;border:1px solid #274b58;border-radius:16px;padding:24px;min-width:0}.itnc-focus .focus-card h3{margin:0 0 10px;font-size:19px}.itnc-focus .focus-card p{margin:0 0 13px;font-size:14px}.itnc-focus .focus-card a{font-weight:700;text-decoration:none}.itnc-focus .focus-note{padding:22px;border:1px solid #2c5964;background:#102b36;border-radius:16px}.itnc-focus .focus-note p:last-child{margin-bottom:0}.itnc-focus a:focus-visible{outline:3px solid #79edf4;outline-offset:3px}
@media(max-width:650px){.itnc-focus .focus-grid{grid-template-columns:1fr}.itnc-focus .focus-card{padding:19px}.itnc-focus .focus-actions .focus-btn{width:100%}}