.service-main { color: #303b4d; }
.service-container { max-width: 1280px; }
.service-intro { padding-top: 28px; }
.service-back { display: inline-flex; align-items: center; gap: 6px; color: #202733; font-size: 15px; font-weight: 500; }
.service-back span { font-size: 24px; line-height: 1; }
.service-intro h1 { margin: 50px 0 26px; max-width: 700px; color: #08222e; font-size: 38px; line-height: 1.28; font-weight: 720; letter-spacing: -.035em; }
.service-hero { position: relative; height: 480px; overflow: hidden; border-radius: 14px; background-repeat: no-repeat; }
.service-hero--mortgage { background-image: url('/theme/img/services/mortgage-source.jpg'); background-size: 1440px auto; background-position: -120px -347px; }
.service-hero--deal { background-image: url('/theme/img/services/deal-source.jpg'); background-size: 1200px auto; background-position: 0 -196px; }
.service-hero--residential { background-image: url('/theme/img/services/residential-source.jpg'); background-size: 1200px auto; background-position: 0 -196px; }
.service-hero--commercial { background-image: url('/theme/img/services/commercial-source.jpg'); background-size: 1200px auto; background-position: 0 -196px; }
.service-hero--rent-home { background-image: url('/theme/img/services/rent-home-source.jpg'); background-size: 1200px auto; background-position: 0 -196px; }
.service-hero--rent-commercial { background-image: url('/theme/img/services/rent-commercial-source.jpg'); background-size: 1200px auto; background-position: 0 -196px; }
.service-hero--repair { background-image: url('/theme/img/services/repair-source.jpg'); background-size: 1200px auto; background-position: 0 -196px; }
.service-hero__actions { position: absolute; left: 32px; bottom: 32px; display: flex; gap: 12px; }
.service-hero__actions a { display: inline-flex; align-items: center; justify-content: center; min-width: 177px; height: 52px; padding: 0 20px; border-radius: 8px; background: #fff; color: #303746; font-size: 15px; font-weight: 600; }
.service-hero__actions .service-hero__secondary { min-width: 245px; background: #d9e3f3; }
.service-features { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; margin-top: 24px; }
.service-feature { display: flex; align-items: center; min-height: 88px; gap: 26px; padding: 16px 26px; border-radius: 16px; background: #f2f6fe; color: #344052; font-size: 20px; line-height: 1.35; font-weight: 500; }
.service-feature img { width: 28px; height: 28px; filter: invert(45%) sepia(69%) saturate(774%) hue-rotate(182deg) brightness(88%); }
.service-copy { max-width: 800px; margin-top: 72px; color: #364153; font-size: 15px; line-height: 1.42; }
.service-copy p { margin: 0 0 31px; }
.service-copy p:has(+ ul) { margin-bottom: 7px; }
.service-copy ul { margin: 0 0 31px; padding-left: 23px; }
.service-copy strong { font-weight: 680; }
.service-consultation { padding-top: 100px; }
.service-consultation .about-consultation__shell { min-height: 426px; }
.service-related { margin-top: 90px; padding: 88px 0 80px; border-radius: 72px 72px 0 0; background: #f2f6fe; }
.service-related__header { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.service-related__header h2 { margin: 0; color: #20242c; font-size: 35px; font-weight: 720; letter-spacing: -.035em; }
.service-related__header button { width: 56px; height: 43px; margin-left: 6px; border: 0; border-radius: 8px; background: #fff; color: #303746; }
.service-related__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 48px; }
.service-related__card { display: flex; min-height: 382px; flex-direction: column; padding: 32px; border-radius: 14px; background: #fff; }
.service-related__icon { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 8px; background: #ffe300; }
.service-related__icon img { width: 30px; height: 30px; }
.service-related__card h3 { margin: 65px 0 10px; color: #222733; font-size: 23px; line-height: 1.28; font-weight: 650; }
.service-related__card p { margin: 0; color: #465164; font-size: 15px; line-height: 1.35; }
.service-related__card a { margin-top: auto; color: #252b35; font-size: 15px; font-weight: 600; text-decoration: underline dotted; text-underline-offset: 4px; }
@media (max-width: 991.98px) {
    .service-features, .service-related__grid { grid-template-columns: 1fr; }
    .service-related__card { min-height: 280px; }
}
@media (max-width: 767.98px) {
    .service-intro { padding-top: 20px; }
    .service-intro h1 { margin-top: 35px; font-size: 30px; }
    .service-intro h1 br { display: none; }
    .service-hero { height: 360px; background-position-x: center; }
    .service-hero__actions { right: 16px; bottom: 16px; left: 16px; flex-direction: column; }
    .service-hero__actions a, .service-hero__actions .service-hero__secondary { width: 100%; min-width: 0; }
    .service-features { gap: 10px; }
    .service-feature { font-size: 17px; }
    .service-copy { margin-top: 48px; font-size: 14px; }
    .service-consultation { padding-top: 40px; }
    .service-related { margin-top: 50px; padding: 50px 0; border-radius: 38px 38px 0 0; }
    .service-related__header h2 { font-size: 28px; }
    .service-related__header > div { display: none; }
}