.block-top-product .full-slide {
    position: relative;
    height: auto;
    display: flex !important;
    height: 35vw;
    overflow: hidden;
}

.block-top-product .full-slide.right {
    flex-direction: row-reverse;
}

.block-top-product {
    left: calc((-100vw + (var(--wp--style--global--content-size) * 2)) / 2);
    width: 100vw;
    position: relative;
    padding: 0;
}

.block-top-product .promotions .tag-title {
    position: absolute;
    top: 48px;
    left: 32px;
    z-index: 3;
}

.block-top-product .promotions.left .product-image {
    right: 2%;
    left: initial;

}

.block-top-product .promotions .product-image {
    height: 100%;
    box-sizing: border-box;
    padding: 2% 0;
}

.block-top-product .promotions .product-slider-logo {
    max-width: 300px;
    padding: 0px;
}

.block-top-product .promotions .logo-title {
    padding: 0px;
}

.block-top-product .promotions .product-textbox {
    box-sizing: border-box;
}

.block-top-product .promotions .product-textbox .title {
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 48px;
}

.block-top-product .promotions .product-textbox .text p {
    font-size: 32px;
}

.block-top-product .promotions .product-textbox .blue-text-promotions {
    font-size: 64px;
    color: #163FE8;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 32px;
}

.block-top-product .promotions .product-textbox .price-value-text {
    font-size: 36px;
    margin-bottom: 64px;
}

.block-top-product .promotions .product-textbox .footer-details-promotional {
    margin-top: 32px;
    font-size: 28px;
}

.block-top-product .promotions .product-image {
    width: 37%;
    position: absolute;
    left: 0;
    text-align: center;
    height: 100%;
    left: 2%;
    margin: 0 auto;
}

.block-top-product .promotions .gradient {
    width: 100%;
}

.block-top-product .promotions .product-image img {
    object-fit: contain;
}


.block-top-product .promotions .product-textbox {
    justify-content: center;
    padding: 64px;
}

.block-top-product .promotions .product-slider-logo {
    width: 100%;
    height: auto;
}

.block-top-product p {
    margin-bottom: 0;
}

.block-top-product .slick-track {
    display: flex !important;
}

.block-top-product .benefits {
    display: flex;
    margin: 48px 0px;
    flex-wrap: wrap;
    width: 100%;
}

.block-top-product .benefits .option {
    display: flex;
    width: 50%;
    margin-bottom: 24px;
    padding-right: 20px;
    box-sizing: border-box
}

.block-top-product .benefits .option:before {
    content: "";
    background-image: url(../../assets/images/check-list.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    display: inline-block;
    margin-right: 16px;
}

.block-top-product .product-textbox.text-color-white .benefits .option:before {
    filter: invert(1);
}

.block-top-product .benefits .benefits-text {
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 128.5%;
    max-width: 582px;
}

.block-top-product .logo-title {
    margin-bottom: 40px;
    padding: 12px 163.477px 17px 0px;
    align-items: flex-start;
    gap: 26.238px;
    display: flex;
    align-items: center;
}

.block-top-product .tag-title {
    padding: 16px 32px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    width: fit-content;
    border-radius: 4px;
    margin-bottom: 12px;
}

.block-top-product .tag-title.red {
    background: #FF6447;
}

.block-top-product .tag-title.green {
    background: #00DC55;
}

.block-top-product .tag-title.blue {
    background: #0091BD;
}

.block-top-product .tag-title p {
    font-size: 24px !important;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    line-height: normal;
    color: #FFF;
}

.block-top-product .full-slide .product-textbox {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 2;
}

.block-top-product .mobilefullproduct .product-image {
    width: 100%;
}

.block-top-product .mobilefullproduct .product-image img {
    object-fit: cover;
    min-height: 400px;
}

.block-top-product .gradientproduct .product-image {
    width: 37%;
}

.block-top-product .fullproduct .product-image {
    width: 100%;
}

.block-top-product .product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.block-top-product .full-slide.fullproduct .product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.block-top-product .gradient {
    width: 63%;
    display: flex;
    align-items: flex-end;
}

.block-top-product .gradient.full {
    width: 100%;
    min-height: 500px;
}

.block-top-product .gradient.bottomleft {
    flex-direction: row
}

.block-top-product .gradient.bottomright {
    flex-direction: row-reverse;
}

.block-top-product .gradient.topleft {
    flex-direction: row;
}

.block-top-product .gradient.topright {
    flex-direction: row-reverse;
}

.block-top-product .product-textbox.text-color-white {
    color: #EDEEEF;
    border-color: #EDEEEF;
}

.block-top-product .gradient .line {
    width: 25%;
    border: none;
    margin: 0px;
    height: 100%;
}

.block-top-product .gradient.horizontalleft .line {
    width: 100%;
    background: linear-gradient(0deg, #000 0%, #000 70%, #163EE3 85%, #749EFD 100%);
    height: 25%;
}

.block-top-product .gradient.four_per_row .line.line1 {
    height: 50%;
}

.block-top-product .gradient.four_per_row .line.line2 {
    height: 66%;
}

.block-top-product .gradient.four_per_row .line.line3 {
    height: 83%;
}

.block-top-product .gradient.four_per_row .line.line4 {
    height: 100%;
}

.block-top-product .gradient.seven_per_row .line.line1 {
    height: 50%;
}

.block-top-product .gradient.seven_per_row .line.line2 {
    height: 58%;
}

.block-top-product .gradient.seven_per_row .line.line3 {
    height: 66%;
}

.block-top-product .gradient.seven_per_row .line.line4 {
    height: 74%;
}

.block-top-product .gradient.seven_per_row .line.line5 {
    height: 83%;
}

.block-top-product .gradient.seven_per_row .line.line6 {
    height: 91%;
}

.block-top-product .gradient.seven_per_row .line.line7 {
    height: 100%;
}

.block-top-product .gradient.eleven_per_row .line.line1 {
    height: 33%;
}

.block-top-product .gradient.eleven_per_row .line.line2 {
    height: 40%;
}

.block-top-product .gradient.eleven_per_row .line.line3 {
    height: 46%;
}

.block-top-product .gradient.eleven_per_row .line.line4 {
    height: 53%;
}

.block-top-product .gradient.eleven_per_row .line.line5 {
    height: 59%;
}

.block-top-product .gradient.eleven_per_row .line.line6 {
    height: 66%;
}

.block-top-product .gradient.eleven_per_row .line.line7 {
    height: 72%;
}

.block-top-product .gradient.eleven_per_row .line.line8 {
    height: 79%;
}

.block-top-product .gradient.eleven_per_row .line.line9 {
    height: 86%;
}

.block-top-product .gradient.eleven_per_row .line.line10 {
    height: 92%;
}

.block-top-product .gradient.eleven_per_row .line.line11 {
    height: 100%;
}

.block-top-product .gradient.transparent {
    background: #FFFFFF;
}

.block-top-product .gradient.transparent .line {
    background: #FFFFFF;
}

.block-top-product .gradient.bottomleft.yellow,
.block-top-product .gradient.bottomright.yellow {
    background: #FAFAFA;
}

.block-top-product .gradient.bottomleft.gray,
.block-top-product .gradient.bottomright.gray {
    background: #FAFAFA;
}

.block-top-product .gradient.bottomleft.lightblue,
.block-top-product .gradient.bottomright.lightblue {
    background: #FAFAFA;
}

.block-top-product .gradient.bottomleft.pink,
.block-top-product .gradient.bottomright.pink {
    background: #000;
}

.block-top-product .gradient.bottomleft.green,
.block-top-product .gradient.bottomright.green {
    background: #000;
}

.block-top-product .gradient.bottomleft.brown,
.block-top-product .gradient.bottomright.brown {
    background: #09495D;
}

.block-top-product .gradient.bottomleft.neongreen,
.block-top-product .gradient.bottomright.neongreen {
    background: #D5FF20;
}

.block-top-product .gradient.bottomleft.darkblue,
.block-top-product .gradient.bottomright.darkblue {
    background: #000;
}

.block-top-product .gradient.bottomleft.orange,
.block-top-product .gradient.bottomright.orange {
    background: #FF5CFF;
}
.block-top-product .gradient.bottomleft.magentanavy,
.block-top-product .gradient.bottomright.magentanavy{
        background: #030822
}
.block-top-product .gradient.bottomleft.yellow .line,
.block-top-product .gradient.bottomright.yellow .line {
    background: linear-gradient(0deg, #FFEC45 16.84%, #FAFAFA 69.59%);
}

.block-top-product .gradient.bottomleft.gray .line,
.block-top-product .gradient.bottomright.gray .line {
    background: linear-gradient(0deg, #94989B 16.84%, #FAFAFA 100%);
}

.block-top-product .gradient.bottomleft.pink .line,
.block-top-product .gradient.bottomright.pink .line {
    background: linear-gradient(180deg, #000 0%, #FF2E00 50%, #FF5CFF 100%);
}

.block-top-product .gradient.bottomleft.lightblue .line,
.block-top-product .gradient.bottomright.lightblue .line {
    background: linear-gradient(0deg, #0091BD 0%, #63BACC 43.06%, #FAFAFA 100%);
}

.block-top-product .gradient.bottomleft.brown .line,
.block-top-product .gradient.bottomright.brown .line {
    background: linear-gradient(0deg, #CE9266 0%, #E2BEA2 26%, #C0C4C1 50%, #4D909E 75%, #09495D 100%);
}

.block-top-product .gradient.bottomleft.neongreen .line,
.block-top-product .gradient.bottomright.neongreen .line {
    background: linear-gradient(180deg, #D8FF1E -0.35%, #00DC55 50.18%, #53A7FF 99.71%)
}

.block-top-product .gradient.bottomleft.green .line,
.block-top-product .gradient.bottomright.green .line {
    background: linear-gradient(180deg, #000 0%, #00DC55 78.24%, #9EFF69 99.71%);
}

.block-top-product .gradient.bottomleft.darkblue .line,
.block-top-product .gradient.bottomright.darkblue .line {
    background: linear-gradient(180deg, #000 16.84%, #163FE8 45.85%, #7DA7FF 69.59%);
}

.block-top-product .gradient.bottomleft.orange .line,
.block-top-product .gradient.bottomright.orange .line {
    background: linear-gradient(0deg, #FFC700 16.84%, #FF6447 42.42%, #FF5CFF 69.59%);
}

.block-top-product .gradient.bottomleft.magentanavy .line,
.block-top-product .gradient.bottomright.magentanavy .line {
    background:linear-gradient( 0deg, #CB1D66 8%, #582671 24%, #382163 35%, #211646 46%, #080A28 56%, #030822 65% )
}
/* REVERSE COLORS */

.block-top-product .gradient.topleft.yellow,
.block-top-product .gradient.topright.yellow {
    background: #FFEC45;
}

.block-top-product .gradient.topleft.gray,
.block-top-product .gradient.topright.gray {
    background: #94989B;
}

.block-top-product .gradient.topleft.lightblue,
.block-top-product .gradient.topright.lightblue {
    background: #0091BD;
}

.block-top-product .gradient.topleft.pink,
.block-top-product .gradient.topright.pink {
    background: #FF5CFF;
}

.block-top-product .gradient.topleft.green,
.block-top-product .gradient.topright.green {
    background: #9EFF69;
}

.block-top-product .gradient.topleft.brown,
.block-top-product .gradient.topright.brown {
    background: #CE9266;
}

.block-top-product .gradient.topleft.neongreen,
.block-top-product .gradient.topright.neongreen {
    background: #53A7FF;
}

.block-top-product .gradient.topleft.darkblue,
.block-top-product .gradient.topright.darkblue {
    background: #7DA7FF;
}

.block-top-product .gradient.topleft.orange,
.block-top-product .gradient.topright.orange {
    background: #FFC700;
}
.block-top-product .gradient.topleft.magentanavy,
.block-top-product .gradient.topright.magentanavy{
    background: #CB1D66 ;
}
.block-top-product .gradient.topleft.yellow .line,
.block-top-product .gradient.topright.yellow .line {
    background: linear-gradient(0deg, #FAFAFA 16.84%, #FFEC45 69.59%);
}

.block-top-product .gradient.topleft.gray .line,
.block-top-product .gradient.topright.gray .line {
    background: linear-gradient(0deg, #FAFAFA 16.84%, #94989B 100%);
}

.block-top-product .gradient.topleft.pink .line,
.block-top-product .gradient.topright.pink .line {
    background: linear-gradient(180deg, #FF5CFF 0%, #FF2E00 50%, #000 100%);
}

.block-top-product .gradient.topleft.lightblue .line,
.block-top-product .gradient.topright.lightblue .line {
    background: linear-gradient(0deg, #FAFAFA 0%, #63BACC 43.06%, #0091BD 100%);
}

.block-top-product .gradient.topleft.brown .line,
.block-top-product .gradient.topright.brown .line {
    background: linear-gradient(0deg, #09495D 0%, #4D909E 26%, #C0C4C1 50%, #E2BEA2 75%, #CE9266 100%);
}

.block-top-product .gradient.topleft.neongreen .line,
.block-top-product .gradient.topright.neongreen .line {
    background: linear-gradient(180deg, #53A7FF -0.35%, #00DC55 50.18%, #D8FF1E 99.71%)
}

.block-top-product .gradient.topleft.green .line,
.block-top-product .gradient.topright.green .line {
    background: linear-gradient(0deg, #000 0%, #00DC55 78.24%, #9EFF69 99.71%);
}

.block-top-product .gradient.topleft.darkblue .line,
.block-top-product .gradient.topright.darkblue .line {
    background: linear-gradient(180deg, #7DA7FF 16.84%, #163FE8 45.85%, #000 69.59%);
}

.block-top-product .gradient.topleft.orange .line,
.block-top-product .gradient.topright.orange .line {
    background: linear-gradient(0deg, #FF5CFF 16.84%, #FF6447 42.42%, #FFC700 69.59%);
}
.block-top-product .gradient.topleft.magentanavy .line,
.block-top-product .gradient.topright.magentanavy .line {
    background:linear-gradient( 0deg,#030822  8%, #080A28 24%,  #211646 35%, #382163 46%,#582671  56%,#CB1D66  65% )
}

.block-top-product .full-slide .product-textbox.text-color-black {
    color: #000;
    border-color: #000;
}

.block-top-product .product-textbox {
    position: absolute;
    left: calc((100vw - 2736px) / 2);
    max-width: calc(55% - ((100vw - 2736px) / 2));
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.block-top-product .right .product-textbox {
    left: initial;
    right: calc((100vw - 2736px) / 2);
}

.block-top-product .product-textbox .title {
    color: #EDEEEF;
    font-size: 112px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: inherit;
}

.block-top-product .product-textbox p {
    font-size: 48px;
    line-height: 121%;
}

.block-top-product .product-textbox .text p {
    color: #EDEEEF;
    font-size: 48px;
    margin: 64px 0;
    font-weight: 400;
    color: inherit;
}

.block-top-product .global-button {
    width: fit-content; 
    /* font-size: 32px;
    font-weight: 700;
    color: inherit;
    text-decoration: none;
    padding: 32px 48px;
    text-align: center;
    border: 1px solid;
    border-color: inherit;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; */
}

.block-top-product .product-slider-logo {
    width: 136px;
    height: 56px;
    display: inline-block;
}

.block-top-product .product-slider-logo img {
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 3350px) {
    .block-top-product .product-textbox .title {
        font-size: 95px;
    }

    .block-top-product .product-textbox p {
        font-size: 38px;
    }

    .block-top-product .global-button {
        /* font-size: 28px;
        padding: 28px 42px; */
    }

    .block-top-product .benefits {
        margin: 45px 0;
    }

    .block-top-product .product-textbox .text p {
        font-size: 42px;
        margin: 56px 0;
    }

    .block-top-product .benefits .option {
        width: 50%;
        margin-bottom: 22.5px;
    }

    .block-top-product .benefits .benefits-text {
        font-size: 26.25px;
        max-width: 545.625px;
    }

    .block-top-product .logo-title {
        margin-bottom: 37.5px;
        padding: 11.25px 153.107px 15.9375px 0;
        gap: 24.652125px;
    }
}

@media only screen and (max-width: 3000px) {
    .block-top-product .product-textbox {
        left: calc((100vw - 1824px) / 2);
        max-width: calc(54% - ((100vw - 1824px) / 2));
    }

    .block-top-product .product-textbox .title {
        font-size: 56px;
    }

    .block-top-product .product-textbox p {
        font-size: 24px;
    }

    .block-top-product .right .product-textbox {
        left: initial;
        right: calc((100vw - 1368px) / 2);
    }

    .block-top-product .global-button {
        /* font-size: 16px;
        font-weight: 700;
        padding: 16px 24px;
        min-width: 120px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px; */
    }

    .block-top-product .promotions .product-textbox {
        justify-content: center;
        padding: 32px;
    }

    .block-top-product .promotions .tag-title {
        position: absolute;
        top: 24px;
        left: 16px;
    }

    .block-top-product .product-textbox .text p {
        font-size: 24px;
        margin: 10px 0;
    }

    .block-top-product .benefits {
        margin: 36px 0;
    }

    .block-top-product .benefits .option {
        margin-bottom: 12px;
        padding-left: 10px;
    }

    .block-top-product .benefits .option:before {
        width: 24px;
        min-width: 24px;
        height: 24px;
        margin-right: 8px;
    }

    .block-top-product .benefits .benefits-text {
        font-size: 21px;
        max-width: 400px;
    }

    .block-top-product .promotions .product-slider-logo {
        max-width: 150px;
    }

    .block-top-product .promotions .product-textbox .title {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .block-top-product .promotions .product-textbox .text p {
        font-size: 16px;
    }

    .block-top-product .promotions .product-textbox .blue-text-promotions {
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
       
        margin-bottom: 16px;
    }

    .block-top-product .promotions .product-textbox .price-value-text {
        font-size: 18px;
        margin-bottom: 32px;
    }

    .block-top-product .promotions .product-textbox .footer-details-promotional {
        margin-top: 16px;
        font-size: 14px;
    }

    .block-top-product .logo-title {
        margin-bottom: 29px;
        padding: 8px 118px 12px 0;
        gap: 19px;
    }

    .block-top-product .tag-title p {
        font-size: 18px !important;
    }

    .block-top-product .product-slider-logo {
        max-width: 66px;
        max-height: 27px;
    }

    .block-top-product {
        left: calc((-100vw + var(--wp--style--global--content-size)) / 2);
    }

    .block-top-product .tag-title {
        padding: 8px 16px;
    }

    .block-top-product .product-textbox {
        left: calc((100vw - 1368px) / 2);
        max-width: calc(54% - ((100vw - 1368px) / 2));
    }

    .block-top-product .benefits .benefits-text {
        font-size: 14px;
        max-width: 291px;
        line-height: 128.571%;
    }

    .block-top-product .tag-title {
        border-radius: 2px;
        margin-bottom: 8px;
    }

    .block-top-product .tag-title p {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 1833px) {
    .block-top-product .product-textbox .title {
        font-size: 49px;
    }

    .block-top-product .product-textbox p {
        font-size: 20px;
    }

    .block-top-product .product-textbox .text p {
        font-size: 20px;
    }

    .block-top-product .global-button {
        /* font-size: 15px;
        padding: 15px 23px; */
    }

    .block-top-product .benefits .option .optionSvg {
        width: 23px;
        height: 23px;
        margin-right: 8px;
    }

    .block-top-product .benefits .benefits-text {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1500px) {
    .block-top-product {
        left: -5vw;
    }

    .block-top-product .product-textbox {
        max-width: 53%;
        left: 5%;
    }

    .block-top-product .right .product-textbox {
        left: initial;
        right: 5%;
    }

    .block-top-product .product-textbox .title {
        font-size: 39px;
    }

    .block-top-product .product-textbox p {
        font-size: 17px;
    }

    .block-top-product .product-textbox .text p {
        font-size: 17px;
    }

    .block-top-product .global-button {
        /* font-size: 12px;
        padding: 16px; */
    }

    .block-top-product .benefits .option .optionSvg {
        width: 17px;
        height: 17px;
    }

    .block-top-product .benefits .benefits-text {
        font-size: 10px;
    }
}

@media only screen and (max-width: 1300px) {
    .block-top-product .product-textbox .title {
        font-size: 38px;
    }

    .block-top-product .product-textbox p {
        font-size: 15px;
    }

    .block-top-product .global-button {
        /* font-size: 11px;
        padding: 16px; */
    }

    .block-top-product .benefits {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .block-top-product .product-textbox .text p {
        font-size: 14px;
        margin: 24px 0;
    }

    .block-top-product .benefits .option {
        margin-bottom: 8px;
    }

    .block-top-product .benefits .option .optionSvg {
        width: 17px;
        height: 17px;
        margin-right: 6px;
    }

    .block-top-product .benefits .benefits-text {
        font-size: 10px;
        max-width: 318px;
    }

    .block-top-product .logo-title {
        margin-bottom: 12px;
        padding: 4px 94px 6px 0;
        gap: 15px;
    }
}

@media only screen and (max-width: 1200px) {
    .block-top-product .full-slide {
        height: 50vw;
    }
    .block-top-product .promotions .product-textbox .title{
        margin-bottom: 0px;
    }
    .block-top-product .full-slide .product-textbox {
        height: initial;
        padding: 20px 0;
        max-width: 53%;
        left: 20px;
        bottom: 0;
    }

    .block-top-product .full-slide.right .product-textbox {
        right: 20px;
        left: initial;
    }

    .block-top-product .product-textbox .text p {
        font-size: 12px;
        margin: 16px 0 24px 0px;
    }

    .block-top-product .logo-title {
        margin-bottom: 8px;
    }

    .block-top-product .product-textbox .title {
        font-size: 24px;
    }

    .block-top-product .gradient.mobile {
        display: none !important
    }

    .block-top-product .benefits {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    .block-top-product {
        min-height: 33vh;
    }

    .block-top-product .top-product,
    .block-top-product .full-slide,
    .block-top-product .fullproduct .product-image {
        height: 100%;
    }
    .block-top-product .promotions .product-textbox .title{
        margin-bottom: 24px;
        margin-top: 16px;
    }
    .block-top-product .gradient.desktop {
        display: none;
    }

    .block-top-product .product-textbox {
        max-width: 90vw;
        left: 5vw;
    }
    .block-top-product .promotions .product-textbox .text p{
        margin: 8px 0;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }

    .block-top-product .full-slide.right {
        flex-direction: column;
    }

    .block-top-product .right .product-textbox {
        right: initial;
        left: 0px;
    }

    .block-top-product .full-slide.right .product-textbox {
        left: 0px;
    }

    .block-top-product .gradient.mobile {
        display: flex !important;
        width: 105vw;
        height: 100%;
        align-items: flex-end;
        position: absolute;
        z-index: -1;
        left: -5vw;
    }

    .block-top-product .promotions .product-image {
        width: 100%;
        padding: 0 20px;
        left: 0%;
        box-sizing: border-box;
    }

    .block-top-product .promotions .product-image.topleft.yellow,
    .block-top-product .promotions .product-image.topright.yellow {
        background: #FFEC45;
    }

    .block-top-product .promotions .product-image.topleft.gray,
    .block-top-product .promotions .product-image.topright.gray {
        background: #94989B;
    }

    .block-top-product .promotions .product-image.topleft.lightblue,
    .block-top-product .promotions .product-image.topright.lightblue {
        background: #0091BD;
    }

    .block-top-product .promotions .product-image.topleft.pink,
    .block-top-product .promotions .product-image.topright.pink {
        background: #FF5CFF;
    }

    .block-top-product .promotions .product-image.topleft.green,
    .block-top-product .promotions .product-image.topright.green {
        background: #9EFF69;
    }

    .block-top-product .promotions .product-image.topleft.brown,
    .block-top-product .promotions .product-image.topright.brown {
        background: #CE9266;
    }

    .block-top-product .promotions .product-image.topleft.neongreen,
    .block-top-product .promotions .product-image.topright.neongreen {
        background: #53A7FF;
    }

    .block-top-product .promotions .product-image.topleft.darkblue,
    .block-top-product .promotions .product-image.topright.darkblue {
        background: #7DA7FF;
    }

    .block-top-product .promotions .product-image.topleft.orange,
    .block-top-product .promotions .product-image.topright.orange {
        background: #FFC700;
    }

    .block-top-product .promotions .product-image.bottomleft.yellow,
    .block-top-product .promotions .product-image.bottomright.yellow {
        background: #FAFAFA;
    }

    .block-top-product .promotions .product-image.bottomleft.gray,
    .block-top-product .promotions .product-image.bottomright.gray {
        background: #FAFAFA;
    }

    .block-top-product .promotions .product-image.bottomleft.lightblue,
    .block-top-product .promotions .product-image.bottomright.lightblue {
        background: #FAFAFA;
    }

    .block-top-product .promotions .product-image.bottomleft.pink,
    .block-top-product .promotions .product-image.bottomright.pink {
        background: #000;
    }

    .block-top-product .promotions .product-image.bottomleft.green,
    .block-top-product .promotions .product-image.bottomright.green {
        background: #000;
    }

    .block-top-product .promotions .product-image.bottomleft.brown,
    .block-top-product .promotions .product-image.bottomright.brown {
        background: #09495D;
    }

    .block-top-product .promotions .product-image.bottomleft.neongreen,
    .block-top-product .promotions .product-image.bottomright.neongreen {
        background: #D5FF20;
    }

    .block-top-product .promotions .product-image.bottomleft.darkblue,
    .block-top-product .promotions .product-image.bottomright.darkblue {
        background: #000;
    }

    .block-top-product .promotions .tag-title {
        z-index: 1;
    }

    .block-top-product .promotions .product-image.bottomleft.orange,
    .block-top-product .promotions .product-image.bottomright.orange {
        background: #FF5CFF;
    }

    .block-top-product .full-slide {
        flex-direction: column;
        position: relative;
    }

    .block-top-product .promotions .product-image {
        position: relative;

    }

    .block-top-product .gradientproduct .product-image {
        width: 100%;
        height: 400px;
    }

    .block-top-product .promotions .product-image {
        right: 0%!important;
    
    }
    .block-top-product .full-slide .product-textbox {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        align-items: flex-start;
        padding: 50px 5vw;
        box-sizing: border-box;
        bottom: auto;
        top: auto;
        margin-top: 0px;
        left: 0;
    }

    .block-top-product .full-slide.slider-type-image .product-image {
        min-height: 33vh;
    }

    .block-top-product .full-slide.slider-type-image .product-textbox {
        position: absolute;
        top: 0;
        bottom: 0;
        padding: 0px 5vw;
        margin: 0;
    }

    .block-top-product .full-slide.slider-type-gradient .product-textbox {
        min-height: 33vh;
    }

    .block-top-product .mobileproduct .product-image {
        height: 100%;
    }

    .block-top-product .mobilefullproduct .gradient.full::before {
        content: "";
        position: absolute;
        z-index: -1;
        height: inherit;
        width: inherit;
        background: inherit;
    }

    .block-top-product .product-image {
        width: 100%;
    }

    .block-top-product .product-image img {
        vertical-align: top;
    }

    .block-top-product .logo-title {
        margin-bottom: 7px;
    }

    .block-top-product .gradient {
        width: 100%;
        height: 450px;
    }

    .block-top-product .promotions .product-image img {
        max-height: 50vh;
    }
}

@media only screen and (max-width: 350px) {
    .block-top-product .product-textbox p {
        font-size: 10px;
    }
}