.has\:radius {
    border-radius: 24px
}

.gap-group-cta {
    gap: 12px
}

@media (min-width:1200px) {
    .gap-group-cta {
        gap: 24px
    }
}

#hero-banner {
    max-width: 328px;
    margin: auto;
    overflow: hidden;
    min-height: 520px
}

@media (min-width:768px) {
    #hero-banner {
        max-width: 1434px;
        min-height: -webkit-max-content;
        min-height: -moz-max-content;
        min-height: max-content
    }
}

#hero-banner h1,
#hero-banner p {
    text-align: center
}

@media (min-width:768px) {

    .has\:radius-medium {
        border-radius: 24px
    }

    #hero-banner h1,
    #hero-banner p {
        text-align: left
    }
}

@media (min-width:1200px) {

    #hero-banner h1,
    #hero-banner p {
        text-align: center
    }
}

#hero-banner .wrap-button {
    gap: 8px
}

@media (min-width:1200px) {
    #hero-banner .wrap-button {
        gap: 24px
    }
}

.BVW-banner .Container {
    max-width: 328px !important
}

@media (min-width:768px) {
    .BVW-banner .Container {
        max-width: 1232px !important
    }
}

.BVW-banner .bvg-content {
    margin-top: -48px
}

.BVW-banner .bvg-content .rtb {
    gap: 24px
}

@media (min-width:768px) {
    .BVW-banner .bvg-content .rtb {
        gap: 8px
    }
}

@media (min-width:1024px) {
    .BVW-banner .bvg-content .rtb {
        gap: 24px
    }
}

.BVW-banner .bvg-content .rtb .separator .separator-line {
    height: 1px;
    width: 100px;
    background-color: #ee001e;
    display: block
}

@media (min-width:768px) {
    .BVW-banner .bvg-content .rtb .separator .separator-line {
        width: 1px;
        height: 100%
    }
}

.BVW-banner .bvg-content .rtb .rtb-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.switcher-pod .pod-wrapper {
    gap: 24px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:768px) {
    .switcher-pod .pod-wrapper {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media (min-width:1024px) {
    .switcher-pod .pod-wrapper {
        gap: 40px
    }
}

.switcher-pod .pod-wrapper .pod {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 328px
}

@media (min-width:768px) {
    .switcher-pod .pod-wrapper .pod {
        max-width: 100%
    }
}

.switcher-pod .pod-wrapper .pod .pod-image {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

@media (min-width:992px) {
    .switcher-pod .pod-wrapper .pod .pod-image {
        max-height: 180px
    }
}

@media (min-width:1200px) {
    .switcher-pod .pod-wrapper .pod .pod-image {
        max-height: -webkit-max-content;
        max-height: -moz-max-content;
        max-height: max-content;
        min-height: 240px;
        height: 100%
    }
}

.switcher-pod .deals-banner {
    position: relative
}

.switcher-pod .deals-banner .new-icon {
    position: absolute;
    top: -8px;
    left: 22px;
    max-width: 40px;
    width: 100%
}

@media (min-width:1024px) {
    .switcher-pod .deals-banner .new-icon {
        max-width: 72px;
        left: 42px;
        top: -16px
    }
}

@media (min-width:1200px) {
    .switcher-pod .deals-banner .first-title {
        line-height: 1.15 !important
    }
}

@media (min-width:1200px) {
    .switcher-pod .deals-banner .second-title {
        line-height: 1em !important
    }
}

.chart {
    --pink: #ea0a8e;
    --sky-blue: #00a8e0;
    border: none;
    max-width: 248px;
    margin: 0 auto
}

@media (min-width:768px) {
    .chart {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content
    }
}

@media (min-width:1024px) {
    .chart {
        max-width: 1020px
    }
}

.chart td,
.chart th {
    background: none;
    color: #000;
    border: none;
    padding: 8px;
    text-align: center;
    font-weight: 400
}

@media (min-width:768px) {

    .chart td,
    .chart th {
        width: 100%
    }
}

.chart tr.includes {
    border-bottom: 1px solid #d8dada
}

@media (min-width:768px) {
    .chart tr.includes:last-child {
        border-bottom: none
    }
}

.chart tr.includes td {
    padding: 0 0 24px
}

@media (min-width:768px) {
    .chart tr.includes td {
        padding: 0
    }
}

.chart tr.includes td:not(:last-child) .includes-icon {
    border-right: 1px solid #d8dada
}

@media (min-width:1024px) {
    .chart tr.includes td:not(:last-child) .includes-icon {
        border-right: none;
        padding: 0
    }
}

@media (min-width:768px) {
    .chart tr.includes td .includes-icon {
        min-width: 129px;
        max-width: 159px
    }
}

@media (min-width:1024px) {
    .chart tr.includes td .includes-icon {
        min-width: 159px;
        max-width: 164px
    }
}

@media (min-width:1024px) {
    .chart tr.includes td:not(:first-child, :last-child) {
        border-right: 1px solid #d8dada
    }
}

@media (min-width:768px) {
    .chart .tr-mobile {
        display: none
    }
}

.chart .tr-mobile td,
.chart .tr-mobile th {
    width: 33.33%
}

.chart .tr-mobile.chart-feature th {
    padding: 24px 0 4px
}

.chart .tr-mobile tr.includes td {
    padding: 8px 0 24px
}

.chart .td-desktop {
    display: none
}

@media (min-width:768px) {
    .chart .td-desktop {
        display: table-cell
    }
}

.chart .td-desktop .chart-feature {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:768px) {
    .chart .td-desktop .chart-feature {
        min-height: 72px;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:1024px) {
    .chart .td-desktop .chart-feature {
        min-height: 64px;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}