.main-benefits {
    padding-bottom: 1.46413vw;
    padding-top: 1.46413vw;
    margin-top: 3vw;
    margin-bottom: 3vw;
    background: #0d0d0d;
    flex-shrink: 0;
    width: 100%;
}
.benefits-container {
    padding-right: 2.92826vw;
    padding-left: 2.92826vw;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.main-benefits-body {
    gap: 0.73206vw;
    display: flex;
}
.main-benefits-item {
    width: 100%;
}
.main-benefits-item-body {
    border-radius: 0.73206vw;
    min-height: 19.3265vw;
    padding-right: 2.19619vw;
    padding-left: 2.19619vw;
    padding: 2.92826vw;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #15161b;
    justify-content: space-between;
}
.main-benefits-icon {
    border-radius: 0.58652vw;
    width: 5.85652vw;
    height: 5.85652vw;
    display: flex;
    margin: 0 auto;
    background: linear-gradient(320deg,#003877 -57.09%, #00effa 68.67%, #89faff 97.33%);
    box-shadow: 0 16px 45px 0 rgba(0,239,250,.2), 0 4px 10px 0 rgba(71,247,255,.12);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
}
.benefits-icon-guarantee,
.benefits-icon-boom,
.benefits-icon-shipping,
.benefits-icon-discount {
    height: 2.6vw;
    width: 2.6vw;
    --fill: #15161b;
    display: block;
    overflow: hidden;
    vertical-align: middle;
}
.main-benefits-title {
    max-width: 16.10542vw;
    margin-top: 1.75695vw;
    letter-spacing: 0.02928vw;
    line-height: 1.90337vw;
    font-size: 1.25vw;
    font-weight: 900;
    font-style: normal;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
.main-benefits-text {
    max-width: 17.56955vw;
    margin-top: 0.29283vw;
    letter-spacing: 0.02343vw;
    line-height: 1.75695vw;
    font-size: 0.9vw;
    font-weight: 400;
    font-style: normal;
    margin: 0 auto;
    text-align: center;
    color: hsla(0,0%,100%,.7);
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-benefits {
        padding-bottom: 1.46484vw;
        padding-top: 1.46484vw;
        background: #0d0d0d;
        flex-shrink: 0;
    }
    .benefits-container {
        padding-right: 2.92969vw;
        padding-left: 2.92969vw;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
    .main-benefits-body {
        gap: 0.97656vw;
        display: flex;
    }
    .main-benefits-item {
        width: 100%;
    }
    .main-benefits-item-body {
        border-radius: 1.36719vw;
        min-height: 0;
        padding-right: 2.44141vw;
        padding-left: 2.44141vw;
        padding: 2.44141vw;
        display: flex;
        flex-direction: column;
        height: 100%;
        background: #15161b;
        justify-content: space-between;
    }
    .main-benefits-icon {
        border-radius: 0.58594vw;
        height: 5.85938vw;
        width: 5.85938vw;
        display: flex;
        margin: 0 auto;
        background: linear-gradient(320deg,#003877 -57.09%,#00effa 68.67%,#89faff 97.33%);
        box-shadow: 0 16px 45px 0 rgba(0,239,250,.2), 0 4px 10px 0 rgba(71,247,255,.12);
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
    }
    .benefits-icon-guarantee,
    .benefits-icon-boom,
    .benefits-icon-shipping,
    .benefits-icon-discount {
        height: 2.6vw;
        width: 2.6vw;
        --fill: #15161b;
        display: block;
        overflow: hidden;
        vertical-align: middle;
    }
    .main-benefits-title {
        max-width: none;
        margin-top: 1.5625vw;
        letter-spacing: 0.03125vw;
        line-height: 1.95312vw;
        font-size: 1.4vw;
        font-weight: 900;
        font-style: normal;
        margin: 0 auto;
        text-align: center;
        color: #fff;
    }
    .main-benefits-text {
        max-width: 17.57812vw;
        margin-top: 0.39062vw;
        letter-spacing: 0.02734vw;
        line-height: 1.75781vw;
        font-size: 1.2vw;
        font-weight: 400;
        font-style: normal;
        margin: 0 auto;
        text-align: center;
        color: hsla(0,0%,100%,.7);
    } 
}
@media screen and (max-width:767px) {
    .main-benefits {
        background: #0d0d0d;
        padding-top: 5.33333vw;
        padding-bottom: 5.33333vw;
        flex-shrink: 0;
    }
    .benefits-container {
        padding-left: 5.33333vw;
        padding-right: 5.33333vw;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
    .main-benefits-body {
        flex-direction: column;
        display: flex;
        gap: 2.66667vw;
    }
    .main-benefits-item {
        width: 100%;
    }
    .main-benefits-item-body {
        flex-direction: row;
        align-items: center;
        display: flex;
        height: 100%;
        background: #15161b;
        padding: 5.33333vw;
        padding-left: 5.33333vw;
        padding-right: 5.33333vw;
        min-height: 0;
        border-radius: 3.73333vw;
        justify-content: flex-start;
    }
    .main-benefits-icon {
        margin: 0;
        margin-right: 4vw;
        display: flex;
        background: linear-gradient(320deg,#003877 -57.09%,#00effa 68.67%,#89faff 97.33%);
        box-shadow: 0 16px 45px 0 rgba(0,239,250,.2), 0 4px 10px 0 rgba(71,247,255,.12);
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        width: 16vw;
        height: 16vw;
        border-radius: 1.6vw;
    }
    .benefits-icon-guarantee,
    .benefits-icon-boom,
    .benefits-icon-shipping,
    .benefits-icon-discount {
        --fill: #15161b;
        width: 8vw;
        height: 8vw;
        display: block;
        overflow: hidden;
        vertical-align: middle;
    }
    .main-benefits-title {
        text-align: left;
        font-weight: 900;
        font-style: normal;
        margin: 0 auto;
        color: #fff;
        font-size: 3.5vw;
        line-height: 6.93333vw;
        letter-spacing: .096vw;
        margin-top: 0;
        max-width: none;
    }
    .main-benefits-text {
        text-align: left;
        font-weight: 400;
        font-style: normal;
        margin: 0 auto;
        letter-spacing: .02em;
        color: hsla(0,0%,100%,.7);
        font-size: 2.8vw;
        line-height: 4.8vw;
        letter-spacing: 0;
        margin-top: 1.06667vw;
        max-width: none;
    }
}