
.section-service-header {overflow-x:clip;}
.section-service-header-img img {width:100%; height:100%; object-fit:cover;}

@media (max-width:767px) {
    .section-service-header {padding-bottom:0;}
}

@media (min-width:768px) {
    .section-service-header .container {position:relative; min-height:310px;}
    .section-service-header-img {position:absolute; top:-55px; left:60%;  height:calc(100% + 110px);}
}

@media (min-width:768px) and (max-width: 979px) {
     .section-service-header-img {width:40%;}
}

@media (min-width:980px) {
     .section-service-header-img {width: calc(40% + (100vw - 980px) / 2);}
}

.section-service-info .level-2-title {font-weight:var(--fw-semibold);}
.section-service-info .level-2-title:not(:first-of-type) {margin-top:3rem;}


/* Service List */
.section-service-info .service-list {background: var(--clr-primary-200); padding:2rem; margin-bottom:2rem; color:var(--clr-neutral-700);}
.section-service-info .service-list>p:first-child {font-size:18px; line-height: 1.4; color:var(--clr-primary-700); font-weight:var(--fw-semibold);}
.section-service-info .service-list>*:last-child {margin-bottom:0;}
.section-check-list .service-list ul,
.section-service-info .service-list ul {list-style:none; padding-left:0; margin-left:0;}
.section-check-list .service-list ul li,
.section-service-info .service-list ul li {position:relative; padding-left:46px; margin-bottom:0.5rem;}
.section-check-list .service-list ul li::before,
.section-service-info .service-list ul li::before {content:""; position:absolute; left:0; top:0.2em; width:30px; height:30px; background-image:url('/images/icon-checkmark.svg'); background-size:contain; background-repeat:no-repeat;}

@media (min-width:600px) {
    .section-service-info .service-list {float:right; margin:0 0 1rem 2rem; max-width:300px;}
}

@media (min-width:690px) {
    .section-check-list .service-list ul li {font-size:24px; padding-left:56px; margin-bottom:20px;}
    .section-check-list .service-list ul li::before {width:42px; height:42px; top:-0.2em;}
}


/* Related Services */
.section-service-related-links ul {display:grid; list-style:none; margin-left:0; gap:14px; flex-wrap:wrap; grid-template-columns: repeat(1, minmax(0, 1fr));}
.section-service-related-links ul li {font-size:0.75rem;}
.section-service-related-links ul li a img {height:34px; width:auto; transition:transform .3s ease-out;}
.section-service-related-links ul li a {color:var(--clr-primary-700); height:100%; display:flex; column-gap:1rem; border-radius:10px; border:1px solid #dddddd; padding:12px; background:var(--clr-neutral-100);}
.section-service-related-links ul li a:hover {color:var(--clr-primary-400);}
.section-service-related-links ul li a:hover img {transform:scale(1.2);}
.section-service-related-links ul li a span {display:block;}
.section-service-related-links ul li a span:first-child {flex:0 0 42px; justify-items:center;}

@media (min-width:500px) {
   .section-service-related-links ul {grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (min-width:768px) {
   .section-service-related-links ul {grid-template-columns:repeat(3, minmax(0, 1fr));}
}
@media (min-width:980px) {
   .section-service-related-links ul {grid-template-columns:repeat(4, minmax(0, 1fr));}
}

