/* ==========================================================
   PADIDAR PROFESSIONAL SERVICE PAGES V1
   ========================================================== */

.pfsvc-page{
    --svc-navy:#0a355b;
    --svc-dark:#061b30;
    --svc-red:#ef1734;
    --svc-text:#264960;
    --svc-muted:#708596;
    --svc-line:#dbe5ec;
    --svc-soft:#f5f8fb;

    background:#f6f8fb;
    color:var(--svc-text);
}

.pfsvc-wrap{
    width:min(1450px,calc(100% - 48px));
    margin-inline:auto;
}


/* HERO */

.pfsvc-hero,
.pfsvc-services-hero{
    padding:66px 0;

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(255,255,255,.10),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #06192c,
            #0b3d68
        );

    color:#fff;
}

.pfsvc-hero-grid{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(420px,.82fr);

    align-items:center;

    gap:52px;
}

.pfsvc-breadcrumb{
    display:flex;

    gap:8px;

    margin-bottom:19px;

    font-size:11px;
}

.pfsvc-breadcrumb a{
    color:#d2dfeb;
    text-decoration:none;
}

.pfsvc-breadcrumb span{
    color:#ff7e8e;
}

.pfsvc-eyebrow{
    display:inline-flex;

    padding:6px 11px;

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

    border-radius:999px;

    background:
        rgba(255,255,255,.07);

    color:#ff9eaa;

    font-size:11px;
    font-weight:900;
}

.pfsvc-hero h1,
.pfsvc-services-hero h1{
    max-width:850px;

    margin:15px 0 14px;

    color:#fff;

    font-size:
        clamp(34px,4vw,52px);

    line-height:1.5;

    font-weight:950;
}

.pfsvc-hero-copy > p,
.pfsvc-services-hero p{
    max-width:780px;

    margin:0;

    color:#cfdeea;

    font-size:14px;
    line-height:2.05;

    font-weight:500;
}

.pfsvc-hero-actions{
    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:24px;
}

.pfsvc-hero-actions a,
.pfsvc-final-actions a{
    text-decoration:none;
}

.pfsvc-btn-primary,
.pfsvc-btn-secondary,
.pfsvc-btn-light{
    display:inline-flex;

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

    min-height:46px;

    padding:0 19px;

    border-radius:9px;

    font-size:11px;
    font-weight:900;
}

.pfsvc-btn-primary{
    background:var(--svc-red);
    color:#fff !important;
}

.pfsvc-btn-secondary{
    border:
        1px solid rgba(255,255,255,.26);

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

    color:#fff !important;
}

.pfsvc-btn-light{
    background:#fff;

    color:#0b385e !important;
}


/* HERO IMAGE */

.pfsvc-hero-media{
    overflow:hidden;

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

    border-radius:18px;

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

.pfsvc-hero-media img,
.pfsvc-hero-placeholder{
    display:block;

    width:100%;

    aspect-ratio:16/10;
}

.pfsvc-hero-media img{
    object-fit:cover;
    object-position:center;
}

.pfsvc-hero-placeholder{
    display:flex;

    flex-direction:column;

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

    background:
        linear-gradient(
            135deg,
            #0a4775,
            #071c30
        );

    color:#fff;
}

.pfsvc-hero-placeholder span{
    color:#ff8c9b;

    font-size:11px;
}

.pfsvc-hero-placeholder strong{
    margin-top:6px;

    font-size:21px;
}


/* MAIN */

.pfsvc-main,
.pfsvc-services-list{
    padding:55px 0 70px;
}

.pfsvc-intro-grid{
    display:grid;

    grid-template-columns:
        minmax(0,1.2fr)
        minmax(350px,.8fr);

    gap:23px;

    align-items:stretch;
}

.pfsvc-copy-card,
.pfsvc-benefits,
.pfsvc-order-info{
    padding:30px;

    border:
        1px solid var(--svc-line);

    border-radius:17px;

    background:#fff;

    box-shadow:
        0 8px 28px
        rgba(4,42,72,.045);
}

.pfsvc-section-kicker,
.pfsvc-benefits > span,
.pfsvc-section-head > span,
.pfsvc-order-info span,
.pfsvc-final-cta > div > span{
    display:block;

    margin-bottom:5px;

    color:var(--svc-red);

    font-size:10px;
    font-weight:900;
}

.pfsvc-copy-card h2,
.pfsvc-section-head h2,
.pfsvc-order-info h2{
    margin:0 0 12px;

    color:var(--svc-navy);

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

    font-weight:950;
}

.pfsvc-copy-card p,
.pfsvc-order-info p{
    margin:0;

    color:#60798b;

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

    font-weight:500;
}


/* BENEFITS */

.pfsvc-benefits > div{
    display:grid;

    grid-template-columns:
        28px 1fr;

    gap:10px;

    align-items:start;

    padding:13px 0;

    border-bottom:
        1px solid #edf1f4;
}

.pfsvc-benefits > div:last-child{
    border-bottom:0;
}

.pfsvc-benefits i{
    display:flex;

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

    width:23px;
    height:23px;

    border-radius:50%;

    background:#fff0f2;

    color:var(--svc-red);

    font-style:normal;
    font-size:11px;
    font-weight:900;
}

.pfsvc-benefits p{
    margin:0;

    color:#355870;

    font-size:12px;
    line-height:1.9;

    font-weight:700;
}


/* SECTION */

.pfsvc-applications,
.pfsvc-process{
    margin-top:48px;
}

.pfsvc-section-head{
    margin-bottom:20px;
}


/* APPLICATION CARDS */

.pfsvc-app-grid{
    display:grid;

    grid-template-columns:
        repeat(5,minmax(0,1fr));

    gap:13px;
}

.pfsvc-app-card{
    min-height:145px;

    padding:18px;

    border:
        1px solid var(--svc-line);

    border-radius:13px;

    background:#fff;
}

.pfsvc-app-card b{
    display:flex;

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

    width:30px;
    height:30px;

    margin-bottom:17px;

    border-radius:9px;

    background:#0b385e;

    color:#fff;

    font-size:11px;
}

.pfsvc-app-card p{
    margin:0;

    color:#365970;

    font-size:11.5px;
    line-height:1.9;

    font-weight:750;
}


/* PROCESS */

.pfsvc-process-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:14px;
}

.pfsvc-step{
    position:relative;

    min-height:130px;

    padding:19px;

    border-radius:13px;

    background:
        linear-gradient(
            145deg,
            #092f50,
            #061c31
        );

    color:#fff;
}

.pfsvc-step strong{
    display:block;

    color:#ff8595;

    font-size:22px;
}

.pfsvc-step p{
    margin:9px 0 0;

    color:#d5e1ea;

    font-size:11px;
    line-height:1.9;

    font-weight:700;
}


/* ORDER */

.pfsvc-order-info{
    margin-top:46px;
}


/* FINAL CTA */

.pfsvc-final-cta{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:30px;

    margin-top:50px;

    padding:31px 34px;

    border-radius:18px;

    background:
        linear-gradient(
            135deg,
            #071c31,
            #0b3c65
        );

    color:#fff;
}

.pfsvc-final-cta h2{
    max-width:720px;

    margin:4px 0 7px;

    color:#fff;

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

    font-weight:950;
}

.pfsvc-final-cta p{
    margin:0;

    color:#cbd9e4;

    font-size:12px;
}

.pfsvc-final-cta p strong{
    color:#fff;
}

.pfsvc-final-actions{
    display:flex;

    flex:0 0 auto;

    gap:9px;
}


/* SERVICES LANDING */

.pfsvc-services-hero{
    text-align:center;
}

.pfsvc-services-hero .pfsvc-eyebrow{
    margin-inline:auto;
}

.pfsvc-services-hero h1,
.pfsvc-services-hero p{
    margin-left:auto;
    margin-right:auto;
}

.pfsvc-services-hero .pfsvc-hero-actions{
    justify-content:center;
}

.pfsvc-services-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:16px;
}

.pfsvc-service-card{
    display:block;

    min-height:230px;

    padding:24px;

    border:
        1px solid var(--svc-line);

    border-radius:16px;

    background:#fff;

    box-shadow:
        0 7px 24px
        rgba(5,44,75,.045);

    text-decoration:none;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.pfsvc-service-card:hover{
    transform:
        translateY(-4px);

    box-shadow:
        0 14px 32px
        rgba(5,44,75,.09);
}

.pfsvc-service-card > span{
    color:var(--svc-red);

    font-size:12px;
    font-weight:950;
}

.pfsvc-service-card h2{
    margin:14px 0 9px;

    color:var(--svc-navy);

    font-size:19px;
    font-weight:950;
}

.pfsvc-service-card p{
    min-height:73px;

    margin:0 0 17px;

    color:#6b8293;

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

.pfsvc-service-card strong{
    color:#1c4b6c;

    font-size:10px;
}


/* TABLET */

@media(max-width:1100px){

    .pfsvc-hero-grid{
        grid-template-columns:
            1fr 390px;
    }

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

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

}


/* MOBILE */

@media(max-width:760px){

    .pfsvc-wrap{
        width:
            calc(100% - 24px);
    }

    .pfsvc-hero,
    .pfsvc-services-hero{
        padding:40px 0;
    }

    .pfsvc-hero-grid{
        grid-template-columns:1fr;

        gap:27px;
    }

    .pfsvc-hero h1,
    .pfsvc-services-hero h1{
        font-size:28px;
    }

    .pfsvc-hero-copy > p,
    .pfsvc-services-hero p{
        font-size:13px;
    }

    .pfsvc-hero-actions{
        display:grid;

        grid-template-columns:
            1fr 1fr;
    }

    .pfsvc-main,
    .pfsvc-services-list{
        padding:32px 0 45px;
    }

    .pfsvc-intro-grid{
        grid-template-columns:1fr;
    }

    .pfsvc-copy-card,
    .pfsvc-benefits,
    .pfsvc-order-info{
        padding:20px;
    }

    .pfsvc-copy-card h2,
    .pfsvc-section-head h2,
    .pfsvc-order-info h2{
        font-size:21px;
    }

    .pfsvc-app-grid{
        grid-template-columns:
            1fr 1fr;
    }

    .pfsvc-process-grid{
        grid-template-columns:
            1fr 1fr;
    }

    .pfsvc-services-grid{
        grid-template-columns:1fr;
    }

    .pfsvc-service-card{
        min-height:0;
    }

    .pfsvc-service-card p{
        min-height:0;
    }

    .pfsvc-final-cta{
        flex-direction:column;

        align-items:stretch;

        padding:23px 20px;
    }

    .pfsvc-final-cta h2{
        font-size:20px;
    }

    .pfsvc-final-actions{
        display:grid;

        grid-template-columns:1fr;
    }

    .pfsvc-final-actions a{
        width:100%;
    }

}


@media(max-width:430px){

    .pfsvc-app-grid,
    .pfsvc-process-grid{
        grid-template-columns:1fr;
    }

    .pfsvc-hero-actions{
        grid-template-columns:1fr;
    }

}



/* ==========================================================
   PADIDAR SERVICES GLASS ROW V1
   8 compact professional service banners in one desktop row
   ========================================================== */

body.pf-site .pfsvc-services-list{
    padding:30px 0 48px !important;

    background:
        radial-gradient(
            circle at 85% 10%,
            rgba(13,60,105,.08),
            transparent 34%
        ),
        radial-gradient(
            circle at 15% 90%,
            rgba(239,23,52,.06),
            transparent 30%
        ),
        #f5f8fb;
}


/* ----------------------------------------------------------
   8 ITEMS IN ONE ROW
   ---------------------------------------------------------- */

@media(min-width:1100px){

    body.pf-site .pfsvc-services-grid{
        display:grid !important;

        grid-template-columns:
            repeat(8,minmax(0,1fr)) !important;

        gap:10px !important;

        align-items:stretch !important;
    }

}


/* ----------------------------------------------------------
   GLASS CARDS
   ---------------------------------------------------------- */

body.pf-site .pfsvc-service-card{
    --svc-card-accent:#ef1734;

    position:relative !important;

    min-width:0 !important;
    min-height:158px !important;

    padding:14px 12px 12px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;

    overflow:hidden !important;

    border:
        1px solid rgba(255,255,255,.78) !important;

    border-radius:16px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.82),
            rgba(255,255,255,.53)
        ) !important;

    box-shadow:
        0 8px 24px rgba(9,43,76,.07),
        inset 0 1px 0 rgba(255,255,255,.9) !important;

    backdrop-filter:
        blur(14px) saturate(130%);

    -webkit-backdrop-filter:
        blur(14px) saturate(130%);

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease !important;
}


/* colored glass tint */

body.pf-site .pfsvc-service-card::before{
    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    pointer-events:none !important;

    background:
        linear-gradient(
            145deg,
            color-mix(
                in srgb,
                var(--svc-card-accent) 10%,
                transparent
            ),
            transparent 58%
        ) !important;

    z-index:0 !important;
}


/* top accent */

body.pf-site .pfsvc-service-card::after{
    content:"" !important;

    position:absolute !important;

    top:0 !important;
    right:12px !important;
    left:12px !important;

    height:3px !important;

    border-radius:
        0 0 6px 6px !important;

    background:
        var(--svc-card-accent) !important;

    opacity:.88 !important;

    z-index:2 !important;
}


/* content above glass */

body.pf-site .pfsvc-service-card > *{
    position:relative !important;
    z-index:1 !important;
}


/* ----------------------------------------------------------
   INDIVIDUAL PROFESSIONAL COLORS
   ---------------------------------------------------------- */

body.pf-site .pfsvc-service-card:nth-child(1){
    --svc-card-accent:#ef1734;
}

body.pf-site .pfsvc-service-card:nth-child(2){
    --svc-card-accent:#1877d3;
}

body.pf-site .pfsvc-service-card:nth-child(3){
    --svc-card-accent:#7057d9;
}

body.pf-site .pfsvc-service-card:nth-child(4){
    --svc-card-accent:#0a9f8f;
}

body.pf-site .pfsvc-service-card:nth-child(5){
    --svc-card-accent:#e38315;
}

body.pf-site .pfsvc-service-card:nth-child(6){
    --svc-card-accent:#0c82a8;
}

body.pf-site .pfsvc-service-card:nth-child(7){
    --svc-card-accent:#c44787;
}

body.pf-site .pfsvc-service-card:nth-child(8){
    --svc-card-accent:#5168cf;
}


/* ----------------------------------------------------------
   NUMBER
   ---------------------------------------------------------- */

body.pf-site .pfsvc-service-card > span{
    display:block !important;

    margin:0 0 5px !important;

    color:
        var(--svc-card-accent) !important;

    font-size:10px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
}


/* ----------------------------------------------------------
   TITLE
   ---------------------------------------------------------- */

body.pf-site .pfsvc-service-card h2{
    margin:0 0 6px !important;

    color:#07365f !important;

    font-size:17px !important;
    line-height:1.55 !important;
    font-weight:900 !important;

    min-height:0 !important;
}


/* ----------------------------------------------------------
   DESCRIPTION
   ---------------------------------------------------------- */

body.pf-site .pfsvc-service-card p{
    margin:0 0 8px !important;

    color:#60778c !important;

    font-size:12.5px !important;
    line-height:1.75 !important;
    font-weight:500 !important;

    min-height:0 !important;

    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;

    overflow:hidden !important;
}


/* ----------------------------------------------------------
   DETAILS LINK
   ---------------------------------------------------------- */

body.pf-site .pfsvc-service-card strong{
    margin-top:auto !important;

    color:
        var(--svc-card-accent) !important;

    font-size:11px !important;
    line-height:1.4 !important;
    font-weight:900 !important;
}


/* ----------------------------------------------------------
   HOVER
   ---------------------------------------------------------- */

body.pf-site .pfsvc-service-card:hover{
    transform:
        translateY(-4px) !important;

    border-color:
        color-mix(
            in srgb,
            var(--svc-card-accent) 28%,
            white
        ) !important;

    box-shadow:
        0 15px 32px rgba(8,44,78,.13),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}


/* ----------------------------------------------------------
   SECTION HEADING - LESS EMPTY SPACE
   ---------------------------------------------------------- */

body.pf-site .pfsvc-services-list
.pfsvc-section-head{
    margin-bottom:20px !important;
}


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

@media(min-width:700px) and (max-width:1099px){

    body.pf-site .pfsvc-services-grid{
        grid-template-columns:
            repeat(4,minmax(0,1fr)) !important;

        gap:12px !important;
    }

    body.pf-site .pfsvc-service-card{
        min-height:150px !important;
    }

}


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

@media(max-width:699px){

    body.pf-site .pfsvc-services-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:10px !important;
    }

    body.pf-site .pfsvc-service-card{
        min-height:145px !important;
        padding:13px 11px !important;
    }

    body.pf-site .pfsvc-service-card h2{
        font-size:16px !important;
    }

    body.pf-site .pfsvc-service-card p{
        font-size:12px !important;
    }

}


@media(max-width:460px){

    body.pf-site .pfsvc-services-grid{
        grid-template-columns:1fr !important;
    }

    body.pf-site .pfsvc-service-card{
        min-height:125px !important;
    }

}