* {
    padding: 0;
    margin: 0;
}

@font-face {
    font-family: Inter;
    src: url("../fonts/Inter-Light.ttf") format('truetype'),
    url("../fonts/Inter-Light.woff2") format('woff2');
    font-weight: 300;
    font-display: swap;
}


@font-face {
    font-family: Inter;
    src: url("../fonts/Inter-Regular.ttf") format('truetype'),
    url("../fonts/Inter-Regular.woff2") format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: Inter;
    src: url("../fonts/Inter-Medium.ttf") format('truetype'),
    url("../fonts/Inter-Medium.woff2") format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: Inter;
    src: url("../fonts/Inter-SemiBold.ttf") format('truetype'),
    url("../fonts/Inter-SemiBold.woff2") format('woff2');
    font-weight: 700;
    font-display: swap;
}


@font-face {
    font-family: Bebas;
    src: url("../fonts/BebasNeueCyrillicRegular.ttf");
    font-display: swap;
}

@font-face {
    font-family: BebasEnglish;
    src: url("../fonts/BebasNeueEnglish.ttf");
    font-display: swap;
}


html {
    box-sizing: border-box;
    font-size: calc(100vw / 1536 * 10);
    transition: 0.3s linear;
}

body {
    background: #FFFFFF;
}

img {
    width: 100%;
}


.preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #FFFFFF;
    z-index: 9999;
    display: grid;
    justify-content: center;
    align-items: center;
}

.loader {
    width: 8rem;
}

.small-circle {
    stroke-dasharray: 210;
    stroke-dashoffset: 210;
    transform-origin: 50%;
    animation: 1s draw-small infinite alternate;
}

@keyframes draw-small {
    0% {
        stroke-dashoffset: 0;
        transform: rotate(0deg);
    }
    100% {
        stroke-dashoffset: 210;
        transform: rotate(360deg);
    }
}

.big-circle {
    stroke-dasharray: 240;
    stroke-dashoffset: 240;
    transform-origin: 50%;
    animation: 1s draw-big infinite alternate 0.5s;
}

@keyframes draw-big {
    0% {
        stroke-dashoffset: 0;
        transform: rotateY(180deg) rotate(360deg);
    }
    100% {
        stroke-dashoffset: 240;
        transform: rotateY(180deg) rotate(0deg);
    }
}


.loaded_hiding .preloader {
    transition: 0.3s opacity;
    opacity: 0;
}

.loaded .preloader {
    display: none;
}

.omg-container {
    padding-left: 17.6rem;
    padding-right: 17.6rem;
}

.header {
    background: rgba(1, 1, 1, 0.31);
    backdrop-filter: blur(1rem);
    padding-top: 1.9rem;
    padding-bottom: 1.9rem;
    z-index: 10;
}

.header-content {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
}

.header-actions {
    display: grid;
    grid-template-columns: auto auto;
    gap: 1.764rem;
}

.header-logo {
    width: 16.4rem;
    height: 3.8rem;
}

.header-logo img {
    width: 100%;
}

.button-classic {
    display: grid;
    width: 22.43rem;
    height: 4.688rem;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 1.68rem;
    line-height: 2rem;
    align-items: center;
    text-align: center;
    text-decoration: none;
    border-radius: 0.8rem;
    border: 0.085rem solid transparent;
}

.button-white {
    background: #FFFFFF;
    color: #000000;
}

.button-transparent {
    background: transparent;
    color: white;
    border: 0.085rem solid #FFFFFF;
}


.main {
    position: relative;
    background-image: url("../images/back-love-1.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top -8rem left 0;
    overflow: hidden;
    padding-bottom: 16rem;
}

.small-diamond {
    width: 15.5rem;
    position: absolute;
    left: 3rem;
    top: 19rem;

}

.big-diamond {
    width: 20rem;
    position: absolute;
    top: 45rem;
    left: 4rem;
}

.love-pair-image {
    position: absolute;
    width: 54rem;
    top: 2rem;
    right: 20rem;
    z-index: 2;
}

.hand-image img, .love-pair-image img {
    width: 100%;
}

.main-content {
    position: relative;
    z-index: 3;
    padding-top: 15rem;
    padding-bottom: 30rem;
    left: 4rem;
}

.main-content img {
    width: 100%;
}

.main-logo {
    position: relative;
}

.main-logo-link {
    position: absolute;
    left: 17rem;
    top: 0;
    width: 40.7em;
    z-index: 3;

}

.main-logo-zip {
    position: absolute;
    left: 38rem;
    top: -5rem;
    width: 16rem;
    z-index: 1;
}

.main-title-valentine {
    width: 80rem;
    padding-top: 13rem;
    padding-left: 0;
    font-size: 8rem;
    font-family: Bebas, sans-serif;
    color: #7A8524;
    text-align: left;
}

.main-title-test {
    margin-top: -1rem;
    width: 72rem;
}

.main-arrow {
    width: 8.9rem;
    height: 18.2rem;
    position: absolute;
    bottom: 9rem;
    left: calc(50% + 0.5rem);
    z-index: 5;
}

.main-arrow img {
    width: 100%;
}

.banner-transition-1 {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 50.2rem;
    z-index: 2;

}

.banner-transition-1 svg {
    width: 100%;
}

.pink-left {
    position: absolute;
    left: 0;
    top: -25rem;
    width: 35rem;
    z-index: 9;
}

.pink-right {
    position: absolute;
    right: 0;
    top: -38rem;
    width: 35rem;
    z-index: 9;
}

.test {
    position: relative;
    z-index: 6;
    margin-top: -2rem;
    padding-bottom: 20rem;
    background-color: #1C1C1C;
}

#quiz, #result {
    text-align: center;
}

.test-title {
    padding-top: 4rem;
    font-size: 6.5rem;
    font-family: Bebas, sans-serif;
    color: #FFFFFF;
    text-align: left;
    margin-bottom: 2rem;
}

#question {
    padding-top: 3rem;
    color: #FFFFFF;
    font-size: 6.5rem;
    font-family: Bebas, sans-serif;
    text-align: left;
}

#answers {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 10rem;
    margin-bottom: 5rem;
    padding-left: 10rem;
}

.answer {
    color: #FFFFFF;
    font-family: Inter, sans-serif;
    font-weight: 300;
    font-size: 4.2rem;
    margin-bottom: 3rem;
    display: block;
    cursor: pointer;
    position: relative;
    text-align: left;

}

.answer.active::before {
    position: absolute;
    left: -8rem;
    content: url('data:image/svg+xml,%0A%3Csvg version="1.0" viewBox="0 0 1280 1207" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill="%23C5006A" d="M688 1.1c-26.6 4.1-56.8 24.1-73.3 48.7-10.3 15.4-14.2 27.7-14.1 45.2 0 11.8.3 13.7 5.2 32.7 6.4 24.5 14 48.3 32.7 101.3 19.4 55.1 23.7 70.3 23.8 84.5.1 9.7-1.4 14.5-5.8 18.4-6.5 5.7-16.2 6.2-35 1.9-7.8-1.8-9.5-2.6-12.6-5.8-10-10.4-12.4-44.5-5.9-83.9 3.2-19.2 2.5-25.4-3.4-31.9-4.8-5.4-9.2-6.7-21.6-6.6-9.4.1-13.1.6-20.3 2.8-19.2 5.8-37.3 16.2-49.8 28.6-9.8 9.7-13.3 16.2-13.4 25 0 12.6 6 20.1 29.5 36.9 28.5 20.4 32.2 26.5 25.2 41.4-3.8 8.3-10.9 15.9-17.6 19.2-5.7 2.8-22.2 5.5-33.6 5.5-10.7 0-20.9-3.5-31.7-10.8-21.3-14.5-39.9-36.7-79.3-95.2-41.9-62.1-50.7-72-74.9-84.1-10.7-5.3-24.5-9.6-38.6-12-10.1-1.8-14.8-2-29.5-1.6-25.6.8-40.7 4.8-54.6 14.6-15.8 11.1-20.4 26.3-14 45.6 15.3 45.4 73 92.7 150.6 123.5 13.3 5.3 22 8.2 64.1 21.4 47.1 14.7 57.3 31.7 34.1 56.7-7.7 8.3-32.3 28.8-40.7 33.8-14.5 8.8-36.7 13.8-43 9.7-2-1.3-2.5-2.4-2.5-5.9 0-15.7-11.4-27.1-29.6-29.6-12.4-1.8-24.7 1.7-33.1 9.3-5.6 5-10.4 14.4-11 21.5-1.1 11.8 3.7 16.3 24.6 23.2 24.5 8.1 30.5 13 33.1 27.2 1.2 5.9 0 17.2-2.6 25-2.8 8.4-10.3 11-23.2 8.3-14.6-3.1-35.8-13.3-57.7-27.7-29.8-19.5-48.8-35.2-80.5-66.4-25.2-24.8-30.1-28.5-43.8-33.1C71.3 404 22.5 439.2 7.4 495.5c-3.2 12.2-4.4 36.1-2.5 49.6 8.6 58.2 54.6 96.3 130.6 108.1 11.2 1.7 18.6 2.2 37 2.2 31.1.1 43.9-2.1 72.5-12.2 21.3-7.6 30.8-9.6 46-9.6 15.7-.1 19.4.8 25.6 6.6 7.2 6.6 10.3 17.2 10.5 35.7.2 18.5-2.4 20.5-81.8 60.8-23.2 11.7-45.7 22.7-50 24.3-20 7.3-43.6 10.8-86.3 13-49.5 2.6-75.3 10.9-93.3 29.9-12.1 12.9-17.2 29.3-14.8 48 2.5 20.2 13.4 44.6 27.8 62.6 28.2 35.2 60.7 46.7 97.5 34.5 15.5-5.2 33.1-15.6 52.3-30.9 13-10.4 61.1-54.7 89-82.1 25.9-25.4 28.9-27.6 41.3-30.1 4.2-.8 10.9-1 19.5-.6 22.2.9 35.5 6.6 50.2 21.2 12.2 12.2 18.1 23.6 21.1 40.6 2 11.3 1.3 25-1.4 31.2-4.6 10.2-18 25.6-56.7 64.7-46.4 46.9-55.2 56.7-66.9 73.8-12.9 19-19.6 37.3-19.6 53.8 0 7.2 3.3 19.3 7.5 27.3 13.1 25 51.6 51.3 82.7 56.7 40.9 7 69.4-22.8 83.1-87.1 5.1-23.5 7-39.9 9.2-77.2 2.1-36.1 4.4-48.3 12.2-64.3 2.6-5.3 5.8-9.6 10.8-14.6 11-11.1 22.4-15.4 41-15.4 14.3 0 25.9 2.1 51.5 9.5 12.4 3.5 31 8.5 41.4 11 10.4 2.5 20.3 5.2 22.1 5.9 6.6 2.8 10.1 15.9 7.5 28.9-.6 3.4-7.2 24.4-14.5 46.7-18.3 55.8-22.5 73-24.7 102.6-1.1 14.6-1 17 .6 24.5 6.9 32.3 26.8 55 52.8 60.3 9.5 2 13.6 2 23 .2 16.4-3.2 28.2-9.8 42.4-24 15.5-15.5 27-34.8 31.6-52.8 1.7-6.7 1.9-10.2 1.6-19.2-.7-14.8-3.1-21.9-18.1-52.1-6.5-13.2-14.6-30.5-17.9-38.5-3.3-8-10-23.2-15-33.8-9.8-21.2-10.6-24.6-6.9-30.6 4.3-6.9 11.6-11.4 29.4-18 22.2-8.3 48.2-13 68.1-12.4 11.5.3 13.8.7 18.8 3 8.2 3.8 9.1 5.6 10 21.2 2.2 38.7 16.4 54.8 58 65.5 31.6 8.2 48.5 5.7 62.6-9.3 9.9-10.5 14.2-22.6 14.9-42.6.9-23.8-3.3-39.3-13.3-49.6-7.4-7.5-13-11-34.5-21-21.8-10.2-26.1-12.7-32.6-18.7-10.8-10-11.6-21-2.1-29.1 14.9-12.8 55.1-22.7 98.5-24.3l17.2-.6 6.8 3.3c5.3 2.6 9.3 5.8 18.3 14.9 14.7 14.7 19.5 21.2 60.9 81.2 14.5 21.1 20.9 28.3 29.4 33.4 44.3 25.9 127.9 12 163.7-27.2 11.9-13.1 16-22.5 16-37.2 0-53.2-78.8-129.9-146.7-142.7-14.2-2.7-28.4-2.1-42.8 1.7-50.1 13.1-86-4.8-123.4-61.6l-7.3-11 .4-7.5c.4-9.6 3.8-16.8 12-25.6 7.1-7.6 14.9-11.8 21.7-11.8 3.6 0 6 .8 10.6 3.7 23.5 14.4 59.4 12.2 78.3-4.8 11.8-10.6 17.4-25.6 14.7-39.1-2.3-10.8-7.6-20.6-15.9-28.9-11.8-12-25.7-18.2-42.6-19.2-17.4-1-29.2 4-37.1 15.9-7.2 11-11.7 13-19.7 8.9-11.4-5.8-29.2-32.7-32.1-48.5-1.5-8-1.4-12.1.4-19.1 4.7-18.1 22.1-34.2 57.4-53 18.8-10.1 25.4-12.5 33.7-12.5 3.6 0 8.6.5 11.2 1.1 7.3 1.8 21.2 8.6 37.7 18.6 18.1 11 30.9 17.4 41.1 20.9 32.1 10.8 63.1 5.4 98.9-17.1 39.5-24.8 59.8-51.8 59.9-79.5.1-15-4.8-28-15.3-41.3-21.5-27-64.7-46.9-102.6-47.1-23.8-.1-48.3 9.5-81.9 31.9-23.6 15.7-35.7 25.2-84.7 66.7-35.3 29.9-50.9 42-61.1 47.2-10.6 5.5-16.9 4.6-24.7-3.4-11-11.3-18.2-32.7-18.5-54.5-.2-17.3 3.8-26.9 12.2-29.6 8.1-2.6 37-15.2 52.7-23.1 34.5-17.3 41.6-30.5 30.7-57.6-2.3-5.6-6.2-13.5-8.8-17.5-17.3-26.8-48.5-38.5-71.9-27.1-6.2 3.1-15.2 11.9-18.4 18.1-3.6 7.1-6.1 18.3-6.6 29.6-.6 12.4-1.4 14.4-8.2 20.8-13.4 12.6-39.6 21.5-66.4 22.6-21.8.9-33.2-2.2-44.8-12.4-14.2-12.4-27.2-37.2-31.6-60.6-1.9-10-1.9-26.6-.1-33.7.8-3 5.9-18.1 11.4-33.5 16.8-47.1 21.5-67.6 21.5-93 0-16.9-1.6-26.5-6.5-38.2-8.1-19.7-21.4-32.6-38.6-37.7-7-2-21-2.7-29.2-1.5z"/%3E%3C/svg%3E%0A');
    width: 5rem;
}

#next, #restart {
    background-color: #FFFFFF;
    width: 32rem;
    height: 5.2rem;
    display: grid;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 5.2rem;
    align-items: center;
    text-align: center;
    text-decoration: none;
    border-radius: 0.8rem;
    transition: 0.3s linear;
    margin: 0 auto;
    cursor: pointer;
}

#next:hover, #restart:hover {
    background-color: #C5006A;
    color: #FFFFFF;
    transition: 0.3s linear;
}

#next:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}


#result-title {
    padding-top: 3rem;
    color: #FFFFFF;
    font-size: 6.5rem;
    font-family: Bebas, sans-serif;

    margin-bottom: 7rem;
    text-align: center;
}

#result-text {
    color: #FFFFFF;
    font-family: Inter, sans-serif;
    font-weight: 300;
    font-size: 4.2rem;
    display: block;
    cursor: pointer;
    position: relative;
    text-align: center;
    margin-bottom: 7rem;
}

.zip-locks {
    position: relative;
    padding-top: 5rem;
    background: #1C1C1C;
    padding-bottom: 42rem;
    z-index: 7;
}

.back-graffiti-1 {
    width: 49.3rem;
    position: absolute;
    z-index: 5;
    left: 0;
    top: -46rem;
}

.back-graffiti-2 {
    width: 49.5rem;
    position: absolute;
    right: 0;
    top: -49rem;
}

.back-graffiti-1 img, .back-graffiti-2 img {
    width: 100%;
}

.zip-locks-content {
    position: relative;
    display: grid;
    justify-content: center;
    justify-items: center;
    z-index: 6;
    padding-top: 5rem;
    padding-bottom: 3rem;
    padding-left: 1rem;
    gap: 7.8rem;
}

.zip-locks-text {
    width: 81.9rem;
    font-family: Bebas, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 5.5rem;
    line-height: 5.5rem;
    display: grid;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}

.zip-locks-image {
    width: 118.4rem;
    height: 52.5rem;
}

.zip-locks-image img {
    width: 100%;
}

.zip-locks-image-mob {
    display: none;
}

.zip-locks-image-img img {
    width: 100%;
}

.omg-action {
    color: #000000;
    background: #FFFFFF;
}

.transition {
    position: relative;
    z-index: 7;
}

.banner-transition-2 {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: -50rem;
}

.banner-transition-2 svg {
    width: 100%;
}


.recipes {
    position: relative;
    background-color: #FFD249;
    background-image: url("../images/back-love-2.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top -22rem left 0;
    z-index: 9;
    padding-top: 0;
    padding-bottom: 45rem;
    margin-top: -7rem;
}

.recipes-tittle {
    font-family: Bebas, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 5.5rem;
    line-height: 5.5rem;
    align-items: center;
    text-align: center;
    color: #1C1C1C;
    margin-bottom: 6rem;
    padding-top: 2rem;

}

.slick-slider {
    margin-right: -2rem;
    margin-left: -2rem;
}

.recipe-card {
    overflow: hidden;
    z-index: 3;
    border-radius: 0.8rem;
    margin-left: 1rem;
    margin-right: 1rem;

}

.recipe-card img {
    object-fit: fill;

}


.slick-arrow {
    width: 6.2rem;
    height: 6.2rem;
    box-shadow: 0 0 2.9rem 2rem rgba(0, 0, 0, 0.05);
    border-radius: 1.8rem;
    border: none;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: calc(50% - 6.28rem);
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    outline: none;
    z-index: 2;
    background-color: #FFFFFF;
}

.slick-prev {
    left: -7rem;
}

.slick-next {
    right: -7rem;
}


.slick-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 12.7953L2 6.79529L8 0.795289' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    width: 6.2rem;
    height: 6.28rem;
    background-size: 0.7rem 1.4rem
}

.slick-next {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12.7953L7 6.79529L0.999999 0.795289' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 6.2rem;
    height: 6.28rem;
    background-size: 0.7rem 1.4rem
}


.slick-dots {
    display: grid;
    grid-template-columns: repeat(5, auto);
    align-items: center;
    justify-content: center;
    margin-top: 8rem;
}

.slick-dots li {
    list-style: none;
    margin: 0 1.2rem;
}

.slick-dots button {
    font-size: 0;
    width: 9.7rem;
    height: 0.4rem;
    background-color: #A8A8A8;
    border-radius: 1.7rem;
    border: none;
}

.slick-dots li.slick-active button {
    background-color: #C5006A;
}


.banner-transition-3 {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;

}

.banner-transition-3 svg {
    width: 100%;
}


.pwa {
    margin-top: -3rem;
    padding-top: 12rem;
    padding-bottom: 7rem;
    background-color: #1C1C1C;
    position: relative;
    z-index: 9;
}

.pwa-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.6rem;
}

.pwa-info-1 {

}

.pwa-title {
    color: #FFFFFF;
    font-family: Bebas, sans-serif;
    font-size: 5.6rem;
    font-style: italic;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 2.4rem;
}

.pwa-text {
    color: #FFFFFF;
    font-family: Inter, sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.05;
    margin-bottom: 3.2rem;
}

.pwa-advantages {
    padding-top: 2rem;
    padding-bottom: 0rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2.8rem;
    row-gap: 0rem;
}

.pwa-advantage {
    display: grid;
    grid-template-rows: 8rem 7rem 7.8rem;

}

.pwa-advantage-icon {
    width: 7.2rem;
    height: 7.2rem;
    margin-bottom: 1.6rem;
}

.pwa-advantage-title {
    color: #FFFFFF;
    font-family: Bebas, sans-serif;
    font-size: 2.8rem;
    font-style: italic;
    line-height: normal;
    text-transform: uppercase;
}

.pwa-advantage-text {
    color: #666;
    font-family: Inter, sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.pwa-advantages-note {
    color: #8C8C8C;
    font-family: Inter, sans-serif;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    grid-column-start: 1;
    grid-column-end: 4;
}

.pwa-info-2 {
    display: flex;
    flex-direction: column;
}

.pwa-image {
    width: 70rem;
    position: absolute;
    right: 0rem;
    top: 15rem;
}

.pwa-image-mob {
    display: none;
}

.pwa-action {
    display: grid;
    align-self: flex-end;
    justify-self: center;
}

.pwa-action-text {
    color: #7D7D7D;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1.2rem;
}

.pwa-bold {
    font-family: Inter, sans-serif;
    font-weight: 700;
    color: #FFFFFF;
    text-transform: uppercase;
}

.pwa-button {
    margin-top: 51rem;
    font-family: Inter, sans-serif;
    font-weight: 300;
    margin-left: auto;
    margin-right: auto;
    width: 36rem;
    height: 6rem;
    line-height: 6rem;
    font-size: 2.4rem;
    font-style: normal;
    text-decoration: none;
    border-radius: 0.8rem;
    text-align: center;
}


.last {
    margin-top: -0.5rem;
    background-color: #1C1C1C;
    position: relative;
    padding-top: 24rem;
    padding-bottom: 27.8rem;
    z-index: 7;
}

.last-text {
    font-family: Bebas, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 5.5rem;
    line-height: 5.5rem;
    align-items: center;
    color: #FFFFFF;
    margin-bottom: 2rem;
}

.last-logo-button {
    position: relative;
    width: 45.1rem;
    height: 14.4rem;
    margin-left: 7rem;
}

.path-last-logo-1 {

}

.path-last-logo-2 {

}

.last-logo-love-1 {
    position: absolute;
    left: 4rem;
    top: 4rem;
    width: 5.9rem;
    height: 6.2rem;

}

.last-logo-love-1 img {
    width: 100%;
}

.last-logo-love-2 {
    position: absolute;
    left: 22.7rem;
    top: 4rem;
    width: 5.9rem;
    height: 6.2rem;
}

.last-logo-love-2 img {
    width: 100%;
}


.last-logo-button:hover .path-last-logo-1 {

}

.back-graffiti-3 {
    width: 83rem;
    height: 63.8rem;
    position: absolute;
    right: 0;
    bottom: 9rem;
}

.back-graffiti-3-mob {
    display: none;
}

.back-graffiti-3 img {
    width: 100%;
}

.footer {
    background-color: #FFFFFF;
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.footer-logo {
    width: 16.4rem;
    height: 3.8rem;
    margin-left: auto;
    margin-right: auto;
}

.footer-logo img {
    width: 100%;
}

/*TABLET STYLES*/


@media (max-width: 1024px) {
    html {
        font-size: calc(100vw / 1024 * 10);
    }


    .omg-container {
        padding-left: 2.8rem;
        padding-right: 2.8rem;
    }

    .main {
        background-size: 126%;
        background-position: top -8.7rem left -17rem;
    }

    .hand-image {
        width: 30.996rem;
        height: 42.3rem;
        top: 3.5rem;
        left: 0;
    }

    .love-pair-image {
        width: 40.228rem;
        height: 43.68rem;
        top: 5.1rem;
        right: -3.3rem;
    }

    .main-content {
        position: relative;
        z-index: 3;
        padding-top: 10rem;
        padding-bottom: 15rem;
        left: 4rem;
    }

    .small-diamond {
        width: 14rem;
        position: absolute;
        left: 3rem;
        top: 10rem;

    }

    .big-diamond {
        width: 18rem;
        position: absolute;
        top: 40rem;
        left: 2rem;
        z-index: 4;
    }


    .test {
        position: relative;
        z-index: 6;
        margin-top: 0;
        padding-top: 5rem;
        padding-bottom: 8rem;
        background-color: #1C1C1C;
    }

    .banner-transition-1 {
        width: 111%;
        left: -10rem;
        right: 0;
        top: 43rem;
    }

    .back-graffiti-1 {
        width: 25.7rem;
        position: absolute;
        z-index: 5;
        left: 0;
        top: 0rem;
    }

    .back-graffiti-2 {
        width: 33rem;
        position: absolute;
        right: 0;
        top: -20rem;
    }
    .zip-locks-content {
        z-index: 6;
        padding-top: 5rem;
        padding-bottom: 0;
        padding-left: 1rem;
        gap: 1rem;
    }

    .zip-locks-text {
        width: 70.3rem;
        font-size: 4.5rem;
        line-height: 4.5rem;
    }

    .zip-locks-image {
        width: 89.824em;
        height: 40.992rem;
        padding-left: 2rem;
    }



    .transition {
        position: relative;
        z-index: 7;
    }

    .banner-transition-2 {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        top: -32rem;
    }

    .banner-transition-2 svg {
        width: 100%;
    }


    .recipes {
        margin-bottom: 2rem;
        padding-bottom: 30rem;
    }

    .recipes-tittle {
        font-size: 4.5rem;
        line-height: 4.5rem;
        text-align: left;
        margin-bottom: 4.5rem;
    }

    .slick-slider {
        margin-right: -2rem;
        margin-left: -2rem;
    }

    .recipe-card {
        overflow: hidden;
        z-index: 3;
        border-radius: 0.8rem;
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .slick-arrow {
        width: 6.4rem;
        height: 6.4rem;
        box-shadow: 0 0 3rem 2rem rgba(0, 0, 0, 0.05);
        border-radius: 1.8rem;
        border: none;
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: -10rem;
        z-index: 6;
    }

    .slick-prev {
        background-image: url("../images/left.png");
        width: 6.4rem;
        height: 6.4rem;
        background-size: 0.7rem 1.4rem;
        left: auto;
        right: 10rem;
    }

    .slick-next {
        background-image: url("../images/right.png");
        width: 6.4rem;
        height: 6.4rem;
        background-size: 0.7rem 1.4rem;
        right: 2rem;
    }


    .slick-dots {
        display: grid;
        grid-template-columns: repeat(5, auto);
        align-items: center;
        justify-content: center;
    }

    .slick-dots li {
        list-style: none;
        margin: 0 1.2rem;
    }

    .slick-dots button {
        width: 7.884rem;
        height: 0.325rem;
        border-radius: 1.3rem;
        border: none;
    }


    .pwa {
        padding-top: 3rem;
        margin-bottom: 0;
        overflow: hidden;
    }

    .pwa-content {
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
    }

    .pwa-info-1 {

    }

    .pwa-title {
        font-size: 4.6rem;
        margin-bottom: 1.6rem;
    }

    .pwa-text {
        font-size: 1.8rem;
        margin-bottom: 2.4rem;
    }

    .pwa-advantages {
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 0;
    }

    .pwa-advantage {
        display: grid;
        grid-template-rows: 7.8rem 5.5rem 7.8rem;

    }

    .pwa-advantage-icon {
        width: 7.2rem;
        height: 7.2rem;
        margin-bottom: 1.6rem;
    }

    .pwa-advantage-title {
        font-size: 2.2rem;
        margin-bottom: 1.2rem;
    }

    .pwa-advantage-text {
        font-size: 1.2rem;
    }

    .pwa-advantages-note {
        font-size: 1.6rem;
        grid-column-start: 1;
        grid-column-end: 4;
    }

    .pwa-info-2 {
        display: grid;
    }

    .pwa-image {
        width: 65rem;
        right: -15rem;
        top: 7rem;
    }

    .pwa-image-mob {
        display: none;
    }


    .pwa-action-text {
        font-size: 1.6rem;
        margin-bottom: 1.2rem;
    }

    .pwa-button {
        width: 33.4rem;
        height: 5.2rem;
        line-height: 5.2rem;
        font-size: 2.1rem;
        margin-top: 42rem;
    }


    .back-graffiti-3 {
        width: 64rem;
        height: 48.9rem;
        right: 0;
        bottom: 11rem;
    }

    .back-graffiti-3 img {
        width: 100%;
    }

    .footer {
        padding-top: 4.7rem;
        padding-bottom: 4.7rem;
    }

    .footer-logo {
        width: 16.4rem;
        height: 3.8rem;
    }

}


/*MOBILE STYLES*/


@media (max-width: 767px) {

    html {
        font-size: calc(100vw / 376 * 10);
    }


    .omg-container {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

    .header {

        padding-top: 1.2rem;
        padding-bottom: 1.5rem;
    }

    .header-actions {
        grid-template-columns: auto;
        gap: 0;
    }

    .button-transparent {
        display: none;
    }

    .header-logo {
        width: 10rem;
        height: 2.3rem;
    }

    .button-classic {
        width: 15.8rem;
        height: 4.186rem;
        font-size: 1.4rem;
        line-height: 1.7rem;
        border-radius: 0.707rem;
    }

    .main-content {

    }

    .main-logo-link {
        left: 0;
        top: 0;
        width: 23rem;
        z-index: 3;

    }

    .main {
        padding-bottom: 9rem;
    }


    .main-title-valentine {
        width: 41rem;
        padding-top: 6.5rem;
        padding-left: 0;
        font-size: 8rem;
        font-family: Bebas, sans-serif;
        color: #7A8524;
        text-align: left;
    }

    .love-pair-image {
        width: 28.5rem;
        height: 46.674rem;
        top: 5.1rem;
        right: -1rem;
    }

    .main-content {
        z-index: 4;
        width: 34rem;
        padding-top: 24rem;
        padding-bottom: 5rem;
        left: -0.5rem;
    }

    .main-title-test {
        margin-top: -2rem;
        width: 33rem;
    }

    .big-diamond {
        top: -4rem;
        left: 20rem;
    }

    .small-diamond {
        left: 0rem;
        top: 12rem;

    }

    .banner-transition-1 {
        width: 100%;
        left: 0;
        right: 0;
        top: 35rem;
    }

    .back-graffiti-1 {
        width: 14rem;
        position: absolute;
        z-index: 5;
        left: -0.2rem;
        top: -10rem;
    }

    .back-graffiti-2 {
        width: 20rem;
        position: absolute;
        right: 0;
        top: 10rem;
        overflow: hidden;
        z-index: 0;
    }

    .pink-left {
        position: absolute;
        left: 0;
        top: -4rem;
        width: 10rem;
        z-index: 9;
    }

    .pink-right {
        position: absolute;
        right: 0;
        top: -6rem;
        width: 11rem;
        z-index: 9;
    }

    .test {
        position: relative;
        z-index: 6;
        margin-top: -10rem;
        padding-bottom: 5rem;
        background-color: #1C1C1C;
    }

    .test-title {
        padding-top: 2rem;
        font-size: 3.2rem;
        font-family: Bebas, sans-serif;
        color: #FFFFFF;
        text-align: left;
        margin-bottom: 2rem;
    }

    #question {
        padding-top: 3rem;
        color: #FFFFFF;
        font-size: 3.2rem;
        font-family: Bebas, sans-serif;
        text-align: left;
    }

    #answers {
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 5rem;
        margin-bottom: 3rem;
        padding-left: 3rem;
    }

    .answer {
        color: #FFFFFF;
        font-family: Inter, sans-serif;
        font-weight: 300;
        font-size: 2.4rem;
        line-height: 1.2;
        margin-bottom: 2rem;
        display: block;
        cursor: pointer;
        position: relative;
        text-align: left;

    }

    .answer.active::before {
        position: absolute;
        left: -4rem;
        content: url('data:image/svg+xml,%0A%3Csvg version="1.0" viewBox="0 0 1280 1207" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill="%23C5006A" d="M688 1.1c-26.6 4.1-56.8 24.1-73.3 48.7-10.3 15.4-14.2 27.7-14.1 45.2 0 11.8.3 13.7 5.2 32.7 6.4 24.5 14 48.3 32.7 101.3 19.4 55.1 23.7 70.3 23.8 84.5.1 9.7-1.4 14.5-5.8 18.4-6.5 5.7-16.2 6.2-35 1.9-7.8-1.8-9.5-2.6-12.6-5.8-10-10.4-12.4-44.5-5.9-83.9 3.2-19.2 2.5-25.4-3.4-31.9-4.8-5.4-9.2-6.7-21.6-6.6-9.4.1-13.1.6-20.3 2.8-19.2 5.8-37.3 16.2-49.8 28.6-9.8 9.7-13.3 16.2-13.4 25 0 12.6 6 20.1 29.5 36.9 28.5 20.4 32.2 26.5 25.2 41.4-3.8 8.3-10.9 15.9-17.6 19.2-5.7 2.8-22.2 5.5-33.6 5.5-10.7 0-20.9-3.5-31.7-10.8-21.3-14.5-39.9-36.7-79.3-95.2-41.9-62.1-50.7-72-74.9-84.1-10.7-5.3-24.5-9.6-38.6-12-10.1-1.8-14.8-2-29.5-1.6-25.6.8-40.7 4.8-54.6 14.6-15.8 11.1-20.4 26.3-14 45.6 15.3 45.4 73 92.7 150.6 123.5 13.3 5.3 22 8.2 64.1 21.4 47.1 14.7 57.3 31.7 34.1 56.7-7.7 8.3-32.3 28.8-40.7 33.8-14.5 8.8-36.7 13.8-43 9.7-2-1.3-2.5-2.4-2.5-5.9 0-15.7-11.4-27.1-29.6-29.6-12.4-1.8-24.7 1.7-33.1 9.3-5.6 5-10.4 14.4-11 21.5-1.1 11.8 3.7 16.3 24.6 23.2 24.5 8.1 30.5 13 33.1 27.2 1.2 5.9 0 17.2-2.6 25-2.8 8.4-10.3 11-23.2 8.3-14.6-3.1-35.8-13.3-57.7-27.7-29.8-19.5-48.8-35.2-80.5-66.4-25.2-24.8-30.1-28.5-43.8-33.1C71.3 404 22.5 439.2 7.4 495.5c-3.2 12.2-4.4 36.1-2.5 49.6 8.6 58.2 54.6 96.3 130.6 108.1 11.2 1.7 18.6 2.2 37 2.2 31.1.1 43.9-2.1 72.5-12.2 21.3-7.6 30.8-9.6 46-9.6 15.7-.1 19.4.8 25.6 6.6 7.2 6.6 10.3 17.2 10.5 35.7.2 18.5-2.4 20.5-81.8 60.8-23.2 11.7-45.7 22.7-50 24.3-20 7.3-43.6 10.8-86.3 13-49.5 2.6-75.3 10.9-93.3 29.9-12.1 12.9-17.2 29.3-14.8 48 2.5 20.2 13.4 44.6 27.8 62.6 28.2 35.2 60.7 46.7 97.5 34.5 15.5-5.2 33.1-15.6 52.3-30.9 13-10.4 61.1-54.7 89-82.1 25.9-25.4 28.9-27.6 41.3-30.1 4.2-.8 10.9-1 19.5-.6 22.2.9 35.5 6.6 50.2 21.2 12.2 12.2 18.1 23.6 21.1 40.6 2 11.3 1.3 25-1.4 31.2-4.6 10.2-18 25.6-56.7 64.7-46.4 46.9-55.2 56.7-66.9 73.8-12.9 19-19.6 37.3-19.6 53.8 0 7.2 3.3 19.3 7.5 27.3 13.1 25 51.6 51.3 82.7 56.7 40.9 7 69.4-22.8 83.1-87.1 5.1-23.5 7-39.9 9.2-77.2 2.1-36.1 4.4-48.3 12.2-64.3 2.6-5.3 5.8-9.6 10.8-14.6 11-11.1 22.4-15.4 41-15.4 14.3 0 25.9 2.1 51.5 9.5 12.4 3.5 31 8.5 41.4 11 10.4 2.5 20.3 5.2 22.1 5.9 6.6 2.8 10.1 15.9 7.5 28.9-.6 3.4-7.2 24.4-14.5 46.7-18.3 55.8-22.5 73-24.7 102.6-1.1 14.6-1 17 .6 24.5 6.9 32.3 26.8 55 52.8 60.3 9.5 2 13.6 2 23 .2 16.4-3.2 28.2-9.8 42.4-24 15.5-15.5 27-34.8 31.6-52.8 1.7-6.7 1.9-10.2 1.6-19.2-.7-14.8-3.1-21.9-18.1-52.1-6.5-13.2-14.6-30.5-17.9-38.5-3.3-8-10-23.2-15-33.8-9.8-21.2-10.6-24.6-6.9-30.6 4.3-6.9 11.6-11.4 29.4-18 22.2-8.3 48.2-13 68.1-12.4 11.5.3 13.8.7 18.8 3 8.2 3.8 9.1 5.6 10 21.2 2.2 38.7 16.4 54.8 58 65.5 31.6 8.2 48.5 5.7 62.6-9.3 9.9-10.5 14.2-22.6 14.9-42.6.9-23.8-3.3-39.3-13.3-49.6-7.4-7.5-13-11-34.5-21-21.8-10.2-26.1-12.7-32.6-18.7-10.8-10-11.6-21-2.1-29.1 14.9-12.8 55.1-22.7 98.5-24.3l17.2-.6 6.8 3.3c5.3 2.6 9.3 5.8 18.3 14.9 14.7 14.7 19.5 21.2 60.9 81.2 14.5 21.1 20.9 28.3 29.4 33.4 44.3 25.9 127.9 12 163.7-27.2 11.9-13.1 16-22.5 16-37.2 0-53.2-78.8-129.9-146.7-142.7-14.2-2.7-28.4-2.1-42.8 1.7-50.1 13.1-86-4.8-123.4-61.6l-7.3-11 .4-7.5c.4-9.6 3.8-16.8 12-25.6 7.1-7.6 14.9-11.8 21.7-11.8 3.6 0 6 .8 10.6 3.7 23.5 14.4 59.4 12.2 78.3-4.8 11.8-10.6 17.4-25.6 14.7-39.1-2.3-10.8-7.6-20.6-15.9-28.9-11.8-12-25.7-18.2-42.6-19.2-17.4-1-29.2 4-37.1 15.9-7.2 11-11.7 13-19.7 8.9-11.4-5.8-29.2-32.7-32.1-48.5-1.5-8-1.4-12.1.4-19.1 4.7-18.1 22.1-34.2 57.4-53 18.8-10.1 25.4-12.5 33.7-12.5 3.6 0 8.6.5 11.2 1.1 7.3 1.8 21.2 8.6 37.7 18.6 18.1 11 30.9 17.4 41.1 20.9 32.1 10.8 63.1 5.4 98.9-17.1 39.5-24.8 59.8-51.8 59.9-79.5.1-15-4.8-28-15.3-41.3-21.5-27-64.7-46.9-102.6-47.1-23.8-.1-48.3 9.5-81.9 31.9-23.6 15.7-35.7 25.2-84.7 66.7-35.3 29.9-50.9 42-61.1 47.2-10.6 5.5-16.9 4.6-24.7-3.4-11-11.3-18.2-32.7-18.5-54.5-.2-17.3 3.8-26.9 12.2-29.6 8.1-2.6 37-15.2 52.7-23.1 34.5-17.3 41.6-30.5 30.7-57.6-2.3-5.6-6.2-13.5-8.8-17.5-17.3-26.8-48.5-38.5-71.9-27.1-6.2 3.1-15.2 11.9-18.4 18.1-3.6 7.1-6.1 18.3-6.6 29.6-.6 12.4-1.4 14.4-8.2 20.8-13.4 12.6-39.6 21.5-66.4 22.6-21.8.9-33.2-2.2-44.8-12.4-14.2-12.4-27.2-37.2-31.6-60.6-1.9-10-1.9-26.6-.1-33.7.8-3 5.9-18.1 11.4-33.5 16.8-47.1 21.5-67.6 21.5-93 0-16.9-1.6-26.5-6.5-38.2-8.1-19.7-21.4-32.6-38.6-37.7-7-2-21-2.7-29.2-1.5z"/%3E%3C/svg%3E%0A');
        width: 3.2rem;
    }


    #result-title {
        padding-top: 3rem;
        color: #FFFFFF;
        font-size: 4.4rem;
        font-family: Bebas, sans-serif;
        margin-bottom: 7rem;
        text-align: center;
    }

    #result-text {
        color: #FFFFFF;
        font-family: Inter, sans-serif;
        font-weight: 300;
        font-size: 2.8rem;
        display: block;
        cursor: pointer;
        position: relative;
        text-align: center;
        margin-bottom: 7rem;
    }

    .zip-locks {
        padding-top: 1rem;
        padding-bottom: 20rem;
    }

    .zip-locks-content {
        z-index: 6;
        padding-top: 2rem;
        padding-bottom: 0;
        padding-left: 1rem;
        gap: 1rem;
    }

    .zip-locks-text {
        width: 29rem;
        font-size: 3.2rem;
        line-height: 3.2rem;
    }

    .zip-locks-image {
        display: none;
        width: 89.824em;
        height: 40.992rem;
        padding-left: 2rem;
    }

    .zip-locks-image-mob {
        display: block;
        width: 33.9rem;
        height: 47.5rem;
    }

    .zip-locks-image-mob img {
        width: 100%;
    }

    .transition {
        z-index: 99;
    }

    .banner-transition-2 {
        width: 100%;
        left: 0;
        right: 0;
        top: -18rem;
        padding-bottom: 0;
    }


    .recipes {
        padding-bottom: 16rem;
        margin-bottom: 3rem;
        background-position: top 3rem left 0;
    }


    .carousel-container {
        padding-left: -1.6rem;
        padding-right: -1.6rem;
        margin-right: -1.6rem;
    }

    .recipes-tittle {
        width: 25rem;
        font-size: 3.2rem;
        line-height: 3.2rem;
        text-align: left;
        margin-bottom: 3rem;
    }

    .slick-slider {
        margin-left: 0rem;
        margin-right: 0rem;
        height: 28.6rem;
    }

    .recipe-card {
        position: relative;
        display: flex;
        width: 30rem;
        margin-right: 1rem;
        margin-left: 1rem ;
    }

    .recipe-card-small-text {
        font-size: 1.005rem;
        line-height: 1;
        min-height: 2.4rem;
        max-width: 24.5rem;
    }

    .recipe-card-big-text {
        font-size: 1.676rem;
        line-height: 1;
        width: 21.805rem;
        min-height: 5.4rem;
    }

    .recipe-card-image {
        width: 100%;
        height: 20.2rem;
        border-radius: 1.04rem;
        margin-bottom: 1rem;
    }

    .recipe-card-image img {
        max-width: 100%;
    }

    .recipe-card-action {

        left: 1.4rem;
        right: 1.4rem;
    }

    .button-card {
        display: grid;
        width: 100%;
        height: 3.3rem;
        font-size: 1.4rem;
        line-height: 1.7rem;
        border-radius: 0.6rem;
        border: 0.085rem solid transparent;
    }

    .slick-arrow {
        width: 4.8rem;
        height: 4.8rem;
        box-shadow: 0 0 3rem 2rem rgba(0, 0, 0, 0.05);
        border-radius: 1.394rem;
        border: none;
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: -8.2rem;
    }

    .slick-prev {
        background-image: url("../images/left.png");
        width: 4.8rem;
        height: 4.8rem;
        background-size: 0.5rem 1rem;
        left: auto;
        right: 7.1rem;
    }

    .slick-next {
        background-image: url("../images/right.png");
        width: 4.8rem;
        height: 4.8rem;
        background-size: 0.5rem 1rem;
        right: 1.6rem;
    }


    .slick-dots {
        margin-top: 1rem;
        display: grid;
        grid-template-columns: repeat(10, auto);
        align-items: center;
        justify-content: center;
    }

    .slick-dots li {
        list-style: none;
        margin: 0 0.8rem;
    }

    .slick-dots button {
        width: 0.8rem;
        height: 0.8rem;
        border-radius: 1.3rem;
        border: none;
    }

    .slick-dots li.slick-active button {
        width: 3.2rem;
        height: 0.8rem;
        border-radius: 0.9rem;
        background-color: #C5006A;
    }

    .pwa {
        padding-top: 5rem;
        margin-bottom: 0;
        overflow: hidden;
    }

    .pwa-content {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .pwa-info-1 {

    }

    .pwa-title {
        font-size: 5.6rem;
        margin-bottom: 1.6rem;
    }

    .pwa-text {
        font-size: 1.8rem;
        margin-bottom: 2.4rem;
    }

    .pwa-advantages {
        grid-template-columns: 1fr 1fr;
        row-gap: 2rem;
        column-gap: 1rem;
    }

    .pwa-advantage {
        display: grid;
        grid-template-rows: 8.8rem 7.4rem;

    }

    .pwa-advantage-icon {
        width: 7.2rem;
        height: 7.2rem;
        margin-bottom: 1.6rem;
    }

    .pwa-advantage-title {
        font-size: 2.8rem;
        margin-bottom: 1.6rem;
    }

    .pwa-advantage-text {
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }

    .pwa-advantages-note {
        margin-top: -1.5rem;
        padding-top: 0;
        font-size: 1.4rem;
        grid-column-start: unset;
        grid-column-end: unset;
    }

    .pwa-info-2 {
        display: grid;
    }

    .pwa-image {
        display: none;
    }

    .pwa-image-mob {
        display: block;
        margin-left: -1.9rem;
        margin-right: -1.9rem;
    }


    .pwa-action-text {
        font-size: 1.6rem;
        margin-bottom: 3rem;
    }

    .pwa-button {
        margin-top: 2rem;
        width: 33.4rem;
        height: 5.2rem;
        line-height: 5.2rem;
        font-size: 1.8rem;
    }

    .banner-transition-3 {
        width: 100%;
        left: 0;
        right: 0;
        bottom: -0.6rem;
        z-index: 3;

    }

    .last {
        padding-top: 5rem;
        padding-bottom: 16rem;
    }

    .last-text {
        font-size: 3.2rem;
        line-height: 3.2rem;
        margin-bottom: 0rem;
        z-index: 4;
        text-align: center;
    }

    .last-logo-button {
        width: 24.13rem;
        height: 14.4rem;
        margin-left: 5.735rem;
        z-index: 4;
    }

    .last-logo-love-1 {
        left: 2rem;
        top: 5.5rem;
        width: 3.157rem;
        height: 3.304rem;
    }

    .last-logo-love-2 {
        left: 12rem;
        top: 5.5rem;
        width: 3.157rem;
        height: 3.304rem;
    }

    .back-graffiti-3 {
        width: 34.5rem;
        height: 15.3rem;
        left: 0rem;
        bottom: 11rem;
        display: none;
    }

    .back-graffiti-3-mob {
        position: absolute;
        display: block;
        overflow: hidden;
        width: 100%;
        left: 0;
        right: 0;
        height: 15.3rem;
        top: 20rem;
    }

    .back-graffiti-3-mob img {
        width: 100%;
    }

    .footer {
        padding-top: 2.8rem;
        padding-bottom: 2.8rem;
    }

    .footer-logo {
        width: 13.6rem;
        height: 3.2rem;
    }
}


/*HOVER AND FOCUS EFFECTS*/

.button-transparent {
    transition: 0.3s linear;
}

.button-transparent:hover, .button-transparent:focus, .button-transparent:active {
    background-color: #C5006A;
    color: white;
    border: 0.1rem solid #C5006A;
}

.omg-action:hover, .omg-action:focus, .omg-action:active {
    background-color: #C5006A;
    color: white;
    transition: 0.3s linear;
}

.slick-arrow:hover, .slick-arrow:focus, .slick-arrow:active {
    background-color: #C5006A;
    transition: 0.3s linear;
}

.slick-prev:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 12.7953L2 6.79529L8 0.795289' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-color: #C5006A;
    transition: 0.3s linear;
}

.slick-next:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12.7953L7 6.79529L0.999999 0.795289' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-color: #C5006A;
    transition: 0.3s linear;
}

.last-logo-button:hover .path-last-logo-1 {
    fill: #C5006A;
    transition: 0.3s linear;
}

.last-logo-button:hover .path-last-logo-2 {
    fill: #FFFFFF;
    transition: 0.3s linear;
}

.last-logo-button:active .path-last-logo-1 {
    fill: #B4005B;
}

.last-logo-button:active .path-last-logo-2 {
    fill: #FFFFFF;
}



.main-logo-link:hover .path-main-logo-1 {
    fill: #C5006A;
    transition: 0.3s linear;
}

.main-logo-link:hover .path-main-logo-2 {
    fill: #FFFFFF;
    transition: 0.3s linear;
}


/*ВЖУХ MENU*/


.header-scroll {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    animation-name: fadeInUp;
    animation-duration: 1s;
    box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.25);
}

@media (max-width: 767px) {

    .header-scroll {
        box-shadow: 0 0.6rem 0.6rem rgba(0, 0, 0, 0.25);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        top: -50px;
    }

    to {
        opacity: 1;
        top: 0;
    }
}


.smoke::before {
    left: 0;
    top: 0;
    width: 10rem;
    height: 10rem;
    background: rgba(250, 19, 19, 0.31);
    backdrop-filter: blur(10rem);
}