/* Sky Rise Builders — isolated Services page stylesheet */
.srb-services-page{--ss-navy:#082e49;--ss-blue:#149bda;--ss-muted:#526d80;color:var(--ss-navy);overflow:hidden}
.srb-services-page *,.srb-services-page *::before,.srb-services-page *::after{box-sizing:border-box}
.srb-services-page .container{width:min(100% - 48px,1200px);max-width:1200px;margin-inline:auto}
.srb-services-page h1,.srb-services-page h2,.srb-services-page h3,.srb-services-page p{margin-top:0}
.srb-services-page a{text-decoration:none}
.ss-section{padding:92px 0}
.ss-kicker{font-size:12px;font-weight:800;letter-spacing:2.2px;color:#148ecb;margin-bottom:20px;text-transform:uppercase}
.ss-kicker.ss-light{color:#95defc}
.ss-hero{position:relative;min-height:570px;display:flex;align-items:center;background:#082e49;isolation:isolate;color:#fff}
.ss-hero::before{content:"";position:absolute;inset:0;background-image:var(--ss-hero-image);background-size:cover;background-position:center 43%;z-index:-2}
.ss-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,29,51,.96) 0%,rgba(4,29,51,.87) 40%,rgba(4,29,51,.49) 70%,rgba(4,29,51,.18) 100%)}
.ss-hero-inner{width:100%;padding-block:105px 100px;position:relative}
.ss-line{width:58px;height:4px;background:#33b7f5;margin:26px 0}
.ss-hero h1{font-size:clamp(48px,6vw,79px);line-height:1.06;letter-spacing:-3px;color:#fff;font-weight:800;margin-bottom:25px}
.ss-hero h1 span{color:#8fddff}
.ss-hero p{max-width:610px;font-size:19px;line-height:1.75;color:#e0edf4;margin-bottom:30px}
.ss-btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:54px;padding:16px 25px;border-radius:5px;font-size:15px;font-weight:800;transition:transform .2s,background .2s}
.ss-btn:hover{transform:translateY(-2px)}
.ss-btn-blue{background:var(--ss-blue);color:#fff!important}
.ss-btn-blue:hover{background:#087db7}
.ss-breadcrumb{display:flex;gap:15px;align-items:center;color:#1589c3;font-size:12px;letter-spacing:1.8px;font-weight:800;margin-bottom:50px}
.ss-breadcrumb a{color:#517b96}
.ss-intro-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:90px;align-items:center}
.srb-services-page h2{font-size:clamp(34px,4vw,53px);line-height:1.16;letter-spacing:-1.8px;font-weight:800;color:var(--ss-navy);margin-bottom:0}
.ss-intro h2 span{color:#1395cf}
.ss-intro-grid p{font-size:17px;line-height:1.85;color:var(--ss-muted);margin-bottom:0}
.ss-offerings{background:#f8fbfd;border-top:1px solid #e5eef3}
.ss-offerings h2{margin-bottom:43px}
.ss-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ss-service-card{min-height:300px;padding:30px 32px;background:#eef6fa;border:1px solid #dfebf0;border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,box-shadow .2s}
.ss-service-card:nth-child(4n+2),.ss-service-card:nth-child(4n+3){background:#fff}
.ss-service-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(6,49,74,.09)}
.ss-card-top{display:flex;justify-content:space-between;color:#1389c1;font-size:21px;font-weight:800}
.ss-card-number{border-top:4px solid #129adb;padding-top:18px;min-width:50px}
.ss-card-content h3{color:#092e48;font-size:clamp(21px,2vw,28px);line-height:1.2;margin-bottom:15px;font-weight:800}
.ss-card-content p{max-width:490px;line-height:1.7;color:#526e7f;font-size:16px;margin-bottom:0}
.ss-card-bottom{display:flex;gap:18px;justify-content:space-between;align-items:center;color:#1487bf;font-size:11px;letter-spacing:1.3px;font-weight:800;margin-top:20px}
.ss-card-bottom a{letter-spacing:0;font-size:14px;color:#087eaf;white-space:nowrap}
.ss-card-bottom a:hover{text-decoration:underline}
.ss-process{background:#082e49;color:#fff}
.ss-process h2{color:#fff;max-width:1020px;margin-bottom:65px}
.ss-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
.ss-process-item{border-top:2px solid #276b8b;padding-top:23px}
.ss-process-item>span{font-size:18px;color:#8bddff;font-weight:800}
.ss-process-item h3{font-size:23px;color:#fff;font-weight:800;margin:21px 0 13px}
.ss-process-item p{font-size:15px;line-height:1.7;color:#b8d6e5;margin-bottom:0}
.ss-cta{background:#eaf5fa}
.ss-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}
.ss-cta h2{max-width:900px;margin-bottom:23px}
.ss-cta p{color:#536d7d;font-size:17px;margin-bottom:0;line-height:1.6}
.ss-cta .ss-btn{flex-shrink:0}
@media(max-width:900px){.ss-intro-grid{gap:35px;grid-template-columns:1fr}.ss-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.srb-services-page .container{width:calc(100% - 36px)}.ss-section{padding:65px 0}.ss-hero{min-height:520px}.ss-hero-inner{padding-block:80px}.ss-hero h1{font-size:clamp(42px,11vw,62px);letter-spacing:-1.5px}.ss-hero p{font-size:16px}.ss-hero::before{background-position:65% center}.ss-hero-shade{background:linear-gradient(90deg,rgba(4,29,51,.95),rgba(4,29,51,.66))}.ss-breadcrumb{margin-bottom:28px}.ss-services-grid{grid-template-columns:1fr}.ss-service-card{min-height:290px;padding:27px 24px}.ss-process-grid{grid-template-columns:1fr 1fr;gap:32px 16px}.ss-process-item h3{font-size:21px}.ss-card-bottom{flex-wrap:wrap}.ss-cta .ss-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.ss-service-card,.ss-btn{transition:none}}
/* Service card image layout */

.srb-services-page .ss-service-card {
    overflow: hidden;
    padding: 0;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(8, 37, 63, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.srb-services-page .ss-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(8, 37, 63, 0.14);
}

.srb-services-page .ss-service-image {
    width: 100%;
    height: 220px;
    overflow: hidden;
    background: #dfeaf2;
}

.srb-services-page .ss-service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.srb-services-page .ss-card-top,
.srb-services-page .ss-card-content,
.srb-services-page .ss-card-bottom {
    padding-left: 24px;
    padding-right: 24px;
}

.srb-services-page .ss-card-top {
    padding-top: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.srb-services-page .ss-card-number {
    font-weight: 700;
    color: #1789c5;
    font-size: 14px;
    letter-spacing: 0.08em;
}

.srb-services-page .ss-card-content {
    padding-top: 12px;
    padding-bottom: 18px;
}

.srb-services-page .ss-card-content h3 {
    margin: 0 0 12px;
    font-size: 24px;
    line-height: 1.25;
    color: #0b3049;
}

.srb-services-page .ss-card-content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: #5b6f7f;
}

.srb-services-page .ss-card-bottom {
    margin-top: auto;
    padding-top: 18px;
    padding-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    border-top: 1px solid #e6eef3;
}

.srb-services-page .ss-card-bottom span {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #168bc5;
}

.srb-services-page .ss-card-bottom a {
    font-size: 14px;
    font-weight: 700;
    color: #0b3049;
    text-decoration: none;
}

@media (max-width: 768px) {
    .srb-services-page .ss-service-image {
        height: 200px;
    }

    .srb-services-page .ss-card-content h3 {
        font-size: 21px;
    }
}