/* #Fonts
================================================== */
@font-face {
    font-family: "mikado";
    font-weight: 500;
    src: url("https://preprod-solitairegrandharvest.playtika.com/wp-content/themes/grand-harvest-theme/assets/font/HVDFonts-MikadoMedium.woff");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "mikado";
    font-weight: 700;
    src: url("https://preprod-solitairegrandharvest.playtika.com/wp-content/themes/grand-harvest-theme/assets/font/HVDFonts-MikadoBold.woff");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "mikado";
    font-weight: 800;
    src: url("https://preprod-solitairegrandharvest.playtika.com/wp-content/themes/grand-harvest-theme/assets/font/HVDFonts-MikadoBlack.woff");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "mikado";
    font-weight: 900;
    src: url("https://preprod-solitairegrandharvest.playtika.com/wp-content/themes/grand-harvest-theme/assets/font/HVDFonts-MikadoUltra.otf");
    font-style: normal;
    font-display: swap;
}

/* #Global
================================================== */
body {
    font-family: "Poppins", sans-serif;
    line-height: 1.5;
    color: #303030;
    background-color: #e3f7fd;
}

.f-mikado {
    font-family: "mikado", sans-serif;
}

.text-shadow {
    text-shadow: 0 7px 8px #0b3d6a;
}

.text-shadow-black {
    text-shadow: 0 6px 12px rgba(0, 0, 0, 0.68);
}

.text-blue {
    color: #0086ff;
}

.text-underline {
    text-decoration: underline;
}

.text-gray {
    color: #cccccc;
}

/* #Btn
================================================== */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35vw;
    height: 2.6vw;
    padding: 0 1.5vw;
    border-radius: 500px;
    transition: all 0.4s ease-out;
    font-family: "mikado", sans-serif;
    font-weight: bold;
}

.btn.btn-primary {
    color: white;
    border: 1px solid white;
}

.btn.btn-secondary {
    border: 1px solid #0086ff;
    color: #0086ff;
}

.btn.btn-secondary:hover {
    background-color: #0086ff;
    color: white;
}

.btn.btn-tertiary {
    background-color: #0086ff;
    color: white;
}

@media (max-width: 1023.98px) {
    .btn {
        font-size: 4.66vw;
        height: 8vw;
        padding: 0 4.66vw;
    }
}

/* #Img Btn
================================================== */
.img-btn {
    display: inline-flex;
}

.img-btn img {
    height: 3.64vw;
}

@media (max-width: 1023.98px) {
    .img-btn img {
        height: 12vw;
    }
}

/* #Header
================================================== */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    color: white;
    padding: 2.59vw 0;
    /*padding: 1.3vw 0;*/
    /*padding: 5.3vh 0;*/
    transition: all 0.4s ease-out;
}

.header .container {
    width: calc(100% - (1.98vw * 2));
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header-links > ul {
    display: flex;
    align-items: center;
    line-height: 1;
}

.header-links > ul li:not(:last-child) {
    margin-right: 2.11vw;
}

/*.header:not(.header-scrolled) .header-links > ul li a {*/
/*  text-shadow: 0px 2.87px 2.87px #0E2E6399;*/
/*}*/

.menu-item-has-children {
    position: relative;
}

.menu-item-has-children > a {
    position: relative;
    padding-right: 1.18vw;
    display: inline-block;
}

.menu-item-has-children > a::after {
    position: absolute;
    content: "";
    width: 0.73vw;
    height: 0.42vw;
    top: 0.4vw;
    right: 0;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.3s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.201' height='7.815' viewBox='0 0 13.201 7.815'%3E%3Cpath id='Path_26627' data-name='Path 26627' d='M0,0,4.48,4.194,8.96,0' transform='translate(2.12 2.12)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E");
}

.menu-item-has-children.open > a::after {
    transform: scaleY(-1);
}

.header-always-white .menu-item-has-children > a::after,
.header-scrolled .menu-item-has-children > a::after {
    filter: invert(100%);
}

.sub-menu {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    transform: translateY(100%);
    font-size: 0.94vw;
}

.menu-item-has-children .sub-menu.open {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1023.98px) {
    .sub-menu {
        position: relative;
        opacity: 1;
        visibility: visible;
        transform: none;
        font-size: 5.33vw;
        background-color: transparent !important;
        font-weight: 500;
        padding: 6vw 0 2vw 0 !important;
        display: none;
    }

    .menu-item-has-children > a {
        padding-right: 5.5vw;
    }

    .menu-item-has-children > a::after {
        filter: invert(100%);
        width: 3.6vw;
        height: 2.07vw;
        top: 2.2vw;
    }
}

.current-menu-item a {
    border-bottom: 2px solid #fff;
}

.header-always-white .current-menu-item a,
.header-scrolled .current-menu-item a {
    border-color: #303030;
}

.header-logo {
    margin-right: auto;
}

.header-logo img {
    width: 14vw;
}

.header-social ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /*min-width: 14vw;*/
    margin-left: 3.89vw;
}

.header-social ul li:not(:last-child) {
    margin-right: 1.62vw;
}

.header-social ul li a {
    display: block;
    width: 1.43vw;
    height: 1.43vw;
}

.header-social svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.header-social svg *,
.header-hamburger svg * {
    transition: all 0.4s ease-out;
}

/* header-play-btn */
.page-template-tpl-event-popeye .header .header-play-btn {
    background-image: var(--header-play-button);
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 1.95vw;
    height: 3.73vw;
    width: 11.14vw;
    position: relative;
    overflow: hidden;
    filter: brightness(100%);
}

.header .header-play-btn {
    background-image: var(--header-play-button);
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 1.95vw;
    height: 3.73vw;
    width: 10.64vw;
    position: relative;
    overflow: hidden;
    filter: brightness(100%);
}


.header .header-play-btn:hover {
    filter: brightness(105%);
}

.header .header-play-btn a {
    display: block;
    height: 100%;
    width: 100%;
}

.header .header-play-btn .hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 1023.98px) {
    .header .header-play-btn {
        display: none;
    }
}

/* Dropdown */
.header .dropdown {
    position: relative;
}

.header .dropdown-toggler {
    cursor: pointer;
    display: flex;
    align-items: center;
    user-select: none;
}

.header .dropdown-toggler img {
    width: 0.78vw;
    margin-left: 0.45vw;
}

.header .dropdown ul {
    display: block;
}

.header .dropdown .dropdown-menu,
.header .sub-menu {
    bottom: -1vw;
    right: auto;
    left: 0;

    background-color: white;
    color: black;
    white-space: nowrap;

    padding: 1.5vw 1.3vw;
    border-radius: 1vw;

    font-family: "Poppins", sans-serif;
}

.header .dropdown .dropdown-menu li:not(:last-child),
.header .sub-menu li:not(:last-child) {
    margin-bottom: 1vw;
    margin-right: 1vw;
}

.header .dropdown .dropdown-menu a,
.header .sub-menu a {
    font-weight: 400;
    transition: all 0.4s ease;
}

.header .dropdown .dropdown-menu a:hover,
.header .sub-menu a:hover {
    color: #0086ff;
}

.header .dropdown .dropdown-toggler img {
    transition: all 0.3s ease-out;
}

.header .dropdown.show .dropdown-toggler img {
    transform: rotate(180deg);
}

@media (min-width: 1024px) {
    .header-hamburger,
    .header-btn {
        display: none;
    }
}

@media (max-width: 1023.98px) {
    .header {
        padding: 3.33vw 0;
    }

    .header .container {
        width: 94%;
        justify-content: flex-start;
    }

    .header-links {
        display: none;
    }

    .header-logo {
        margin-right: auto;
    }

    .header-logo img {
        width: 40vw;
    }

    .header-social {
        display: none;
    }

    .header-hamburger {
        margin-left: auto;
    }

    .header-hamburger a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-hamburger svg {
        height: auto;
        width: 9.73vw;
    }
}

/* #Header Scrolled
================================================== */
.header.header-scrolled {
    background-color: white;
    color: #303030;
}

.header.header-always-white {
    color: #303030;
}

.header.header-scrolled .header-social svg *,
.header.header-always-white .header-social svg * {
    fill: #303030;
}

.header.header-scrolled .header-hamburger svg *,
.header.header-always-white .header-hamburger svg * {
    stroke: #303030;
}

.header.header-scrolled .btn.btn-primary,
.header.header-always-white .btn.btn-primary {
    color: #303030;
    border-color: #303030;
}

/* #Header Menu
================================================== */
.header-menu {
    display: none;
}

.page-template-tpl-event-popeye .header-links {
    display: none;
}

.page-template-tpl-event-popeye .header-social {
    display: none;
}

.page-template-tpl-event-popeye .header-hamburger {
    display: none;
}

@media (max-width: 1023.98px) {
    .header-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #e3f7fd;
        display: block;

        padding: 0 3% 4vw 3%;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease;
    }

    .header.show .header-menu {
        visibility: visible;
        opacity: 1;
    }

    .header-menu .header-links {
        display: block;
        text-align: center;
        position: relative;
        z-index: 1;
        margin-bottom: 23.6vw;
        color: black;
    }

    .header-menu .header-links > ul {
        display: block;
    }

    .header-menu .top {
        display: flex;
        align-items: center;
        margin-bottom: 17vw;
        padding: 3.33vw 0;
    }

    .header-menu .header-close {
        margin-right: 0;
        margin-left: 6.53vw;
    }

    .header-menu .header-close img {
        width: 4.53vw;
    }

    .header .btn {
        font-size: 3.46vw;
        height: 6.66vw;
        padding: 0 3.33vw;
    }

    .header-menu .btn {
        background-color: #0086ff;
        color: white;
    }

    .header-menu .header-links ul li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 5.33vw;
    }

    .header-menu .header-clouds {
        position: absolute;
        top: 49.73vw;
        left: 0;
    }

    .header-menu .header-clouds img {
        width: 100%;
    }

    .header-menu .box {
        width: 100%;
        padding: 8.8vw 0 6vw 0;
        text-align: center;
        box-shadow: 0 -5px 55px #7ecfe883;
        background-color: #effdff;
        border-radius: 2vw;
    }

    .header-menu .box p {
        margin-bottom: 2vw;
    }

    .header-menu .box ul {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-menu .box ul li:not(:last-child) {
        margin-right: 8vw;
    }

    .header-menu .box ul svg {
        width: 6.4vw;
        height: 6.4vw;
    }

    .header-menu .bottom > img {
        width: 36.8vw;
        margin: 0 auto;
        margin-bottom: -7vw;
    }

    .header-menu .header-logo {
        margin-top: 1px;
    }

    .header-menu .collapse-toggler {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-menu .collapse-toggler img {
        width: 3.6vw;
        margin-left: 2.66vw;
        transition: all 0.4s ease-out;
    }

    .header-menu .collapsible.show .collapse-toggler img {
        transform: rotate(180deg);
    }

    .header-menu .collapse > div {
        padding: 6vw 0 2vw 0;
    }
}

/* #Banner
================================================== */
.banner {
    color: white;
    position: relative;
}

.page-template-tpl-event-popeye .banner .text {
    position: absolute;
    top: 48%;
    left: 15vw;
    transform: translateY(-50%);
    z-index: 10;
}

.banner .text {
    position: absolute;
    top: 48%;
    left: 15vw;
    transform: translateY(-50%);
    z-index: 10;
}

.page-template-tpl-event-popeye .banner .video {
    position: relative;
    background-image: var(--banner-bg-desktop);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100vh;
}

.banner .video {
    position: relative;
    background-image: var(--banner-bg-desktop);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 100%;
    height: 100vh;
}

.banner .video::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6.45vw;
    background-image: linear-gradient(to bottom, #0086ff, transparent);
}

.banner .video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

.page-template-tpl-event-popeye .banner .logo {
    width: 30.8vw;
    margin: 0 0 0.75rem;
}

.banner .logo {
    width: 30.8vw;
    margin: 0 0 0.75rem;
}

.banner .logo a {
    display: block;
    width: 100%;
}

.page-template-tpl-event-popeye .banner .logo img {
    width: 21.6875rem;
    height: 6.5625rem;
    margin: unset;
    max-height: 100%;
    max-width: 100%;
    display: none;
}

.banner .logo img {
    /*margin: 0 auto;*/
    width: 21.6875rem;
    height: 6.5625rem;
    max-height: 100%;
    max-width: 100%;
}

.page-template-tpl-event-popeye .banner .title {
    color: white; /* fill color */
    -webkit-text-stroke: 4px #1E4C90;
    text-shadow: 0px 7.35px 8.33px #123A74;
    text-align: left;
    font-size: 7.125rem;
    line-height: 7.5rem;
    margin-bottom: 1.5rem;
}

.banner .title {
    /*text-align: center;*/
    line-height: 1.15;
    margin-bottom: 1.5rem;
}

.page-template-tpl-event-popeye .banner .subtitle {
    color: white; /* fill color */
    -webkit-text-stroke: 4px #1E4C90;
    text-shadow: 0px 7.35px 8.33px #123A74;
    max-width: 652px;
    font-size: 4.1875rem;
    line-height: 4.9375rem;
    text-align: left;
    /*margin-bottom: 1.3vw;*/
}

.banner .subtitle {
    /*text-align: center;*/
    /*margin-bottom: 1.3vw;*/
}

.page-template-tpl-event-popeye .banner .banner-play-btn {
    background-image: var(--banner-play-button-desktop);
    background-repeat: no-repeat;
    background-size: cover;
    margin: unset;
    height: 4.72vw;
    width: 13.57vw;
    position: relative;
    overflow: hidden;
    filter: brightness(100%);
}

.banner .banner-play-btn {
    background-image: var(--banner-play-button-desktop);
    background-repeat: no-repeat;
    background-size: cover;
    /*margin: 0 auto;*/
    height: 4.72vw;
    width: 13.57vw;
    position: relative;
    overflow: hidden;
    filter: brightness(100%);
}

.banner .banner-play-btn:hover {
    filter: brightness(105%);
}

.banner .banner-play-btn a {
    display: block;
    height: 100%;
    width: 100%;
}

.banner .banner-play-btn .hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.banner .disclaimer {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 6%;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
    text-align: center;
    max-width: 786px;
    color: #FFFFFF;
}

@media (max-width: 1023.98px) {
    .page-template-tpl-event-popeye .header-logo {
        display: none;
    }

    .page-template-tpl-event-popeye .banner .text {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: flex-start;
        text-align: center;
        left: 50%;
        top: 50%;
        transform: translate3d(-50%, -50%, 0);
        height: 90%;
        width: 95%;
        gap: 180px;
    }

    .banner .text {
        display: flex;
        align-items: center;
        flex-direction: column;
        /*justify-content: space-between;*/
        text-align: center;
        left: 50%;
        top: 50%;
        transform: translate3d(-50%, -50%, 0);
        height: 90%;
        width: 90%;
        gap: 160px;
    }

    .page-template-tpl-event-popeye .banner .title {
        font-size: 3.75rem;
        line-height: 4.375rem;
        -webkit-text-stroke: 2px #1E4C90;
        margin-bottom: 0;
    }

    .page-template-tpl-event-popeye .banner .subtitle {
        font-size: 1.5rem;
        line-height: 1.625rem;
        max-width: 360px;
        -webkit-text-stroke: 2px #1E4C90;
        text-align: center;
    }

    .banner .wrapper {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
    }

    .banner .logo,
    .page-template-tpl-event-popeye .banner .logo {
        width: 86.07vw;
        margin-bottom: 7px;
    }

    .banner .video,
    .page-template-tpl-event-popeye .banner .video {
        background-image: var(--banner-bg-mobile);
    }

    .banner .banner-play-btn,
    .page-template-tpl-event-popeye .banner .banner-play-btn {
        background-image: var(--banner-play-button-mobile);
        height: 20.09vw;
        width: 58.95vw;
    }

    .banner .video::after {
        height: 28.26vw;
    }

    .page-template-tpl-event-popeye .banner .video {
        height: 180.4vw;
    }

    .banner .video {
        height: 163.4vw;
    }

    .banner p {
        margin: 3.33vw 0 5.33vw 0;
    }

    .banner .disclaimer {
        width: 100%;
        max-width: 335px;
        font-size: 12px;
        line-height: 100%;
        bottom: 3%;
    }

    .page-template-tpl-event-popeye .banner .logo img {
        display: block;
        width: 287px;
        height: 86px;
        margin: 0 auto;
    }

    .banner .logo img {
        width: 287px;
        height: 86px;
        margin: 0 auto;
    }

    .page-template-tpl-event-popeye .banner .video video {
        object-position: top;
    }

    .banner .video video {
        object-position: top;
    }
}

/* #App Icons
================================================== */
.app-icons ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-icons ul li:not(:last-child) {
    margin-right: 0.78vw;
}

.app-icons img {
    width: auto;
    height: 3.125vw;
    pointer-events: none;
}

@media (max-width: 1023.98px) {
    .app-icons ul li:not(:last-child) {
        margin-right: 2.5vw;
    }

    .app-icons img {
        height: 10vw;
    }
}

/* #Section Top
================================================== */
.section-top {
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    transform: translateY(-100%);
}

.section-top img {
    width: 100%;
}

/* #Home Section 1
================================================== */
.home-section-1 {
    position: relative;
    padding: 2.6vw 0 8.6vw 0;
}

.home-section-1 .container {
    display: flex;
    align-items: center;
    width: 82%;
}

.home-section-1 .img {
    flex: 0 0 37.34vw;
    margin-right: 3.9vw;
}

.home-section-1 .img img {
    width: 100%;
}

.home-section-1 .text {
    padding-top: 2vw;
}

.home-section-1 .text h2 {
    margin-bottom: 1.3vw;
}

.home-section-1 .text p {
    padding-right: 2vw;
}

/* Images */
.home-section-1 .clouds img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
}

.home-section-1 .coins img:nth-child(1) {
    width: 1.6vw;
    position: absolute;
    left: 7.8vw;
    top: 7.13vw;
}

.home-section-1 .coins img:nth-child(2) {
    position: absolute;
    width: 2.9vw;
    top: 14.5vw;
    left: 11.5vw;
    z-index: 1;
}

.home-section-1 .coins img:nth-child(3) {
    width: 3.38vw;
    position: absolute;
    left: 3.125vw;
    top: 25.67vw;
}

.home-section-1 .coins img:nth-child(4) {
    width: 3.7vw;
    position: absolute;
    left: 44.84vw;
    top: 23.66vw;
}

.home-section-1 .coins img:nth-child(5) {
    position: absolute;
    width: 3.7vw;
    right: 1.5vw;
    top: 7.8vw;
}

.home-section-1 .cards img:nth-child(1) {
    width: 9.375vw;
    position: absolute;
    left: 3.125vw;
    top: 10.93vw;
}

.home-section-1 .cards img:nth-child(2) {
    width: 13.38vw;
    position: absolute;
    top: 41.74vw;
    left: 15.6vw;
}

.home-section-1 .cards img:nth-child(3) {
    width: 18.75vw;
    position: absolute;
    right: 0;
    top: 21.8vw;
}

.home-section-1 .cards img:nth-child(4) {
    width: 14.58vw;
    position: absolute;
    top: -5vw;
    left: 37vw;
}

@media (max-width: 1023.98px) {
    .home-section-1 {
        padding: 4vw 0 16.6vw 0;
    }

    .home-section-1 .container {
        flex-direction: column-reverse;
        align-items: center;
        width: 90%;
    }

    .home-section-1 .img {
        flex: 0 0 37.34vw;
        margin-right: 0;
    }

    .home-section-1 .img img {
        width: 100%;
    }

    .home-section-1 .text {
        text-align: center;
        padding-top: 0;
        z-index: 2;
    }

    .home-section-1 .text h2 {
        margin: 0 auto;
        width: 70%;
        line-height: 1.27;
        margin-bottom: 4vw;
    }

    .home-section-1 .text p {
        padding-right: 0;
    }

    /* Images */
    .home-section-1 .clouds img {
        width: 100%;
        height: 100vw;
        object-fit: cover;
        object-position: center;

        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        z-index: -1;
    }

    .home-section-1 .coins img:nth-child(1) {
        width: 4vw;

        left: 43.8vw;
        top: 114.13vw;
    }

    .home-section-1 .coins img:nth-child(2) {
        width: 7.33vw;

        top: 170.5vw;
        left: 7.5vw;
    }

    .home-section-1 .coins img:nth-child(3) {
        width: 7.33vw;

        left: 28.125vw;
        top: 89.67vw;
    }

    .home-section-1 .coins img:nth-child(4) {
        display: none;
    }

    .home-section-1 .coins img:nth-child(5) {
        display: none;
    }

    .home-section-1 .cards img:nth-child(1) {
        width: 20vw;
        left: 4.125vw;
        top: 116.93vw;
    }

    .home-section-1 .cards img:nth-child(2) {
        width: 29vw;

        top: 193.74vw;
        left: 65.6vw;
    }

    .home-section-1 .cards img:nth-child(3) {
        display: none;
    }

    .home-section-1 .cards img:nth-child(4) {
        display: none;
    }
}

/* #Home Section 2
================================================== */
.home-section-2 {
    padding-bottom: 7.8vw;
    text-align: center;
    position: relative;
}

.home-section-2 h2 {
    margin-bottom: 4.16vw;
}

.home-section-2 ul {
    display: flex;
    justify-content: center;
}

.home-section-2 ul li:not(:last-child) {
    margin-right: 1vw;
}

.home-section-2 ul img {
    width: 15vw;
    height: 11.35vw;
    object-fit: contain;
    object-position: center;
    margin: 0 auto;
}

/* Imgs */
.home-section-2 .img img:nth-child(1) {
    width: 29.16vw;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-58%);
}

.home-section-2 .img img:nth-child(2) {
    width: 15.57vw;
    position: absolute;
    top: 12vw;
    left: 0;
}

@media (max-width: 1023.98px) {
    .home-section-2 {
        padding-bottom: 15.33vw;
        text-align: center;
    }

    .home-section-2 h2 {
        margin: 0 auto;
        width: 60%;
        line-height: 1.27;
        margin-bottom: 6vw;
    }

    .home-section-2 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .home-section-2 ul li {
        flex: 0 0 50%;
    }

    .home-section-2 ul li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 4vw;
    }

    .home-section-2 ul img {
        width: 44vw;
        height: 28.8vw;
    }

    /* Imgs */
    .home-section-2 .img img:nth-child(1) {
        display: none;
    }

    .home-section-2 .img img:nth-child(2) {
        display: none;
    }
}

/* #Home Section 3
================================================== */
.home-section-3 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 65.62vw;
}

.home-section-3 .img {
    margin-top: auto;
}

.home-section-3 .container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 52%;
}

.home-section-3 .heading {
    margin: 0 auto;
    width: 42.8vw;
    margin-bottom: 2.6vw;
    text-align: center;
}

.home-section-3 .heading h2 {
    margin-bottom: 1.3vw;
}

.home-section-3 ul {
    display: flex;
    justify-content: center;
}

.home-section-3 ul li {
    padding: 0 0.9vw;
}

.home-section-3 .card-social {
    background-color: rgba(255, 255, 255, 0.884);
    width: 16.14vw;
    border-radius: 1vw;
    text-align: center;
    padding-bottom: 1.1vw;
}

.home-section-3 .card-social img {
    margin: 0 auto;
    height: 8.17vw;
}

.home-section-3 .card-social h3 {
    margin-bottom: 1.5vw;
    line-height: 1.4;
}

.home-section-3 .bg img {
    width: 100%;
}

/* Imgs */
.home-section-3 .cloud-1 img {
    width: 58.9vw;
    position: absolute;
    bottom: 9vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: -2;
}

.home-section-3 .cloud-2 img {
    width: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 18.22vw;
}

.home-section-3 .cards img:nth-child(1) {
    width: 11.45vw;
    position: absolute;
    top: 4.5vw;
    right: 2.5vw;
}

.home-section-3 .cards img:nth-child(2) {
    width: 8.69vw;
    position: absolute;
    top: 24.11vw;
    right: 11.82vw;
}

.home-section-3 .cards img:nth-child(3) {
    width: 14.58vw;
    position: absolute;
    top: 15.15vw;
    left: 7.3vw;
}

.home-section-3 .cards img:nth-child(4) {
    width: 4vw;
    position: absolute;
    right: 0;
    top: 5.2vw;
}

.home-section-3 .cards img:nth-child(5) {
    width: 9.74vw;
    position: absolute;
    top: -1.5vw;
    left: 11vw;
}

.home-section-3 .cards img:nth-child(6) {
    width: 8.28vw;
    position: absolute;
    top: 9vw;
    left: 2.6vw;
}

.home-section-3 .characters img:nth-child(1) {
    width: 25.41vw;
    position: absolute;
    bottom: 5.45vw;
    left: 41vw;
    animation: floating-animation 6s ease-in-out infinite;
}

.home-section-3 .characters img:nth-child(2) {
    width: 10vw;
    position: absolute;
    right: 0;
    bottom: 19vw;
    animation: floating-animation 6s ease-in-out infinite;
    animation-delay: 1s;
}

.home-section-3 .characters img:nth-child(3) {
    width: 19.63vw;
    right: 6.35vw;
    bottom: 6.35vw;
    position: absolute;
    z-index: 1;
    animation: floating-animation 6s ease-in-out infinite;
    animation-delay: 2s;
}

.home-section-3 .characters img:nth-child(4) {
    width: 17.23vw;
    position: absolute;
    right: 17.4vw;
    bottom: 17.4vw;
    animation: floating-animation 6s ease-in-out infinite;
    animation-delay: 3.25s;
}

@media (max-width: 1023.98px) {
    .home-section-3 {
        position: relative;
        display: block;
        min-height: 0;
    }

    .home-section-3 .img {
        margin-top: auto;
    }

    .home-section-3 .container {
        position: static;
        transform: none;
        width: 90%;
    }

    .home-section-3 .heading {
        width: 100%;
        margin-bottom: 7.73vw;
    }

    .home-section-3 .heading h2 {
        margin-bottom: 4vw;
    }

    .home-section-3 ul {
        display: block;
    }

    .home-section-3 ul li {
        padding: 0;
    }

    .home-section-3 ul li:not(:last-child) {
        margin-bottom: 4vw;
    }

    .home-section-3 .card-social {
        background-color: rgba(255, 255, 255, 0.658);
        width: 100%;
        border-radius: 2.4vw;
        text-align: center;
        padding-bottom: 0;

        display: flex;
        align-items: center;
    }

    .home-section-3 .card-social > div {
        flex-grow: 1;
    }

    .home-section-3 .card-social img {
        margin: 0;
        height: 33.33vw;
    }

    .home-section-3 .card-social h3 {
        margin-bottom: 4vw;
        line-height: 1.27;
    }

    /* Imgs */
    .home-section-3 .cloud-1 img {
        width: 100%;
        bottom: 22vw;
        left: 0;
        transform: none;
    }

    .home-section-3 .cloud-2 img {
        width: 100%;
        bottom: 20vw;
    }

    .home-section-3 .cards img:nth-child(1) {
        display: none;
    }

    .home-section-3 .cards img:nth-child(2) {
        display: none;
    }

    .home-section-3 .cards img:nth-child(3) {
        display: none;
    }

    .home-section-3 .cards img:nth-child(4) {
        display: none;
    }

    .home-section-3 .cards img:nth-child(5) {
        display: none;
    }

    .home-section-3 .cards img:nth-child(6) {
        display: none;
    }

    .home-section-3 .characters img:nth-child(1) {
        width: 56.4vw;

        bottom: 9.45vw;
        left: 7vw;
    }

    .home-section-3 .characters img:nth-child(2) {
        width: 16.93vw;

        right: 6vw;
        bottom: 56vw;
    }

    .home-section-3 .characters img:nth-child(3) {
        width: 33vw;

        right: 18.35vw;
        bottom: 34.35vw;
    }

    .home-section-3 .characters img:nth-child(4) {
        width: 26.66vw;

        right: 3.4vw;
        bottom: 26.4vw;
    }
}

/* #Home Section 4
================================================== */
.home-section-4 {
    position: relative;
    min-height: 65.88vw;
    display: flex;
    flex-direction: column;
}

.home-section-4 .bg {
    margin-top: auto;
}

.home-section-4 .bg img {
    width: 100%;
}

.home-section-4 .container {
    position: absolute;
    top: 12.23vw;
    left: 7.96vw;
    width: 35vw;
    z-index: 5;
}

.home-section-4 p {
    width: 32.5vw;
    margin: 1.3vw 0 2.34vw 0;
}

/* Imgs */
.home-section-4 .tree img {
    width: 41.2vw;
    position: absolute;
    bottom: 29vw;
    right: 9vw;
}

.home-section-4 .clouds img {
    width: 100%;
    position: absolute;
    top: 9.8vw;
    right: 0;
    z-index: -1;
}

.home-section-4 .cards img:nth-child(1) {
    width: 8.33vw;
    position: absolute;
    top: 15.36vw;
    right: 37vw;
}

.home-section-4 .cards img:nth-child(2) {
    width: 12.4vw;
    position: absolute;
    bottom: 5.7vw;
    right: 25.52vw;
}

.home-section-4 .cards img:nth-child(3) {
    width: 13.95vw;
    position: absolute;
    top: 27.6vw;
    left: 40vw;
}

.home-section-4 .cards img:nth-child(4) {
    width: 18.75vw;
    position: absolute;
    left: -5.5vw;
    bottom: 3.65vw;
}

.home-section-4 .cards img:nth-child(5) {
    width: 8.33vw;
    position: absolute;
    bottom: 12vw;
    right: 8.85vw;
}

.home-section-4 .coins img:nth-child(1) {
    width: 3.22vw;
    position: absolute;
    top: 0;
    left: 7.8vw;
    z-index: 2;
}

.home-section-4 .coins img:nth-child(2) {
    width: 3.22vw;
    position: absolute;
    top: 14vw;
    left: 0;
    z-index: 2;
}

.home-section-4 .coins img:nth-child(3) {
    width: 3.85vw;
    position: absolute;
    top: 27.5vw;
    left: 27.18vw;
}

.home-section-4 .coins img:nth-child(4) {
    width: 3.85vw;
    position: absolute;
    top: 22.5vw;
    left: 46.14vw;
}

.home-section-4 .coins img:nth-child(5) {
    width: 3.85vw;
    position: absolute;
    top: 7vw;
    right: 1.5vw;
}

.home-section-4 .coins img:nth-child(6) {
    width: 3.28vw;
    position: absolute;
    top: 28.33vw;
    right: 10vw;
}

.home-section-4 .coins img:nth-child(7) {
    width: 3.28vw;
    position: absolute;
    bottom: 23.17vw;
    right: 34.375vw;
}

@media (max-width: 1023.98px) {
    .home-section-4 {
        min-height: 0;
        display: flex;
        flex-direction: column;
        padding-top: 6.65vw;
    }

    .home-section-4 .bg {
        margin-top: 6.65vw;
    }

    .home-section-4 .container {
        position: static;
        width: 90%;
        text-align: center;
    }

    .home-section-4 p {
        width: 100%;
        margin: 4.66vw 0 8vw 0;
    }

    /* Imgs */
    .home-section-4 .tree img {
        display: none;
    }

    .home-section-4 .clouds img {
        width: 100%;
        height: 84.26vw;
        object-fit: cover;
        object-position: center;

        top: auto;
        bottom: 40vw;
        right: 0;
    }

    .home-section-4 .cards img:nth-child(1) {
        display: none;
    }

    .home-section-4 .cards img:nth-child(2) {
        width: 24vw;

        bottom: 29.33vw;
        right: 2vw;
    }

    .home-section-4 .cards img:nth-child(3) {
        width: 26.66vw;

        top: 120.6vw;
        left: 0;
    }

    .home-section-4 .cards img:nth-child(4) {
        display: none;
    }

    .home-section-4 .cards img:nth-child(5) {
        display: none;
    }

    .home-section-4 .coins img:nth-child(1) {
        width: 4.93vw;

        top: 92vw;
        left: 5.8vw;
    }

    .home-section-4 .coins img:nth-child(2) {
        width: 4.93vw;

        top: 74vw;
        left: auto;
        right: 6vw;
    }

    .home-section-4 .coins img:nth-child(3) {
        width: 7.2vw;

        top: 65.5vw;
        left: 76.18vw;
    }

    .home-section-4 .coins img:nth-child(4) {
        display: none;
    }

    .home-section-4 .coins img:nth-child(5) {
        display: none;
    }

    .home-section-4 .coins img:nth-child(6) {
        display: none;
    }

    .home-section-4 .coins img:nth-child(7) {
        display: none;
    }
}

/* #Home Section 5
================================================== */
.home-section-5 {
    position: relative;
    padding: 2.6vw 0 8.33vw 0;
}

.home-section-5 .container {
    display: flex;
    align-items: center;
    width: 84%;
}

.home-section-5 .text {
    flex: 0 0 35.3vw;
    padding-top: 7.5vw;
}

.home-section-5 .text h2 {
    line-height: 1.27;
}

.home-section-5 .text p {
    margin: 1.3vw 0 2.34vw 0;
}

.home-section-5 .img {
    flex: 0 0 37.4vw;
    margin-right: 4.53vw;
}

.home-section-5 .video {
    position: relative;
    margin-bottom: 2.86vw;
}

.home-section-5 video {
    width: 100%;
    height: 20.6vw;
    object-fit: cover;
    object-position: bottom;
    border-radius: 4vw;
}

.home-section-5 .frame {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
}

.home-section-5 .frame img {
    width: 100%;
}

.home-section-5 .character {
    position: relative;
    z-index: 1;
}

.home-section-5 .character img {
    margin: 0 auto;
    width: 12.7vw;
    margin-bottom: -2.5vw;
}

/* Imgs */
.home-section-5 .clouds img {
    width: 100%;
    position: absolute;
    top: 5.72vw;
    left: 0;
    z-index: -1;
}

.home-section-5 .cards img:nth-child(1) {
    width: 7.44vw;
    position: absolute;
    right: 1.3vw;
    top: 28.38vw;
}

.home-section-5 .cards img:nth-child(2) {
    width: 8.17vw;
    position: absolute;
    top: 5.2vw;
    left: 34.2vw;
}

.home-section-5 .cards img:nth-child(3) {
    width: 12.91vw;
    position: absolute;
    bottom: -9.5vw;
    right: 13.75vw;
}

.home-section-5 .cards img:nth-child(4) {
    width: 4.58vw;
    position: absolute;
    top: 0;
    right: 3.125vw;
}

.home-section-5 .cards img:nth-child(5) {
    width: 11.45vw;
    position: absolute;
    bottom: 5vw;
    left: 0;
}

.home-section-5 .cards img:nth-child(6) {
    width: 7.8vw;
    position: absolute;
    top: 2.34vw;
    right: 11.5vw;
}

@media (max-width: 1023.98px) {
    .home-section-5 {
        padding: 15.33vw 0;
    }

    .home-section-5 .container {
        display: block;
        width: 95%;
        padding-top: 23.33vw;
        position: relative;
    }

    .home-section-5 .text {
        padding-top: 6.65vw;
        text-align: center;
    }

    .home-section-5 .text h2 {
        line-height: 1.27;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .home-section-5 .text p {
        margin: 0 0 8vw 0;
    }

    .home-section-5 .img {
        margin-right: 0;
    }

    .home-section-5 .video {
        margin-bottom: 6.65vw;
    }

    .home-section-5 video {
        height: 52.4vw;
        border-radius: 8vw;
    }

    .home-section-5 .frame {
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
    }

    .home-section-5 .frame img {
        width: 100%;
    }

    .home-section-5 .character {
        display: none;
    }

    /* Imgs */
    .home-section-5 .clouds img {
        width: 100%;
        top: 0;
    }

    .home-section-5 .cards img:nth-child(1) {
        display: none;
    }

    .home-section-5 .cards img:nth-child(2) {
        width: 22vw;

        top: auto;
        bottom: -40vw;
        left: auto;
        right: 1vw;
    }

    .home-section-5 .cards img:nth-child(3) {
        display: none;
    }

    .home-section-5 .cards img:nth-child(4) {
        display: none;
    }

    .home-section-5 .cards img:nth-child(5) {
        width: 29.33vw;

        bottom: auto;
        top: -8vw;
        left: 0;
    }

    .home-section-5 .cards img:nth-child(6) {
        display: none;
    }
}

/* #Swiper Arrows
================================================== */
.swiper-arrows {
    display: flex;
    align-items: center;
}

.swiper-arrows img {
    width: 2.6vw;
    border-radius: 50%;
    box-shadow: 0 6px 12px #a7eaff;
}

.swiper-arrows .prev {
    margin-right: 0.78vw;
}

/* #Swiper Pagination
================================================== */
.swiper-navigation .swiper-pagination-bullets.swiper-pagination-horizontal {
    position: static;
    width: auto;
    padding-right: 8.6vw;
}

.swiper-pagination-bullet {
    width: 0.78vw;
    height: 0.78vw;
    opacity: 1;
    background-color: transparent;
    border: 1px solid #0086ff;
    transition: all 0.4s ease-out;
}

.swiper-pagination-bullet-active {
    background-color: #0086ff;
}

@media (max-width: 1023.98px) {
    .swiper-navigation .swiper-pagination-bullets.swiper-pagination-horizontal {
        padding-right: 4vw;
    }

    .swiper-pagination-bullet {
        width: 3.73vw;
        height: 3.73vw;
    }
}

/* #Home Section 6
================================================== */
.home-section-6 {
    padding-bottom: 6.56vw;
    overflow: hidden;
}

.home-section-6 .container {
    padding-left: 8vw;
}

.home-section-6 h2 {
    margin-bottom: 2.6vw;
}

.home-section-6 .swiper {
    overflow: visible;
}

.home-section-6 .swiper-slide {
    padding-right: 1.5vw;
}

.home-section-6 .swiper-slide > div {
    background-color: #effcff;
    border-radius: 1vw;
    box-shadow: 0 -5px 51px #a7eaff;
    overflow: hidden;
    position: relative;
    height: 30.2vw;

    display: flex;
    flex-direction: column;
}

.home-section-6 .swiper-slide .text {
    padding: 2vw 2.96vw;
}

.home-section-6 .swiper-slide h3 {
    margin-bottom: 0.8vw;
}

.home-section-6 .swiper-slide .bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.home-section-6 .swiper-slide img {
    height: auto;
}

.home-section-6 .swiper-slide .bg img {
    width: 100%;
}

.home-section-6 .swiper-slide .character {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.home-section-6 .swiper-slide .character img {
    width: 16.25vw;
}

.home-section-6 .swiper-slide .element {
    position: absolute;
    bottom: 2vw;
    right: 2vw;
}

.home-section-6 .swiper-slide .element img {
    width: 20vw;
}

.home-section-6 .swiper-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.8vw;
}

@media (max-width: 1023.98px) {
    .home-section-6 {
        padding-bottom: 17.33vw;
    }

    .home-section-6 .container {
        padding-left: 4vw;
    }

    .home-section-6 h2 {
        text-align: center;
        margin-bottom: 6.65vw;
    }

    .home-section-6 .swiper-slide {
        padding-right: 4vw;
    }

    .home-section-6 .swiper-slide > div {
        border-radius: 2.5vw;
        height: 102vw;
    }

    .home-section-6 .swiper-slide .text {
        padding: 6vw 4.33vw;
    }

    .home-section-6 .swiper-slide h3 {
        margin-bottom: 2.66vw;
    }

    .home-section-6 .swiper-slide .character {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }

    .home-section-6 .swiper-slide .character img {
        width: 46.66vw;
    }

    .home-section-6 .swiper-slide .element {
        position: absolute;
        bottom: 3vw;
        right: 2vw;
    }

    .home-section-6 .swiper-slide .element img {
        width: 44.8vw;
    }

    .home-section-6 .swiper-navigation {
        justify-content: center;
        margin-top: 8vw;
    }

    .home-section-6 .swiper-arrows {
        display: none;
    }
}

/* #Home Section 7
================================================== */
.home-section-7 {
    height: 49.3vw;
    position: relative;
    display: flex;
    flex-direction: column;
}

.home-section-7 .bg img {
    width: 100%;
}

.home-section-7 .text {
    position: absolute;
    top: 0;
    left: 8vw;
    width: 40.625vw;
    z-index: 10;
}

.home-section-7 .text p {
    width: 38vw;
    margin: 1.8vw 0 2.34vw 0;
}

.home-section-7 .img {
    margin-top: auto;
}

/* Imgs */
.home-section-7 .characters img {
    width: 36.2vw;
    position: absolute;
    bottom: 3vw;
    left: 20vw;
}

.home-section-7 .clouds img {
    position: absolute;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.home-section-7 .shape img {
    position: absolute;
    width: 74vw;
    left: -4.16vw;
    top: 18.75vw;
    z-index: 2;
}

@media (max-width: 1023.98px) {
    .home-section-7 {
        height: auto;
        display: block;
    }

    .home-section-7 .text {
        position: static;
        width: 92%;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 6vw;
    }

    .home-section-7 .text h2 {
        line-height: 1.15;
        margin: 0 auto;
        width: 70%;
    }

    .home-section-7 .text p {
        width: 100%;
        margin: 4vw 0 8vw 0;
    }

    .home-section-7 .img {
        margin-top: auto;
    }

    /* Imgs */
    .home-section-7 .characters img {
        width: 57.46vw;

        bottom: 10.66vw;
        left: auto;
        right: 6.65vw;
    }

    .home-section-7 .clouds img {
        left: 0;
        top: auto;
        bottom: 2.66vw;
    }

    .home-section-7 .shape img {
        display: none;
    }
}

/* #Home Section 8
================================================== */
.home-section-8 {
    position: relative;
}

.home-section-8 .bg img {
    width: 100%;
}

.home-section-8 .container {
    position: absolute;
    top: 7.3vw;
    right: 10.2vw;
    width: 41.35vw;
}

.home-section-8 h2 {
    margin-bottom: 1.5vw;
}

.home-section-8 .collapsible {
    background-color: white;
    border-radius: 1vw;
    margin-bottom: 1.1vw;
    padding: 1.1vw 1.3vw 1.3vw 2vw;
}

.home-section-8 .collapse-toggler {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: uppercase;
}

.home-section-8 .collapse-toggler img {
    width: 1vw;
    transition: all 0.4s ease;
}

.home-section-8 .collapsible.show .collapse-toggler img {
    transform: rotate(180deg);
}

.home-section-8 .collapse > div {
    padding-top: 1vw;
    padding-right: 1vw;
}

.home-section-8 .collapse p {
    margin-bottom: 1.3vw;
}

/* Imgs */
.home-section-8 .cards img:nth-child(1) {
    width: 9.58vw;
    position: absolute;
    top: 0;
    left: 36vw;
}

.home-section-8 .cards img:nth-child(2) {
    width: 8.6vw;
    position: absolute;
    top: 0;
    right: 10.4vw;
}

.home-section-8 .cards img:nth-child(3) {
    width: 10.4vw;
    position: absolute;
    left: 8vw;
    bottom: 16.8vw;
}

.home-section-8 .cards img:nth-child(4) {
    width: 10.2vw;
    position: absolute;
    bottom: 0;
    right: 1vw;
}

.home-section-8 .cards img:nth-child(5) {
    width: 9.375vw;
    position: absolute;
    top: 0;
    right: 0;
}

.home-section-8 .cards img:nth-child(6) {
    width: 8.6vw;
    position: absolute;
    top: 5vw;
    left: 5.73vw;
}

.home-section-8 .cards img:nth-child(7) {
    width: 9.27vw;
    position: absolute;
    bottom: 2.34vw;
    left: 5.2vw;
}

.home-section-8 .cards img:nth-child(8) {
    width: 6.875vw;
    position: absolute;
    bottom: 0;
    left: 36.45vw;
}

@media (max-width: 1023.98px) {
    .home-section-8 {
        position: relative;
        padding-top: 11.46vw;
    }

    .home-section-8 .bg img {
        width: 100%;
    }

    .home-section-8 .container {
        position: static;
        margin: 0 auto;
        width: 90%;
    }

    .home-section-8 h2 {
        margin-bottom: 5.33vw;
        text-align: center;
    }

    .home-section-8 .collapsible {
        border-radius: 2.4vw;
        margin-bottom: 4vw;
        padding: 3.33vw 2.9vw 4vw 4vw;
    }

    .home-section-8 .collapse-toggler {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-transform: uppercase;
    }

    .home-section-8 .collapse-toggler img {
        width: 3.33vw;
    }

    .home-section-8 .collapse > div {
        padding-top: 2vw;
        padding-right: 2vw;
    }

    .home-section-8 .collapse p {
        margin-bottom: 3.33vw;
    }

    /* Imgs */
    .home-section-8 .cards img:nth-child(1) {
        display: none;
    }

    .home-section-8 .cards img:nth-child(2) {
        display: none;
    }

    .home-section-8 .cards img:nth-child(3) {
        display: none;
    }

    .home-section-8 .cards img:nth-child(4) {
        display: none;
    }

    .home-section-8 .cards img:nth-child(5) {
        display: none;
    }

    .home-section-8 .cards img:nth-child(6) {
        display: none;
    }

    .home-section-8 .cards img:nth-child(7) {
        display: none;
    }

    .home-section-8 .cards img:nth-child(8) {
        display: none;
    }
}

/* #Footer
================================================== */
.footer {
    position: relative;
    padding-bottom: 2vw;
}

.footer .bg {
    position: absolute;
    inset: 0;
}

.footer .legal {
    margin-top: 3vw;
}

.footer .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer-wrap {
    position: relative;
    z-index: 2;
}

@media (max-width: 1023.98px) {
    .footer {
        padding-bottom: 4vw;
    }

    .footer-wrap {
        top: 4vw;
    }

    .footer .legal {
        padding-bottom: 4vw;
        margin-top: 5vw;
        padding-inline: 10%;
    }

    .footer .bg img {
        height: 100%;
    }
}

/* #Footer Apps
================================================== */
.footer .apps .container {
    position: relative;
    width: 80%;
    color: white;
}

.footer .apps .img img {
    width: 100%;
    height: auto;
}

.footer .apps .text {
    position: absolute;
    bottom: 5.5vw;
    left: 9.37vw;
}

.footer .apps .app-icons ul {
    justify-content: flex-start;
    margin-top: 2vw;
}

.footer .apps .header-play-btn {
    background-image: var(--header-play-button);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0.95vw;
    height: 4.73vw;
    width: 13.64vw;
    position: relative;
    overflow: hidden;
    filter: brightness(100%);
}

.footer .apps #header-play-btn-link {
    display: block;
    height: 100%;
    width: 100%;
}

.footer .apps .header-play-btn .hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 1023.98px) {
    .footer .apps .container {
        width: 92%;
    }

    .footer .apps .text {
        position: absolute;
        bottom: 10vw;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        width: 100%;
    }

    .footer .apps .app-icons ul {
        justify-content: center;
        margin-top: 4.93vw;
    }

    .footer .apps .header-play-btn {
        margin-left: auto;
        margin-right: auto;
        margin-top: 2.95vw;
        height: 12.73vw;
        width: 35.64vw;
    }
}

/* #Footer Main
================================================== */
.footer-main {
    margin-top: 5vw;
    color: white;
}

.footer-main .container {
    width: 80%;
}

/* Top */
.footer-main .top {
    display: flex;
    align-items: center;
    padding-bottom: 1.3vw;
    border-bottom: 1px solid rgba(255, 255, 255, 0.43);
}

.footer-logo {
    margin-right: 3vw;
}

.footer-logo img {
    width: 18vw;
}

.footer-links {
    margin-right: auto;
}

.footer-links ul {
    display: flex;
    align-items: center;
}

.footer-links a {
    white-space: nowrap;
}

.footer-links ul li:not(:last-child) {
    margin-right: 1.5vw;
}

/* Middle */
.footer-main .middle {
    padding-top: 1.3vw;
    padding-bottom: 1.3vw;
    border-bottom: 1px solid rgba(255, 255, 255, 0.43);
    display: flex;
    align-items: center;
}

.footer-main .logos-1 {
    margin-left: auto;
    display: flex;
}

.footer-main .logos-1 img {
    height: 3.125vw;
}

.footer-main .logos-1 a:not(:last-child) {
    margin-right: 1vw;
}

.footer-main .logos-2 {
    margin-left: 3.9vw;
    display: flex;
}

.footer-main .logos-2 img {
    height: 3.125vw;
}

.footer-main .logos-2 a:not(:last-child) {
    margin-right: 1vw;
}

/* Bottom */
.footer-main .bottom {
    display: flex;
    align-items: center;
    padding-top: 1.3vw;
}

.footer-main .bottom p {
    margin-left: auto;
}

.footer-main .bottom a:not(:last-of-type) {
    margin-right: 1.9vw;
}

@media (max-width: 1023.98px) {
    .footer-main {
        margin-top: 9vw;
    }

    .footer-main .container {
        width: 100%;
    }

    /* Top */
    .footer-main .top {
        display: flex;
        flex-direction: column;
        padding-bottom: 4.66vw;
    }

    .footer-logo {
        margin-right: 0;
        margin-bottom: 6.5vw;
        order: -2;
    }

    .footer-logo img {
        width: 63.2vw;
        margin: 0 auto;
    }

    .footer-links {
        margin-right: auto;
    }

    .footer-links ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-bottom: -3.33vw;
    }

    .footer-links ul li:not(:last-child),
    .footer-links ul li:last-child {
        margin-right: 0;
        margin-left: 0;
        flex: 0 0 35vw;
        margin-bottom: 3.33vw;
    }

    .footer-links ul li:nth-child(3) {
        order: 1;
    }

    .footer-main .top .app-icons {
        margin-top: 6.65vw;
    }

    .footer-main .header-social {
        display: flex;
        justify-content: center;
        width: 100%;
        order: -1;
        margin-bottom: 8vw;
    }

    .footer-main .header-social ul li:not(:last-child) {
        margin-right: 8vw;
    }

    .footer-main .header-social svg {
        width: 6.4vw;
        height: 6.4vw;
    }

    /* Middle */
    .footer-main .middle {
        padding-top: 1.8vw;
        padding-bottom: 1.8vw;
        padding-left: 4vw;
        padding-right: 4vw;
        justify-content: space-between;
    }

    .footer-main .logos-1 {
        margin-left: 0;
        display: flex;
        align-items: center;
    }

    .footer-main .middle .app-icons {
        display: none;
    }

    .footer-main .logos-1 img {
        height: 8.66vw;
    }

    .footer-main .logos-1 a:last-child img {
        height: 14vw;
    }

    .footer-main .logos-1 a:not(:last-child) {
        margin-right: 2vw;
    }

    .footer-main .logos-2 {
        margin-left: 3.9vw;
        display: flex;
    }

    .footer-main .logos-2 img {
        height: 8.66vw;
    }

    .footer-main .logos-2 a:not(:last-child) {
        margin-right: 2vw;
    }

    /* Bottom */
    .footer-main .bottom {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        padding-top: 4vw;
        text-align: center;
    }

    .footer-main .bottom p {
        margin-left: 0;
        margin-top: 8vw;
    }

    .footer-main .bottom a:not(:last-of-type) {
        margin-right: 11.6vw;
    }
}

/* #Floating Animation
================================================== */
@keyframes floating-animation {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(-20px);
    }

    100% {
        transform: translatey(0px);
    }
}

/* #Error
================================================== */
.error {
    position: relative;
}

.error .img img {
    width: 100%;
}

.error .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.error h1 {
    margin: 1.5vw 0 1.3vw 0;
    line-height: 1;
}

.error p {
    margin-bottom: 1.8vw;
}

.error .text img {
    width: 41.51vw;
    margin: 0 auto;
}

@media (max-width: 1023.98px) {
    .error {
        position: relative;
        background-color: #e3f7fd;
        min-height: 100vh;
        display: flex;
    }

    .error .img {
        margin-top: auto;
    }

    .error .text {
        top: 26.66vw;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
    }

    .error h1 {
        margin: 8vw 0 4.66vw 0;
    }

    .error p {
        margin-bottom: 8vw;
    }

    .error .text img {
        width: 86.66vw;
        margin: 0 auto;
    }
}

/* #Error 404
================================================== */
.error-page-not-found {
    background-image: var(--error-404-background-desktop);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    width: 100%;
    position: relative;
}

.error-page-not-found .img img {
    width: 100%;
}

.error-page-not-found .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.error-page-not-found h1 {
    margin: 1.5vw 0 1.3vw 0;
    line-height: 1;
}

.error-page-not-found p {
    margin-bottom: 1.8vw;
}

.error-page-not-found .text img {
    height: auto;
    width: 41.51vw;
    margin: 0 auto;
}

@media (max-width: 1023.98px) {
    .error-page-not-found {
        background-image: var(--error-404-background-mobile);
        position: relative;
        background-color: #e3f7fd;
        min-height: 100vh;
        display: flex;
    }

    .error-page-not-found .img {
        margin-top: auto;
    }

    .error-page-not-found .text {
        top: 26.66vw;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
    }

    .error-page-not-found h1 {
        margin: 8vw 0 4.66vw 0;
    }

    .error-page-not-found p {
        margin-bottom: 8vw;
    }

    .error-page-not-found .text img {
        width: 86.66vw;
        margin: 0 auto;
    }
}

/* #Banner 2
================================================== */
.banner-2 {
    position: relative;
}

.banner-2 .img img {
    width: 100%;
    height: 31.25vw;
    object-fit: cover;
    object-position: center;
}

.banner-2 .text {
    color: white;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10vw;
}

.banner-2 .text h1 {
    line-height: 1.13;
}

@media (max-width: 1023.98px) {
    .banner-2 .img img {
        height: 100vw;
    }

    .banner-2 .text {
        text-align: center;
        top: 18vw;
        transform: translateX(-50%);
        left: 50%;
        width: 90%;
    }
}

/* #Blog
================================================== */
.blog {
    position: relative;
    margin-bottom: -1px;
    z-index: 1;
    padding-top: 2.6vw;
}

.blog .container {
    width: 80%;
    margin-bottom: -35.93vw;
    position: relative;
    z-index: 1;
}

.blog .tab-navigation {
    margin-bottom: 1.8vw;
}

.blog .tab-navigation ul {
    display: flex;
    align-items: center;
}

.blog .post-category:not(:last-child) {
    margin-right: 2.34vw;
}

.blog .post-category {
    border-bottom: 2px solid transparent;
    transition: all 0.4s ease-out;
}

.blog .post-category button {
    background-color: transparent;
    border: 0;
}

.blog .post-category.active {
    color: #0086ff;
    border-color: #0086ff;
}

.blog-cards {
    display: flex;
    flex-wrap: wrap;
    margin: -1vw -0.78vw;
    min-height: 35vw;
}

.blog-cards li {
    flex: 0 0 33.33333%;
    padding: 1vw 0.78vw;
}

/* Bg */
.blog .bg {
    position: relative;
}

.blog .bg img {
    width: 100%;
}

.blog .bg .card img {
    width: 10.67vw;
    position: absolute;
    bottom: -4vw;
    left: 4.2vw;
}

@media (max-width: 1023.98px) {
    .blog {
        padding-top: 6.65vw;
    }

    .blog .container {
        width: 92%;
        margin-bottom: -60vw;
    }

    .blog .tab-navigation {
        margin-bottom: 7.33vw;
    }

    .blog .tab-navigation ul {
        justify-content: center;
    }

    .blog .post-category:not(:last-child) {
        margin-right: 6.65vw;
    }

    .blog-cards {
        display: block;
        margin: 0;
    }

    .blog-cards li {
        padding: 0;
    }

    .blog-cards li:not(:last-child) {
        margin-bottom: 4.66vw;
    }

    /* Bg */
    .blog .bg img {
        width: 100%;
    }

    .blog .bg .card img {
        display: none;
    }
}

/* #Blog Card
================================================== */
.blog-card {
    position: relative;
    border-radius: 1vw;
    overflow: hidden;
}

.blog-card .img {
    position: relative;
}

.blog-card .img::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8.33vw;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.678), transparent);
}

.blog-card .img img {
    width: 100%;
    height: 20.3vw;
    object-fit: cover;
    object-position: center;
}

.blog-card .text {
    position: absolute;
    top: 14.5vw;
    left: 0;
    width: 100%;
    color: white;
    padding: 0 4.678vw 1vw 1.8vw;
}

.blog-card .text h3 {
    line-height: 1.33;
    margin-top: 0.25vw;
}

@media (max-width: 1023.98px) {
    .blog-card {
        border-radius: 2.66vw;
    }

    .blog-card .img::after {
        height: 31.46vw;
    }

    .blog-card .img img {
        height: 73.33vw;
    }

    .blog-card .text {
        top: 49.33vw;
        padding: 0 4.66vw 4vw 4.66vw;
    }

    .blog-card .text h3 {
        margin-top: 2vw;
    }
}

/* #Blog Post Page
================================================== */
.single-post {
    background-image: linear-gradient(to bottom, white, #99e0fc);
}

/* #Blog Post Slider
================================================== */
.blog-post-slider {
    position: relative;
    z-index: 1;
}

.blog-post-slider .container {
    width: 80%;
}

.blog-post-slider h2 {
    text-align: center;
    margin-bottom: 3.125vw;
    line-height: 1;
}

.blog-post-slider .swiper {
    margin: -1vw -0.78vw;
}

.blog-post-slider .swiper-slide {
    padding: 1vw 0.78vw;
}

@media (max-width: 1023.98px) {
    .blog-post-slider {
        overflow: hidden;
    }

    .blog-post-slider .container {
        width: 100%;
        padding-left: 4vw;
    }

    .blog-post-slider h2 {
        text-align: left;
        margin-bottom: 6vw;
    }

    .blog-post-slider .swiper {
        margin: 0;
        overflow: visible;
    }

    .blog-post-slider .swiper-slide {
        padding: 0;
        padding-right: 4vw;
    }
}

/* #Blog Post Bg
================================================== */
.blog-post-bg {
    margin-top: -32.65vw;
    position: relative;
}

.blog-post-bg img {
    width: 100%;
    margin-bottom: -1px;
}

.blog-post-bg .cards img:nth-child(1) {
    width: 9.27vw;
    position: absolute;
    bottom: -2vw;
    left: 1vw;
}

.blog-post-bg .cards img:nth-child(2) {
    width: 6.875vw;
    position: absolute;
    bottom: 5vw;
    left: 38vw;
}

.blog-post-bg .cards img:nth-child(3) {
    width: 10.2vw;
    position: absolute;
    bottom: -2.5vw;
    right: 3.6vw;
}

@media (max-width: 1023.98px) {
    .blog-post-bg {
        margin-top: -57.6vw;
    }

    .blog-post-bg img {
        margin-bottom: 0;
    }

    .blog-post-bg .cards {
        display: none;
    }
}

/* #Blog Post
================================================== */
.blog-post {
    position: relative;
    z-index: 1;
    padding: 6.5vw 0 5.2vw 0;

    /*background-image: url('https://preprod-solitairegrandharvest.playtika.com/wp-content/themes/grand-harvest-theme/assets/img/blog-post/clouds.svg');
    background-size: 100% auto;
    background-position: 0 43vw;
    background-repeat: no-repeat;*/
}

.blog-post .content .table-wrapper {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    width: 100%;
    overflow-x: auto;
}

.blog-post .heading h1 {
    color: #303030;
}

.blog-post .content {
    overflow: hidden;
}

.blog-post .content table {
    width: 100%;
    border: 1px solid #303030;
    border-collapse: collapse;
    overflow: auto;
}

.blog-post .content table thead tr td:not(:last-child) {
    border-inline-end: 1px solid #303030;
}

.blog-post .content table td {
    padding-inline: 0.5em;
    padding-block: 0.2em;
}

.blog-post .content table tr:first-child {
    font-weight: 700;
}

.blog-post .content table tr:first-child td {
    border-bottom: 1px solid #303030;
}

.blog-post .content table tr td:first-child {
    border-inline-end: 1px solid #303030;
    width: 200px;
}

.blog-post .content table tr:first-child td:not(:last-child) {
    border-inline-end: 1px solid #303030;
}

.blog-post .content {
    color: #303030;
    font-weight: 400;
    padding-top: 1em;
    padding-bottom: 30vw;
}

.blog-post .content a {
    color: #0086ff;
    text-decoration: underline;
}

.blog-post .content strong {
    font-weight: 700;
}

.blog-post .content a:hover {
    text-decoration: none;
}

.blog-post .content ul,
.blog-post .content ol {
    margin-block: 1em !important;
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.blog-post .content p:not(:last-child) {
    margin-bottom: 1em;
}

.blog-post .content ol,
.blog-post .content ul {
    margin: 1.5em 0;
    padding-left: 2.15em;
}

.blog-post .content ul {
    list-style-type: disc;
}

.blog-post .content ol:last-child,
.blog-post .content ul:last-child {
    margin-bottom: 0;
}

.blog-post .content p + ul,
.blog-post .content p + ol {
    margin-top: -1em;
}

.blog-post .container {
    width: 62.5%;
}

.blog-post .body {
    padding: 0 8vw;
    padding-top: 1.5vw;
}

.blog-post-img img {
    width: 100%;
    border-radius: 1vw;
    margin-bottom: 0.78vw;
    object-fit: cover;
}

.blog-post .heading {
    border-bottom: 1px solid #848484;
    padding-bottom: 1.8vw;
    margin-bottom: 0.6vw;
}

.blog-post .share {
    display: flex;
    align-items: center;
}

.blog-post .share img {
    width: 2.34vw;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(255, 255, 255, 0.16);
    margin-right: 1.1vw;
}

.blog-post .heading p {
    margin: 1vw 0 1.8vw 0;
}

.blog-post .content img {
    width: 100%;
    border-radius: 1vw;
    margin: 2vw 0;
}

.blog-post .content p,
.blog-post .content li {
    font-size: 1.04vw;
    line-height: 1.6;
}

.blog-post .content h3 {
    color: #0086ff;
    font-size: 2vw;
    margin-bottom: 1vw;
    font-family: "mikado", sans-serif;
}

.blog-post .content blockquote {
    font-size: 1.25vw;
    font-weight: 600;
    margin: 2.6vw 0;
    position: relative;
    line-height: 1.6;
}

.blog-post .content blockquote p {
    padding-left: 1vw;
    position: relative;
}

.blog-post .content blockquote p::after,
.blog-post .content blockquote p::before {
    content: '"';
    font-size: inherit;
    font-weight: inherit;
    display: inline-block;
}

.blog-post .content blockquote p::before {
    position: absolute;
    top: 0;
    left: 0;
}

.blog-post .content blockquote p::after {
    margin-left: 0.5vw;
    transform: translateY(50%);
}

.breadcrumbs {
    display: flex;
    align-items: center;
}

.breadcrumbs li:not(:last-child) {
    margin-right: 0.5em;
}

.breadcrumbs li:not(:last-child)::after {
    content: "|";
    margin-left: 0.5em;
}

.breadcrumbs li a {
    transition: 0.3s;
}

.breadcrumbs li a:hover {
    color: #000;
}

@media (max-width: 1023.98px) {
    .blog-post .content {
        padding-bottom: 47vw;
    }

    .blog-post {
        padding: 17.33vw 0 9.33vw 0;

        background-image: url("https://preprod-solitairegrandharvest.playtika.com/wp-content/themes/grand-harvest-theme/assets/img/blog-post/clouds.svg");
        background-size: 120% auto;
        background-position: center;
        background-repeat: no-repeat;
    }

    .blog-post .container {
        width: 92%;
    }

    .blog-post .body {
        padding: 0;
        padding-top: 6.65vw;
    }

    .blog-post-img img {
        width: 100%;
        border-radius: 2.66vw;
        margin-bottom: 0;
        height: 69.33vw;
        object-fit: cover;
        object-position: center;
    }

    .blog-post .heading {
        padding-bottom: 0;
        margin-bottom: 8vw;
        border: none;
    }

    .blog-post .share img {
        width: 10.4vw;
        margin-right: 4vw;
    }

    .blog-post .heading p {
        margin: 3vw 0;
    }

    .blog-post .content img {
        width: 100%;
        border-radius: 2.66vw;
        margin: 5.33vw 0 8vw 0;
    }

    .blog-post .content p,
    .blog-post .content a,
    .blog-post .content li {
        font-size: 4vw;
        line-height: 1.6;
    }

    .blog-post .content h3 {
        font-size: 5.6vw;
        margin-bottom: 3vw;
    }

    .blog-post .content blockquote {
        font-size: 4vw;
        margin: 6.65vw 0 5.33vw 0;
        padding-left: 3vw;
    }

    .blog-post .content blockquote p::after {
        margin-left: 2vw;
    }
}

/* #Free Coins Page
================================================== */
.page-template-page-free-credits,
.page-template-page-how,
.page-template-page-personal {
    background-image: linear-gradient(to bottom, white 30vw, #99e0fc);
}

@media (max-width: 1023.98px) {
    .page-template-page-free-credits,
    .page-template-page-how,
    .page-template-page-personal {
        background-image: linear-gradient(to bottom, white 50vw, #99e0fc);
    }
}

/* #Free Coins
================================================== */
.free-coins {
    position: relative;
    padding: 2.6vw 0 0 0;
    position: relative;
    z-index: 2;
}

.free-coins .container {
    width: 80%;
}

/* Heading */
.free-coins .heading {
    text-align: center;
    margin-bottom: 3.8vw;
}

/* Text Bottom */
.free-coins .text-bottom {
    width: 56vw;
    margin: 0 auto;
}

.free-coins .text-bottom h2 {
    margin-bottom: 1.3vw;
    line-height: 1;
}

/* Cards */
.free-coins .cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -1vw;
    margin-bottom: 5.5vw;
}

.free-coins .cards li {
    flex: 0 0 33.333333%;
    padding: 1vw;
}

.free-coins .card {
    background-color: #f1ffff;
    height: 100%;
    text-align: center;
    padding: 1.5vw;
    box-shadow: 0 -5px 55px #7ecfe883;
    border-radius: 1vw;
    min-height: 20vw;
}

.free-coins .card img {
    margin: 0 auto;
    height: 7.3vw;
    width: 10.9vw;
    object-fit: contain;
    object-position: center;
    margin-bottom: 0.78vw;
}

.free-coins .card h3 {
    margin-bottom: 0.78vw;
    line-height: 1;
}

/* Bg */
.free-coins .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.free-coins .bg > img {
    width: 100%;
}

.free-coins .coins img {
    position: absolute;
}

.free-coins .coins img:nth-child(1) {
    width: 3vw;
    top: 2vw;
    left: 12vw;
}

.free-coins .coins img:nth-child(2) {
    width: 1.98vw;
    top: 6vw;
    left: 3vw;
}

.free-coins .coins img:nth-child(3) {
    width: 4vw;
    top: 11vw;
    left: 13vw;
}

.free-coins .coins img:nth-child(4) {
    width: 3.7vw;
    top: 18vw;
    left: 4vw;
}

.free-coins .coins img:nth-child(5) {
    width: 3.28vw;
    top: 33vw;
    left: 2vw;
}

.free-coins .coins img:nth-child(6) {
    width: 3.9vw;
    top: 57vw;
    left: 4vw;
}

.free-coins .coins img:nth-child(7) {
    width: 1.6vw;
    top: 61vw;
    left: 3vw;
}

.free-coins .coins img:nth-child(8) {
    width: 1.97vw;
    top: 2vw;
    right: 10vw;
}

.free-coins .coins img:nth-child(9) {
    width: 2.18vw;
    top: 9vw;
    right: 5vw;
}

.free-coins .coins img:nth-child(10) {
    width: 2.91vw;
    top: 12vw;
    right: 18vw;
}

.free-coins .coins img:nth-child(11) {
    width: 1.61vw;
    top: 18vw;
    right: 3vw;
}

.free-coins .coins img:nth-child(12) {
    width: 3.9vw;
    top: 42vw;
    right: 2vw;
}

@media (min-width: 1024px) {
    .free-coins::after {
        content: "";
        position: absolute;
        top: 37%;
        transform: translateY(-50%);
        left: 0;
        width: 100%;
        height: 33.85vw;
        background-image: url("https://preprod-solitairegrandharvest.playtika.com/wp-content/themes/grand-harvest-theme/assets/img/free-coins/clouds.png");
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center;
        z-index: -1;
    }
}

@media (max-width: 1023.98px) {
    .free-coins {
        padding: 6.65vw 0 0 0;

        background-image: none;
    }

    .free-coins .container {
        width: 92%;
    }

    /* Heading */
    .free-coins .heading {
        margin-bottom: 15.33vw;
        line-height: 1.66;
    }

    .free-coins .heading p {
        margin-bottom: 6.65vw;
    }

    .free-coins .heading br {
        display: none;
    }

    /* Text Bottom */
    .free-coins .text-bottom {
        width: 100%;
    }

    .free-coins .text-bottom h2 {
        margin-bottom: 3.33vw;
        line-height: 1.27;
        padding: 0 7vw;
    }

    .free-coins .text-bottom p {
        line-height: 1.66;
    }

    /* Cards */
    .free-coins .cards {
        display: block;
        margin: 0;
        margin-bottom: 13.33vw;
    }

    .free-coins .cards li {
        padding: 0;
    }

    .free-coins .cards li:not(:last-child) {
        margin-bottom: 4vw;
    }

    .free-coins .card {
        padding: 8vw 5.33vw 5.33vw 5.33vw;
        border-radius: 2vw;
        min-height: 82vw;
    }

    .free-coins .card img {
        height: 32.66vw;
        width: 40vw;
        margin-bottom: 4vw;
    }

    .free-coins .card h3 {
        margin-bottom: 3vw;
    }

    /* Bg */
    .free-coins .bg {
        display: none;
    }
}

/* #Free Coins Bg
================================================== */
.free-coins-bg {
    position: relative;
}

.free-coins-bg img {
    width: 100%;
    margin-bottom: -1px;
    margin-top: -4.68vw;
}

.free-coins-bg .cards img:nth-child(1) {
    z-index: 1;
    width: 9.27vw;
    position: absolute;
    bottom: -2vw;
    left: 1vw;
}

.free-coins-bg .cards img:nth-child(2) {
    width: 6.875vw;
    position: absolute;
    bottom: 5vw;
    left: 38vw;
}

.free-coins-bg .cards img:nth-child(3) {
    z-index: 1;
    width: 10.2vw;
    position: absolute;
    bottom: -2.5vw;
    right: 3.6vw;
}

@media (max-width: 1023.98px) {
    .free-coins-bg img {
        width: 100%;
        margin-top: -26.66vw;
        margin-bottom: 0;
    }

    .free-coins-bg .cards {
        display: none;
    }
}

/* #How To Play Bg
================================================== */
.how-to-play-bg {
    position: relative;
}

.how-to-play-bg img {
    width: 100%;
    margin-top: -23vw;
    position: relative;
    z-index: 1;
}

.how-to-play-bg .cards img:nth-child(1) {
    width: 9.27vw;
    position: absolute;
    bottom: -2vw;
    left: 1vw;
}

.how-to-play-bg .cards img:nth-child(2) {
    width: 6.875vw;
    position: absolute;
    bottom: 5vw;
    left: 38vw;
}

.how-to-play-bg .cards img:nth-child(3) {
    width: 10.2vw;
    position: absolute;
    bottom: -2.5vw;
    right: 3.6vw;
}

@media (max-width: 1023.98px) {
    .how-to-play-bg img {
        width: 100%;
        margin-top: -53.33vw;
        margin-bottom: 0;
    }

    .how-to-play-bg .cards {
        display: none;
    }
}

/* #How To Play
================================================== */
@media (min-width: 1024px) {
    .page-template-page-how .free-coins .cards-heading {
        margin-top: 7.8vw;
        text-align: center;
        margin-bottom: 2.34vw;
    }

    .page-template-page-how .free-coins .cards-heading h2 {
        margin-bottom: 1.3vw;
        line-height: 1;
    }

    .page-template-page-how .free-coins .card img {
        height: 7.3vw;
        width: 10.9vw;
        margin-bottom: 1vw;
    }
}

@media (max-width: 1023.98px) {
    .page-template-page-how .free-coins .card img {
        height: 26vw;
        width: 47.6vw;
        margin-bottom: 8vw;
    }

    .page-template-page-how .free-coins .cards-heading h2 {
        margin-bottom: 3.33vw;
        line-height: 1;
    }

    .page-template-page-how .free-coins .cards-heading {
        margin-top: 16.66vw;
        text-align: center;
        margin-bottom: 10vw;
    }
}

/* #Media Boxes
================================================== */
.media-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.media-box .img {
    flex: 0 0 37.34vw;
}

.media-box .img img {
    width: 100%;
}

.media-box .text {
    flex: 0 0 34.5vw;
    padding: 0 2.6vw;
}

.media-box .text h2 {
    line-height: 1.27;
    margin-bottom: 1.3vw;
}

.media-box .text p {
    line-height: 1.5;
    width: 34.5vw;
}

@media (min-width: 1024px) {
    .media-box.alt {
        flex-direction: row-reverse;
    }
}

@media (max-width: 1023.98px) {
    .media-box {
        display: flex;
        flex-direction: column-reverse;
        text-align: center;
    }

    .media-box .img {
        flex: 0;
    }

    .media-box .text {
        flex: 0;
        padding: 0;
        margin-bottom: 8vw;
    }

    .media-box .text h2 {
        line-height: 1.27;
        margin-bottom: 4vw;
    }

    .media-box .text p {
        line-height: 1.5;
        width: 100%;
    }
}


.content-box,
.content-box .content {
    margin-top: 4vw;
    padding: 0;
}

/* #Personal Growth
================================================== */
.personal-growth {
    position: relative;
    padding-top: 1vw;
    z-index: 2;
}

.personal-growth .container {
    padding: 0 10%;
}

/* Text Bottom */
.personal-growth .text-bottom {
    text-align: center;
    margin-top: 9.11vw;
}

.personal-growth .text-bottom p {
    margin-top: 0.6vw;
    margin-bottom: 1.9vw;
}

/* Big Img */
.personal-growth .big-img {
    position: relative;
    margin: 6vw 0 5.7vw 0;
}

.personal-growth .big-img .text {
    width: 45.83vw;
    margin: 0 auto;
    margin-bottom: -23vw;
    position: relative;
    z-index: 3;
}

.personal-growth .big-img .text h2 {
    margin-bottom: 1.3vw;
}

.personal-growth .big-img .text p {
    line-height: 1.6;
}

.personal-growth .big-img .img {
    height: 57.3vw;
}

.personal-growth .big-img .img img {
    width: 100%;
    pointer-events: none;
    user-select: none;
}

.personal-growth .big-img .dog img {
    width: 100%;
    position: absolute;
    top: -8vw;
    left: 0;
    z-index: 1;
}

.personal-growth .big-img .clouds img {
    width: 100%;
    position: absolute;
    top: 19vw;
    left: 0;
}

.personal-growth .big-img .fruit img {
    width: 20.2vw;
    position: absolute;
    right: 0;
    top: 24vw;
}

.personal-growth .big-img .cards img:nth-child(1) {
    width: 8.28vw;
    position: absolute;
    top: 29vw;
    left: 7vw;
}

.personal-growth .big-img .cards img:nth-child(2) {
    width: 14.5vw;
    position: absolute;
    top: 39vw;
    left: 5vw;
}

.personal-growth .big-img .cards img:nth-child(3) {
    width: 4vw;
    position: absolute;
    top: -4vw;
    right: 10vw;
}

.personal-growth .big-img .cards img:nth-child(4) {
    width: 11.45vw;
    position: absolute;
    top: -2vw;
    right: 12vw;
}

.personal-growth .big-img .cards img:nth-child(5) {
    width: 13.5vw;
    position: absolute;
    right: 11vw;
    bottom: 2vw;
}

/* Clouds Bg */
.personal-growth .clouds-bg {
    background-image: url("https://preprod-solitairegrandharvest.playtika.com/wp-content/themes/grand-harvest-theme/assets/img/personal-growth/clouds.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 57.3vw auto;
}

@media (max-width: 1023.98px) {
    .personal-growth {
        padding-top: 6vw;
    }

    .personal-growth .container {
        padding: 0 4%;
    }

    /* Text Bottom */
    .personal-growth .text-bottom {
        margin-top: 19vw;
    }

    .personal-growth .text-bottom h2 {
        margin: 0 auto;
        width: 75%;
        line-height: 1.27;
    }

    .personal-growth .text-bottom p {
        margin-top: 2vw;
        margin-bottom: 6vw;
    }

    /* Big Img */
    .personal-growth .big-img {
        margin: 16vw 0;
    }

    .personal-growth .big-img .text {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 0;
        text-align: center;
    }

    .personal-growth .big-img .text h2 {
        line-height: 1;
        margin-bottom: 4vw;
    }

    .personal-growth .big-img .text p {
        line-height: 1.6;
    }

    .personal-growth .big-img .img img {
        width: 100%;
    }

    .personal-growth .big-img .img {
        height: 64.53vw;
        position: relative;
    }

    .personal-growth .big-img .img img {
        width: 100%;
    }

    .personal-growth .big-img .dog img {
        top: 5vw;
    }

    .personal-growth .big-img .clouds img {
        top: 0;
        left: 0;
    }

    /* Clouds Bg */
    .personal-growth .clouds-bg {
        background-image: url("https://preprod-solitairegrandharvest.playtika.com/wp-content/themes/grand-harvest-theme/assets/img/personal-growth/clouds.png");
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 100% auto;
    }
}

/* #Personal Growth Bg
================================================== */
.personal-growth-bg {
    position: relative;
}

.personal-growth-bg img {
    width: 100%;
    margin-top: -5.7vw;
    margin-bottom: -1px;
    position: relative;
    z-index: 1;
}

.personal-growth-bg .cards img:nth-child(1) {
    width: 9.27vw;
    position: absolute;
    bottom: -2vw;
    left: 1vw;
}

.personal-growth-bg .cards img:nth-child(2) {
    width: 10.2vw;
    position: absolute;
    bottom: -2.5vw;
    right: 3.6vw;
}

.personal-growth-bg .dog img {
    position: absolute;
    bottom: -8vw;
    right: 0;
    width: 57vw;
}

@media (max-width: 1023.98px) {
    .personal-growth-bg img {
        margin-top: 5.33vw;
        margin-bottom: 0;
    }

    .personal-growth-bg .cards {
        display: none;
    }

    .personal-growth-bg .dog img {
        position: absolute;
        bottom: -30vw;
        right: 0;
        width: 100%;
        height: 80vw;
        object-fit: cover;
        object-position: center;
    }
}

/* #How To Play Media Box
================================================== */
.page-template-page-how .media-box .img {
    position: relative;
}

.page-template-page-how .media-box .img-coins img {
    width: 3.9vw;
    position: absolute;
    bottom: 4.16vw;
    left: 6.5vw;
}

.page-template-page-how .media-box .img-cards img:nth-child(1) {
    width: 6vw;
    position: absolute;
    bottom: 4vw;
    left: 10vw;
}

.page-template-page-how .media-box .img-cards img:nth-child(2) {
    width: 8.38vw;
    position: absolute;
    top: 3vw;
    right: 13vw;
}

@media (max-width: 1023.98px) {
    .page-template-page-how .media-box .img-coins img {
        width: 10vw;
        bottom: 4.16vw;
        left: 12vw;
    }

    .page-template-page-how .media-box .img-cards img:nth-child(1) {
        width: 18vw;
        bottom: 6vw;
        left: 20vw;
    }

    .page-template-page-how .media-box .img-cards img:nth-child(2) {
        width: 22.66vw;
        top: 3vw;
        right: 26vw;
    }
}

/* #Personal Growth Media Box Img
================================================== */
.personal-growth .media-box:not(.alt) .img {
    position: relative;
}

.personal-growth .media-box:not(.alt) .img .elements img {
    position: absolute;
}

.personal-growth .media-box:not(.alt) .img .elements img:nth-child(1) {
    width: 9.3vw;
    left: 0;
    top: 9vw;
}

.personal-growth .media-box:not(.alt) .img .elements img:nth-child(2) {
    width: 11.5vw;
    right: 0;
    top: 19vw;
}

.personal-growth .media-box:not(.alt) .img .elements img:nth-child(3) {
    width: 33.85vw;
    bottom: 0;
    left: 1vw;
}

@media (max-width: 1023.98px) {
    .personal-growth .media-box:not(.alt) .img .elements img:nth-child(1) {
        width: 22.66vw;
        left: 0;
        top: 20vw;
    }

    .personal-growth .media-box:not(.alt) .img .elements img:nth-child(2) {
        width: 28vw;
        right: 0;
        top: 45vw;
    }

    .personal-growth .media-box:not(.alt) .img .elements img:nth-child(3) {
        width: 100%;
        bottom: 0;
        left: 0;
    }
}

/* #Personal Growth Media Box Img
================================================== */
.personal-growth .media-box.alt .img {
    position: relative;
}

.personal-growth .media-box.alt .img .elements img {
    position: absolute;
}

.personal-growth .media-box.alt .img .elements img:nth-child(1) {
    width: 9vw;
    top: 0;
    left: 1vw;
}

.personal-growth .media-box.alt .img .elements img:nth-child(2) {
    width: 2.91vw;
    top: 1vw;
    left: 15vw;
}

.personal-growth .media-box.alt .img .elements img:nth-child(3) {
    width: 3.7vw;
    top: -4vw;
    right: 5vw;
}

.personal-growth .media-box.alt .img .elements img:nth-child(4) {
    width: 1.5vw;
    top: 0;
    right: 0;
}

.personal-growth .media-box.alt .img .elements img:nth-child(5) {
    width: 33.7vw;
    left: 1vw;
    bottom: -1vw;
}

@media (max-width: 1023.98px) {
    .personal-growth .media-box.alt .img .elements img:nth-child(1) {
        width: 20vw;
    }

    .personal-growth .media-box.alt .img .elements img:nth-child(2) {
        width: 7.2vw;
        top: 2vw;
        left: 36vw;
    }

    .personal-growth .media-box.alt .img .elements img:nth-child(3) {
        width: 6.8vw;
        top: -7vw;
        right: 12vw;
    }

    .personal-growth .media-box.alt .img .elements img:nth-child(4) {
        width: 4vw;
    }

    .personal-growth .media-box.alt .img .elements img:nth-child(5) {
        width: 100%;
        bottom: 0;
        left: 0;
    }
}

/* #Free Credits Message
================================================== */
.free-credits-message-page {
    background-color: white;
}

.free-credits-message {
    position: relative;
}

.free-credits-message .img img {
    width: 100%;
    min-height: 100vh;
    height: auto;
    object-fit: cover;
}

.free-credits-message .text {
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 35%;
}

.free-credits-message h3 {
    margin: 0.7vw 0 1.5vw 0;
    line-height: 1;
}

.free-credits-message p {
    margin-bottom: 3.125vw;
}

@media (min-width: 1023.98px) {
    .content h2 {
        font-size: 36px;
    }

    .content h3 {
        font-size: 28px;
    }
}

@media (max-width: 1023.98px) {
    .content h2 {
        font-size: 32px;
    }

    .content h3 {
        font-size: 26px;
    }

    .free-credits-message {
        position: relative;
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }

    .free-credits-message .img {
        margin-top: auto;
    }

    .free-credits-message .text {
        top: 20vw;
        transform: translate(-50%, 0);
        width: 77%;
    }

    .free-credits-message h3 {
        margin: 2.66vw 0 4vw 0;
    }

    .free-credits-message p {
        margin-bottom: 5.33vw;
    }
}

.swiper-arrows button {
    border: none !important;
    background: transparent !important;
}

.editor-area p:not(:last-child) {
    margin-bottom: 1em;
}

.editor-area a {
    color: #0086ff;
    text-decoration: underline;
    font-weight: 600;
}

h1,
h2 {
    font-weight: 900;
}

.es-banner.landing {
    justify-content: center;
    align-items: center;
    min-height: 40vw;
}

.page-template-page-landing .header > .container {
    justify-content: center;
}

.es-banner.landing .editor-area {
    text-align: center;
    color: #000000;
}

.es-banner.landing .app-icons {
    margin-bottom: 24px;
}

.page-template-page-landing .es-banner__content {
    z-index: 10;
}

.page-template-page-landing .footer-main {
    margin: 0;
}

.es-banner.landing .es-banner__content h1 {
    text-align: center;
    font-size: 2.54706em;
    font-weight: 400;
}

.es-banner.landing .es-banner__content h1 span {
    font-size: 4.42708vw;
    font-weight: 700;
}

.es-banner.landing .app-icons .play-button {
    background-image: var(--banner-play-button-desktop);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    height: 5.92vw;
    width: 17.77vw;
    position: relative;
    overflow: hidden;
    filter: brightness(100%);
}

.es-banner.landing .app-icons .play-button span {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.no-js [data-aos] {
    opacity: 1 !important;
    transform: none !important;
}

.page-template-tpl-landing-page-one .apps,
.page-template-tpl-landing-page-two .apps,
.page-template-tpl-landing-page-three .apps,
.page-template-tpl-landing-page-four .apps,
.page-template-tpl-landing-page-one .header-links,
.page-template-tpl-landing-page-two .header-links,
.page-template-tpl-landing-page-three .header-links,
.page-template-tpl-landing-page-four .header-links,
.page-template-tpl-landing-page-one .header-social,
.page-template-tpl-landing-page-two .header-social,
.page-template-tpl-landing-page-three .header-social,
.page-template-tpl-landing-page-four .header-social,
.page-template-tpl-landing-page-one .header-play-btn,
.page-template-tpl-landing-page-two .header-play-btn,
.page-template-tpl-landing-page-three .header-play-btn,
.page-template-tpl-landing-page-four .header-play-btn,
.page-template-tpl-landing-page-one .footer-main .middle,
.page-template-tpl-landing-page-two .footer-main .middle,
.page-template-tpl-landing-page-three .footer-main .middle,
.page-template-tpl-landing-page-four .footer-main .middle,
.page-template-tpl-landing-page-one .footer-links,
.page-template-tpl-landing-page-two .footer-links,
.page-template-tpl-landing-page-three .footer-links,
.page-template-tpl-landing-page-four .footer-links,
.page-template-tpl-landing-page-two .header-logo,
.page-template-tpl-landing-page-three .header-logo {
    display: none;
}

.page-template-tpl-landing-page-one .header,
.page-template-tpl-landing-page-two .header,
.page-template-tpl-landing-page-three .header,
.page-template-tpl-landing-page-four .header {
    position: absolute;
}

.page-template-tpl-landing-page-one .header.header-scrolled,
.page-template-tpl-landing-page-two .header.header-scrolled,
.page-template-tpl-landing-page-three .header.header-scrolled,
.page-template-tpl-landing-page-four .header.header-scrolled {
    background-color: transparent;
}

@media screen and (min-width: 1024px) {
    html:has(body.page-template-tpl-landing-page-one),
    html:has(body.page-template-tpl-landing-page-two),
    html:has(body.page-template-tpl-landing-page-three),
    html:has(body.page-template-tpl-landing-page-four) {
        font-size: min(calc(100vw / 120), calc(100vh / 67.5));
    }
}


.page-template-tpl-landing-page-one .footer-main,
.page-template-tpl-landing-page-two .footer-main,
.page-template-tpl-landing-page-three .footer-main,
.page-template-tpl-landing-page-four .footer-main {
    margin: 0;
    padding: 4.6875rem 0;
}

.page-template-tpl-landing-page-two .footer,
.page-template-tpl-landing-page-one .footer,
.page-template-tpl-landing-page-three .footer,
.page-template-tpl-landing-page-four .footer {
    margin: 0;
    padding: 0;
}

.page-template-tpl-landing-page-one .background-video,
.page-template-tpl-landing-page-two .background-video,
.page-template-tpl-landing-page-three .background-video {
    height: 100vh;
}

.page-template-tpl-landing-page-four .background-video {
    height: 100vh;
}

.page-template-tpl-landing-page-one .background-video video,
.page-template-tpl-landing-page-two .background-video video,
.page-template-tpl-landing-page-three .background-video video,
.page-template-tpl-landing-page-four .background-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-template-tpl-landing-page-four .background-overlay {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.189) 0%, rgba(102, 102, 102, 0) 93.52%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-template-tpl-landing-page-one .landing-info-wrapper,
.page-template-tpl-landing-page-two .landing-info-wrapper,
.page-template-tpl-landing-page-three .landing-info-wrapper,
.page-template-tpl-landing-page-four .landing-info-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-130%, -50%);
    text-align: center;
    max-width: 35.625rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.page-template-tpl-landing-page-two .landing-info-wrapper {
    transform: translate(-90%, -50%);
    max-width: 55.625rem;
}

.page-template-tpl-landing-page-three .landing-info-wrapper {
    transform: translate(-115%, -50%);
    max-width: 50.1875rem;
}

.page-template-tpl-landing-page-two .landing-info-wrapper .logo a,
.page-template-tpl-landing-page-three .landing-info-wrapper .logo a {
    display: flex;
    justify-content: center;
}

.page-template-tpl-landing-page-four .landing-quote-wrapper {
    display: flex;
    justify-content: center;
    gap: 1.6875rem;
    margin-bottom: 0.625rem;
}

.page-template-tpl-landing-page-four .landing-quote {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    max-width: 22.5625rem;
    position: relative;
    isolation: isolate;
}

.page-template-tpl-landing-page-four .landing-quote::before {
    content: '';
    position: absolute;
    inset: -30px -40px 0px -40px;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    mask-image: radial-gradient(ellipse at center, black 20%, transparent 70%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 20%, transparent 70%);
    z-index: -1;
}

.page-template-tpl-landing-page-four .landing-quote:nth-child(2) {
    max-width: 17.6875rem;
}

.page-template-tpl-landing-page-four .landing-quote svg {
    flex-shrink: 0;
}

.page-template-tpl-landing-page-four .landing-quote h3 {
    font-family: "mikado", sans-serif;
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.5625rem;
    letter-spacing: 0;
    text-align: center;
    text-transform: capitalize;
    color: #123A74;
}

.page-template-tpl-landing-page-one .landing-info-wrapper h1 {
    margin-bottom: 0.625rem;
}

.page-template-tpl-landing-page-two .landing-info-wrapper h1 {
    font-family: "mikado", sans-serif;
    font-weight: 900;
    font-size: 4.375rem;
    line-height: 4.8125rem;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    color: white;
    -webkit-text-stroke: 0.25rem #1E4C90;
    text-shadow: 0 0.459375rem 0.520625rem #123A74;
}

.page-template-tpl-landing-page-three .landing-info-wrapper h1 {
    font-family: "mikado", sans-serif;
    font-weight: 900;
    font-size: 4.6875rem;
    line-height: 4.8125rem;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    color: white;
    -webkit-text-stroke: 0.25rem #1E4C90;
    text-shadow: 0 0.459375rem 0.520625rem #123A74;
    max-width: 40.625rem;
    margin-bottom: 1rem;
}

.page-template-tpl-landing-page-one .landing-info-wrapper h1 span {
    font-family: "mikado", sans-serif;
    font-weight: 900;
    font-size: 6.875rem;
    line-height: 9.53125rem;
    text-align: center;
    text-transform: uppercase;
    color: white;
    -webkit-text-stroke: 0.25rem #1E4C90;
    text-shadow: 0 0.459375rem 0.520625rem #123A74;
}

.page-template-tpl-landing-page-four .landing-info-wrapper h1 span {
    font-family: "mikado", sans-serif;
    font-weight: 900;
    font-size: 6.25rem;
    line-height: 5.03125rem;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    color: white;
    -webkit-text-stroke: 0.25rem #1E4C90;
    text-shadow: 0 0.459375rem 0.520625rem #123A74;
}

.page-template-tpl-landing-page-one .landing-info-wrapper h1 span:nth-child(2) {
    font-size: 4.1875rem;
    line-height: 0;
}

.page-template-tpl-landing-page-four .landing-info-wrapper h1 span:nth-child(2) {
    font-size: 8.189375rem;
    line-height: 8.84375rem;
}

.page-template-tpl-landing-page-one .landing-info-wrapper h2 {
    font-family: "mikado", sans-serif;
    font-weight: 900;
    font-size: 2.5rem;
    line-height: 1.9375rem;
    text-align: center;
    text-transform: uppercase;
    color: #1E4C90;
}

.page-template-tpl-landing-page-two .landing-info-wrapper h2 {
    font-family: "mikado", sans-serif;
    font-weight: 900;
    font-size: 2.5rem;
    line-height: 3.3125rem;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    -webkit-text-stroke: 0.125rem #1E4C90;
    text-shadow: 0 0.4375rem 0.4375rem #123A74;
}

.page-template-tpl-landing-page-three .landing-info-wrapper h2 {
    font-family: "mikado", sans-serif;
    font-weight: 900;
    font-size: 2.25rem;
    line-height: 2.6875rem;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    -webkit-text-stroke: 0.125rem #1E4C90;
    text-shadow: 0 0.4375rem 0.4375rem #123A74;
}

.page-template-tpl-landing-page-one .landing-info-wrapper .banner-play-btn {
    margin-top: 2rem;
}

.page-template-tpl-landing-page-two .landing-info-wrapper .banner-play-btn {
    margin-top: 0.75rem;
}

.page-template-tpl-landing-page-three .landing-info-wrapper .banner-play-btn {
    margin-top: 1.8125rem;
}

.page-template-tpl-landing-page-one .landing-info-wrapper h3 {
    font-family: "mikado", sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 3.3125rem;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0.0625rem 0.520625rem #123A74;
    margin-bottom: -1.375rem;
}

.page-template-tpl-landing-page-one .landing-info-wrapper .rating-subtitle {
    font-family: "mikado", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 3.3125rem;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    text-shadow: 0 0.0625rem 0.520625rem #123A74;
    margin-top: -1rem;
}

@media screen and (min-width: 1025px) {
    .es-banner.landing {
        padding: 8.59375vw 6.92708vw 2.08333vw;
    }
}

@media screen and (max-width: 1024px) {
    .page-template-page-landing .app-icons ul {
        justify-content: flex-start;
    }

    .page-template-page-landing .es-banner__image {
        top: 16.68318vw;
    }

    .page-template-page-landing .apps {
        display: none;
    }

    .es-banner.landing {
        height: 145vw;
        padding: 34.0618vw 3.77588vw 4.56323vw;
    }

    .es-banner.landing .es-banner__content h1 {
        text-align: start;
        max-width: 13.7662em;
        font-size: 4.85684vw;
        font-weight: 300;
        line-height: 1.15;
        text-transform: uppercase;
    }

    .es-banner.landing .es-banner__content h1 span {
        font-weight: 900;
        font-size: 7.15684vw;
    }

    .es-banner.landing .editor-area {
        text-align: start;
        max-width: 70.15228vw;
    }

    .es-banner.landing .editor-area p {
        font-size: 3.76323vw;
    }

    .es-banner.landing .app-icons {
        margin-bottom: 14px;
    }

    .es-banner.landing .app-icons .play-button {
        margin: 0;
        height: 17.09vw;
        width: 50.95vw;
    }

    .page-template-page-landing .header-logo {
        margin: 0;
    }

    .page-template-page-landing .es-banner__content {
        margin-bottom: 0;
    }
}