.stack-counter {
    position: relative;
}
.stack-counter .img {
    width: clamp(150px, 16.6666667vw, 16.6666667vw) !important;
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
}
.stack-counter .box-counter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 36px;
    font-weight: bold;
    color: var(--primary-color);
}
.stack-title h4 {
    font-size: clamp(20px, 4.66666667vw, 56px);
    font-weight: bold;
    margin: 0;
    line-height: 100%;
}
.stack-title h2 {
    font-size: clamp(50px, 13.5833333vw, 163px);
    font-weight: bold;
    margin: 0;
    line-height: 100%;
}
.box-text.line-space-10 > * {
    margin: 10px 0;
    font-size: 19px;
}
.box-text.line-space-18 > * {
    margin: 0 0 18px;
    font-size: clamp(15px, 1.58333333vw, 16px);
    font-weight: 500;
}
.s-h-bg {
    padding-bottom: 26.9270833vw !important;
}
.s-h-bg .heading .section-title {
    margin-bottom: 13px;
}
@media only screen and (max-width: 850px) {
    .s-h-bg {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media only screen and (max-width: 699px) {
    .s-h-bg .half-medium-full.pb-col-0 > .col > .col-inner {
        padding-bottom: 20px !important;
    }
}
@media only screen and (max-width: 549px) {
    .s-h-bg {
        padding-bottom: 150px !important;
    }
}
@media only screen and (min-width: 850px) {
    .s-h-bg .col.large-5 {
        max-width: 43.3339667% !important;
        flex-basis: 43.3339667% !important;
    }
    .s-h-bg .col.large-7 {
        max-width: 56.6660333% !important;
        flex-basis: 56.6660333% !important;
    }
}