.bg-gd-11 {
    background: $gd-11;
}

.hero_11 {
    padding-top: clamp(9rem,11.5vw + 1rem,13.75rem);
    padding-bottom: clamp(3.75rem,6.3vw + 1rem,7.5rem);
    &::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url(../img/shape/hero_11_bg.png);
        background-repeat: no-repeat;
        background-position: top center;
        top: -30px;
        left: 0;
        pointer-events: none;
        z-index: -1;
    }
}

.hero_11_img {
    margin-top: -210px;
}

.counter_11_item {
    border-right: 1px solid $gray-800;
    @media(max-width: 1199px) {
        border-right: 0;
    }
    &.last {
        border-right: 0;
    }
}