@media (max-width: 1760px) {
    .animantes-button-green {
        height: 6.5vw;
    }
    .animantes-button-green-4 {
        height: 3.2vw;
    }
    .animantes-button-green-3 {
        height: 4.6vw;
    }
    .animantes-button-green-5 {
        height: 3.2vw;
    }
    .animantes-button-green-6 {
        height: 3.2vw;
    }
    .animantes-button-green-8 {
        height: 5.2vw;
    }
    .animantes-button-green-2 {
        height: 6.7vw;
    }
    .prizes-container-button a {
        bottom: 36px;
    }
    .first-banner-persone {
        right: -70px;
    }
    .steps-container-card.steps-container-card-1 {
        max-width: 370px;
    }
    .steps-container-card--subtitle-3 {
        font-size: 36px;
    }
    .steps-container-card--subtitle-2 {
        font-size: 20px;
    }
    .steps-container-card--line-text {
        font-size: 2.099vw;
        top: 50px;
    }
}

@media (max-width: 1600px) {
    .first-banner-persone {
        right: -90px;
    }
    .rating-item-progress {
        width: calc(100% - 48px);
   }
    .first-banner-persone {
        max-width: 700px;
    }
    .first-banner-buttons .animantes-button-green-content {
        font-size: 18px;
    }
    .first-banner-buttons .animantes-button-green img {
        max-width: 56px;
    }
}

@media (max-width: 1400px) {
    .rating-item-username-progress--stat {
        width: 190px;
    }
    .first-banner-persone {
        max-width: 48%;
    }
    .first-banner-persone {
        right: -22px;
        bottom: -36px;
    }
    .animantes-button-green {
        height: 7vw;
    }
    .animantes-button-green-content {
        font-size: clamp(14px, 1.467vw, 32px);
    }
    .animantes-button-green-content img {
        max-width: 50px;
        margin-right: 8px;
    }
    .first-banner-title {
        font-size: 3.567vw;
    }
    .first-banner-text {
        padding-right: 48px;
    }
    .five-container .top-svg, .four-container .top-svg, .three-container .top-svg, .two-container .top-svg {
        top: -190px;
    }
    .rating-item-product img {
        max-width: 50px;
    }
    .total-users-text {
        font-size: 24px;
    }
    .total-users-count {
        font-size: 3vw;
    }
    .five-container .bottom-svg, .four-container .bottom-svg, .three-container .bottom-svg, .two-container .bottom-svg {
        bottom: -168px;
    }
    .rating-container-title {
        margin-bottom: 48px;
    }
    .steps-container-card--text {
        font-size: 18px;
    }
    .steps-container-card--title {
        font-size: 28px;
    }
    .animantes-button-green-3 .animantes-button-green-content {
        font-size: .8042vw;
        transform: translateY(-3px);
    }
    .animantes-button-green-3 .animantes-button-green-content img {
        width: 38px;
    }
    .prizes-container-button a {
        bottom: 30px;
    }
    .rating-item-username--name {
        font-size: 16px;
        line-height: 18px;
    }
    .steps-container-card.steps-container-card-2 {
        max-width: 674px;
    }
    .steps-container-card.steps-container-card-1 {
        max-width: 336px;
    }
    .steps-container-card--line {
        width: calc(100% + 110px);
        left: -50px;
    }
    .rules-card--text {
        font-size: 1.25vw;
        line-height: 130%;
    }
    .animantes-button-green-6 .animantes-button-green-content,
    .animantes-button-green-5 .animantes-button-green-content {
        transform: translateY(-5px);
    }
    .rules-container-card--title {
        font-size: 22px;
    }
    .rules-container-card--text {
        font-size: 14px;
    }
    .rules-container-card--text a {
        font-size: 18px;
    }
    .steps-container-card--line-text {
        font-size: 2vw;
        top: 62px;
    }
    .steps-container-card--subtitle--list .steps-container-card--subtitle {
        font-size: 22px;
    }
    .steps-container-card--subtitle {
        font-size: 22px;
    }
    footer {
        font-size: 14px;
    }
    .faq-container-item-container--title {
        font-size: 22px;
    }
    .faq-container-item-container--text {
        font-size: 16px;
    }
    .animantes-button-green-4 {
        height: 3.2vw;
    }
    .animantes-button-green-3 {
        height: 4.6vw;
    }
    .steps-container-card {
        padding: 48px 18px;
        padding-bottom: 32px;
    }
    .steps-container-card .steps-container-card--title {
        padding-top: 28px;
    }
    .animantes-button-green-5 {
        height: 3.2vw;
    }
    .animantes-button-green-6 {
        height: 3.2vw;
    }
    .animantes-button-green-8 {
        height: 5.2vw;
    }
    .animantes-button-green-2 {
        height: 6.7vw;
    }
    .first-banner-buttons {
        gap: 32px;
    }
    .rating-item-logo img {
        max-width: 60px;
    }
    .who-is-container-one-title,
    .rating-container-title,
    .steps-container-title,
    .prizes-container-title,
    .rules-container-title {
        margin-top: 120px;
    }
}

@media (max-width: 1280px) {
    .animantes-button-green {
        height: 6.5vw;
    }
    .first-banner-buttons .animantes-button-green-content {
        font-size: 15px;
    }
    .first-banner-buttons .animantes-button-green img {
        max-width: 40px;
    }
    .prizes-container-button a {
        bottom: 8px;
    }
    .steps-container-card.steps-container-card-1 {
        max-width: 294px;
    }
    .steps-container-card--line {
        width: calc(100% + 88px);
        left: -44px;
    }
    .steps-container-card--subtitle-3 {
        font-size: 30px;
    }
    .steps-container-card--subtitle-2 {
        font-size: 18px;
    }
}

@media (max-width: 1200px) {
    .modal-shop {
        max-height: 80%;
        overflow-y: auto;
    }
    .prizes-container-two .row.justify-content-center {
        flex-wrap: nowrap;
    }
    .steps-container-card.steps-container-card-1 img {
        max-width: 85%;
    }
    .steps-container-card.steps-container-card-2 img {
        max-width: 92%;
    }
    .steps-container-card.steps-container-card-2 {
        max-width: 624px;
    }
    .steps-container-card--line-text {
        top: 54px;
    }
    .animantes-button-green-2 .animantes-button-green-content {
        transform: translateY(-8px);
    }
    .animantes-button-green-4 .animantes-button-green-content {
        transform: translateY(-4px);
    }
    .animantes-button-green-6 .animantes-button-green-content, .animantes-button-green-5 .animantes-button-green-content {
        transform: translateY(-3px);
    }
    .steps-container-card--line {
        width: calc(100% + 140px);
        left: -70px;
    }
}

@media (max-width: 1024px) {
    .rules-container-img-md.rules-container-img-md-big.desktop-block {
        display: block;
    }
    .rules-container-img-md.rules-container-img-md-big.mobile-block {
        display: none;
    }
    .header a img {
        max-width: 60px;
    }
    .nav ul {
        gap: 34px;
    }
    .first-banner-persone {
        bottom: 15px;
    }
    .total-users-text {
        padding: 0 48px;
    }
    .total-users-count {
        white-space: nowrap;
    }
    .animantes-button-green-content img {
        max-width: 40px;
    }
    .animantes-button-green-content {
        transform: translateY(-5px);
    }
    .animantes-button-green-2 .animantes-button-green-content {
        transform: translateY(-7px);
    }
    .rating-container-text {
        font-size: 16px;
        line-height: 140%;
        margin-bottom: 48px;
    }
    .who-is-container-one-title,
    .rating-container-title,
    .steps-container-title,
    .prizes-container-title,
    .rules-container-title {
        margin-bottom: 48px;
    }
    .rating-container-title {
        margin-bottom: 12px;
    }
    .steps-container-card--text {
        font-size: 16px;
    }
    .steps-container-card--title {
        font-size: 18px;
    }
    .steps-container-card .steps-container-card--title {
        padding-top: 10px;
    }
    .steps-container-card--number img {
        width: 38px;
    }
    .steps-container-card--number {
        position: absolute;
        top: -21px;
        left: calc(50% - 19px);
    }
    .steps-container-title {
        margin-bottom: 44px;
    }
    .steps-container-card {
        padding: 26px 18px;
        padding-bottom: 32px;
    }
    .steps-container-card--subtitle {
        font-size: 15px;
    }
    .steps-container-card--subtitle--list .steps-container-card--subtitle {
        font-size: 15px;
    }
    .steps-container-card--subtitle--list .steps-container-card--subtitle span {
        font-size: 15px;
    }
    .steps-container-card--line img {
        max-width: 90%;
    }
    .steps-container-card--line-text {
        top: 64px;
    }
    .steps-container-card--subtitle--number {
        font-size: 12px;
        width: 28px;
        height: 28px;
        margin-right: 8px;
    }
    .steps-container-card--subtitle--list .steps-container-card--subtitle {
        margin-bottom: 18px;
    }
    .prizes-container-button a {
        bottom: 6px;
    }
    .animantes-button-green-4 .animantes-button-green-content {
        transform: translateY(-5px);
    }
    .rules-card--text {
        font-size: 2.25vw;
    }
    .animantes-button-green-6 .animantes-button-green-content, .animantes-button-green-5 .animantes-button-green-content {
        transform: translateY(-3px);
    }
    .rules-container-img-xl {
        display: none;
    }
    .rules-container-img-md {
        display: block;
    }
    .rules-container-img-md.rules-container-img-md-big {
        margin-top: 20px;
    }
    .steps-container-card--subtitle--list {
        margin-top: 20px;
    }
    .steps-container-card.steps-container-card-1 .steps-container-card--subtitle {
        margin-top: 20px;
    }
    .five-container .top-svg, .four-container .top-svg, .three-container .top-svg, .two-container .top-svg {
        top: -139px;
        height: 140px;
    }
    .five-container .bottom-svg, .four-container .bottom-svg, .three-container .bottom-svg, .two-container .bottom-svg {
        bottom: -139px;
        height: 140px;
    }
    .who-is-container-one-title, .rating-container-title, .steps-container-title, .prizes-container-title, .rules-container-title {
        margin-top: 100px;
    }
    .animantes-button-green-5 .animantes-button-green-content {
        width: 24vw;
        font-size: 1.5vw;
    }
    .animantes-button-green-5 {
        height: 5.2vw;
    }
    .animantes-button-green-6 {
        height: 5.2vw;
    }
    .animantes-button-green-6 .animantes-button-green-content {
        font-size: 1.5vw;
        width: 28.2vw;
    }
    .first-banner-text {
        font-size: 1.602vw;
        margin-bottom: 34px;
    }
    .nav ul li a {
        font-size: 1.602vw;
    }
    .first-banner {
        padding-top: 0;
    }
    .total-users-count {
        font-size: 5vw;
    }
    .animantes-button-green-3 .animantes-button-green-content {
        font-size: 1.6042vw;
        width: 22vw;
    }
    .animantes-button-green-3 {
        height: 6vw;
    }
    .steps-container-img {
        top: -26px;
    }
    .steps-container-card--subtitle-3 {
        font-size: 24px;
    }
    .steps-container-card--subtitle {
        font-size: 14px;
    }
    .steps-container-card--subtitle-2 {
        font-size: 14px;
    }
    .steps-container-card.steps-container-card-1 {
        max-width: 250px;
    }
    .steps-container-card--line {
        width: calc(100% + 114px);
        left: -57px;
        top: -114px;
    }
    .steps-container-card--line-text {
        top: 67px;
    }

}

@media (max-width: 992px) {
    .first-banner-buttons .animantes-button-green img {
        max-width: 22px;
        margin-right: 4px;
    }
    .first-banner-buttons .animantes-button-green-content {
        font-size: 12px;
    }
    .nav ul li a {
        font-size: 10px;
    }
    .steps-container-card--line-text {
        top: 70px;
    }
}

@media (max-width: 768px) {
    .rules-container-img-md.rules-container-img-md-big.desktop-block {
        display: none;
    }
    .rules-container-img-md.rules-container-img-md-big.mobile-block {
        display: block;
    }
    .header {
        padding-top: 9px;
    }
    .nav {
        display: none;
    }  
    .first-banner-title {
        font-size: 32px;
        margin-top: 24px;
        margin-bottom: 16px;
    }
    .first-banner-persone {
        width: 100vw;
        max-width: 320px;
        bottom: 75px;
        left: 7%;
    }
    .first-banner-buttons {
        display: flex;
        gap: 16px;
        flex-direction: column;
        position: relative;
        z-index: 1;
    }
    .first-banner-text {
        font-size: 16px;
        margin-bottom: 180px;
    }
    .five-container .top-svg, .four-container .top-svg, .three-container .top-svg, .two-container .top-svg {
        top: -39px;
        height: 40px;
    }
    .animantes-button-green {
        height: 87px;
        width: 330px;
        margin: 0 auto;
    }
    .animantes-button-green-content {
        font-size: 17px;
    }
    .first-banner {
        padding-bottom: 64px;
    }
    .two-container-text {
        padding-top: 16px;
        padding-bottom: 16px;
        font-size: 16px;
    }
    .five-container .bottom-svg, .four-container .bottom-svg, .three-container .bottom-svg, .two-container .bottom-svg {
        bottom: -39px;
        height: 40px;
    }
    .faq-container-title, .who-is-container-one-title, .rating-container-title, .steps-container-title, .prizes-container-title, .rules-container-title {
        margin-top: 62px;
        font-size: 28px;
        margin-bottom: 24px;
    }
    .desktop-block {
        display: none;
    }
    .mobile-block {
        display: block;
    }
    .who-is-container-one {
        background: transparent;
    }
    .who-is-container-one .mobile-block {
        width: 100vw;
        margin-left: calc(var(--bs-gutter-x) * -.5);
    }
    .who-is-container-one .mobile-block {
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 32px;
        align-content: center;
        align-items: center;
        justify-content: center;
    }
    .rating-container-text {
        margin-bottom: 32px;
    }
    .rating-container-title {
        margin-bottom: 12px;
    }
    .rating-item-username--name {
        font-size: 12px;
    }
    .rating-item-logo img {
        max-width: 32px;
    }
    .rating-item-username-progress--stat {
        height: 12px;
    }
    .rating-item-username-progress--stat--count {
        border: 2px solid #D8E68C;
    }
    .rating-item-count {
        display: none;
    }
    .rating-item-logo {
        margin-right: 8px;
    }
    .rating-item-username-progress--stat {
        width: 100%;
    }
    .rating-item-product img {
        max-width: 25px;
    }
    .rating-item-product {
        margin-right: 0;
        margin-left: 8px;
    }
    .rating-item-progress {
        border: 2px solid #D8E68C;
        box-shadow: 0px 8px 0px 0px #00000040;
        padding: 8px;
        justify-content: space-between;
    }
    .rating-item-number {
        font-size: 16px;
        width: 22px;
    }
    .rating-item-username-progress {
        width: 100%;
    }
    .rating-item {
        margin-bottom: 16px;
    }
    .total-users {
        padding: 22px 15px;
        gap: 20px;
        flex-direction: column;
        margin-left: 16px;
        margin-right: 16px;
        width: calc(100% - 32px);
    }
    .total-users-count {
        font-size: 52px;
    }
    .total-users-text {
        padding: 0;
        font-size: 20px;
        text-align: center;
    }
    .animantes-button-green-2 .animantes-button-green-content {
        font-size: 22px;
    }
    .animantes-button-green-2 {
        height: 108px;
    }
    .rating-container {
        padding-bottom: 48px;
    }
    .steps-container-title {
        margin-bottom: 48px;
    }
    .steps-container-card {
        margin-bottom: 48px;
    }
    .animantes-button-green-3 .animantes-button-green-content {
        font-size: 16px;
        width: auto;
    }
    .animantes-button-green-3 {
        height: 65px;
        width: 230px;
        margin: 0 auto;
    }
    .steps-container-card--text {
        margin-bottom: 0;
    }
    .steps-banner-buttons {
        margin-top: 16px;
        gap: 12px;
    }
    .steps-container {
        padding-top: 0;
    }
    .prizes-container {
        padding-top: 0;
    }
    .prizes-container-button {
        margin-top: 32px;
        text-align: center;
    }
    .prizes-container-one .col-xl-6.col-md-6 img {
        margin-bottom: 32px;
    }
    .animantes-button-green-4 .animantes-button-green-content {
        width: auto;
        font-size: 15px;
    }
    .prizes-container-button a {
        bottom: 42px;
        left: calc(50% - 90px);
        width: 180px;
        height: 56px;
    }
    .prizes-container-two .row.justify-content-center {
        flex-wrap: wrap;
    }
    .steps-container-card--line-text {
        font-size: 30px;
        top: 60px;
    }
    .steps-container-card.steps-container-card-1 img {
        max-width: 86%;
    }
    .steps-container-card.steps-container-card-1 {
        max-width: 290px;
        margin-bottom: 132px;
    }
    .steps-container-card--line {
        top: -114px;
    }
    .steps-container-card.steps-container-card-2 .row {
        flex-direction: column;
    }
    .steps-container-card.steps-container-card-2 .row > div {
        width: 100%;
    }
    .steps-container-card.steps-container-card-2 {
        max-width: 290px;
    }
    .steps-container-card.steps-container-card-2 img {
        max-width: 86%;
    }
    .steps-container-card--subtitle--list {
        margin-bottom: 17px;
        margin-top: 17px;
    }
    .prizes-container-two {
        padding-top: 127px;
        padding-bottom: 84px;
    }
    .steps-container-card--subtitle--list-img {
        justify-content: center;
    }
    .prizes-container-one {
        text-align: center;
        background: transparent;
    }
    .rules-container {
        padding-top: 0;
        padding-bottom: 48px;
    }
    .rules-container-img-md {
        margin-bottom: 20px;
    }
    .rules-container-card {
        padding: 28px 24px;
    }
    .rules-container-card--title {
        font-size: 24px;
    }
    .rules-container-card--text {
        font-size: 16px;
    }
    .rules-card--text {
        font-size: 16px;
    }
    .animantes-button-green-6 .animantes-button-green-content {
        width: 270px;
        font-size: 15px;
    }
    .animantes-button-green-6 {
        height: 60px;
        width: 270px;
        margin: 0 auto;
    }
    .animantes-button-green-5 .animantes-button-green-content {
        width: 270px;
        font-size: 15px;
    }
    .animantes-button-green-5 {
        height: 60px;
        width: 270px;
        margin: 0 auto;
    }
    .animantes-button-green-6::after {
        background: url("/wp-content/themes/intentionally-blank/assets/img/Frame 216.svg") no-repeat center / cover;
    }
    .animantes-button-green-6:hover::after {
        background: url("/wp-content/themes/intentionally-blank/assets/img/Frame 219.svg") no-repeat center / cover;
    }
    .animantes-button-green-6:active::after {
        background: url("/wp-content/themes/intentionally-blank/assets/img/Frame 220.svg") no-repeat center / cover;
    }
    .rules-container-img-md.rules-container-img-md-big {
        text-align: center;
    }
    .faq-container {
        padding-bottom: 48px;
    }
    .faq-container-item-container--title {
        font-size: 24px;
        text-align: center;
    }
    .faq-container-item {
        padding: 24px 20px;
        gap: 16px;
        flex-direction: column;
    }
    .faq-container-item.open {
        align-items: center;
        flex-direction: column;
    }
    .faq-container-item-container--text {
        font-size: 18px;
    }
    .animantes-button-green-8 .animantes-button-green-content {
        width: 210px;
        font-size: 13px;
    }
    .animantes-button-green.animantes-button-green-8 {
        width: 278px;
        margin: 0 auto;
        height: 54px;
    }
    footer {
        font-size: 16px;
        text-align: center;
    }
    footer a {
        margin-bottom: 32px;
        display: inline-block;
    }
    .burger-checkbox {
        position: absolute;
        visibility: hidden;
    }

    .burger {
        cursor: pointer;
        display: block;
        position: relative;
        border: none;
        background: transparent;
        width: 32px;
        height: 26px;
        margin-left: auto;
    }

    .burger::before,
    .burger::after {
        content: '';
        left: 0;
        position: absolute;
        display: block;
        width: 100%;
        height: 4px;
        border-radius: 10px;
        background: #FFFFFF;
    }

    .burger::before {
        top: 0;
        box-shadow: 0 11px 0 #FFFFFF;
        transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
    }

    .burger::after {
        bottom: 0;
        transition: bottom .3s .15s, transform .3s;
    }

    .burger-checkbox:checked+.burger::before {
        top: 11px;
        transform: rotate(45deg);
        box-shadow: 0 6px 0 rgba(0, 0, 0, 0);
        transition: box-shadow .15s, top .3s, transform .3s .15s;
    }

    .burger-checkbox:checked+.burger::after {
        bottom: 11px;
        transform: rotate(-45deg);
        transition: bottom .3s, transform .3s .15s;
    }    
    .nav.open {
        z-index: 999;
        display: flex;
        flex-direction: column;
        padding-bottom: 15px;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        min-width: 100vw;
        height: 100%;
        min-height: 100vh;
        background: url("/wp-content/themes/intentionally-blank/assets/img/mobile/Frame 204.jpg") no-repeat center / cover;
    }
    .nav ul li a {
        font-size: 16px;
    }
    .burger-mobile,
    .header .col-1.col-xl-1.col-md-1 a {
        position: relative;
        z-index: 9999;
    }
    .nav ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 15px;
        padding-top: 160px;
    }
    .mobile-block-footer {
        padding: 0 15px;
        margin-top: auto;
        color: #fff;
        font-size: 13px;
    }
    .mobile-block-footer a {
        color: #fff;
        display: inline-block;
        margin-bottom: 16px;
    }
    /* Keep button pseudo-element geometry stable on iOS/touch when state images change. */
    .animantes-button-green::after,
    .animantes-button-green-2::after,
    .animantes-button-green-3::after,
    .animantes-button-green-4::after,
    .animantes-button-green-5::after,
    .animantes-button-green-6::after,
    .animantes-button-green-8::after,
    .animantes-button-green:hover::after,
    .animantes-button-green-2:hover::after,
    .animantes-button-green-3:hover::after,
    .animantes-button-green-4:hover::after,
    .animantes-button-green-5:hover::after,
    .animantes-button-green-6:hover::after,
    .animantes-button-green-8:hover::after,
    .animantes-button-green:active::after,
    .animantes-button-green-2:active::after,
    .animantes-button-green-3:active::after,
    .animantes-button-green-4:active::after,
    .animantes-button-green-5:active::after,
    .animantes-button-green-6:active::after,
    .animantes-button-green-8:active::after {
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
    }
    body.overflow-hidden {
        width: 100vw;
        height: 100vh;
    }
    .steps-container-card {
        height: auto;
    }
    .first-banner-persone-video video {
        height: unset;
        width: 100%;
    }
    .first-banner-buttons {
        z-index: 2;
    }
    .first-banner-buttons .animantes-button-green-content {
        font-size: 15px;
    }
    .first-banner-buttons .animantes-button-green img {
        max-width: 40px;
    }
    .modal-shop-header--title {
        font-size: 24px;
    }
    .modal-shop-header--item {
        width: 100%;
        height: 64px;
        padding: 8px; 
    }
	.container-logo-item {
		width: calc(33.3333% - 8px);
	}
	.container-logo-items { 
		gap: 12px; 
	}
	.modal-shop {  
		border-radius: 30px; 
	}
    .modal-shop {
        max-width: 370px;
        padding: 20px 10px;
    }
    .modal-shop-header--img img {
        max-width: 77px;
    }
    .modal-body {
        margin-top: 0;
    }
    .colse-modal {
        width: 16px;
        height: 16px;
        right: 20px;
        top: 28px;
    }
    .colse-modal svg {
        max-width: 100%;
        padding: 4px;
    }
    .prizes-container-two .row.justify-content-between.flex-nowrap {
        flex-wrap: wrap !important;
    }
    .steps-container-card--subtitle-3 {
        font-size: 28px;
    }
    .steps-container-card--line {
        width: calc(100% + 124px);
        left: -62px;
        top: -120px;
    }
    .steps-container-card--subtitle {
        font-size: 16px;
        margin-bottom: 32px;
    }
    .steps-container-card--subtitle-2 {
        font-size: 16px;
    }
}