.service-bg {top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
.service-bg img {width: 100%; height: 100%; object-fit: cover;}

.getway-text > :first-child { width: 100%; max-width: 855px; font-size: 36px; font-weight: 800; text-transform: uppercase; color: var(--_c-label); letter-spacing: 3px; line-height: 1.3; text-align: center; margin-block: 37px 35px; margin-inline: auto;}
.getway-text .getway-box {max-width: 1204px; font-size: 21px; color: #fff; text-align: center; color: #fff; background-color:#0b9bca; padding: 34px 90px; margin-inline: auto;  margin-bottom: 16px;}
.getway-text .text-content {width: 100%; max-width: 856px; background-color: #ffffffc9; padding: 24px 50px; margin-inline: auto; margin-bottom: 46px;}
.getway-text .text-content :where(span, strong) {display: block; font-size: 17px; font-weight: 700; color: var(--c-text); letter-spacing: 1px; margin-bottom: 19px;}
.getway-text .text-content p {font-size: 15px; color: var(--c-text); letter-spacing: 0.5px; margin-bottom: 19px;}

@media only screen and (max-width: 991px) {
    .getway-text > :first-child {font-size: 30px; letter-spacing: 1px; line-height: 1.2; margin-block: 26px;}
    .getway-text .getway-box {padding: 30px; border-radius: 50px;}
    .getway-text .getway-box {font-size: 18px;}
}
@media only screen and (max-width: 768px) {
    .getway-text .getway-box {border-radius: 10px; padding: 15px;}
    .getway-text .text-content {padding: 15px;}
}