/* ***************** */
/* Heading Now */
/* ***************** */
@font-face {
    font-family: 'Heading Now';
    src: url('/wp-content/themes/pmtech/pages/general/assets/fonts/webFonts/HeadingNow82Light/font.woff2') format('woff2'),
        url('/wp-content/themes/pmtech/pages/general/assets/fonts/webFonts/HeadingNow82Light/font.woff') format('woff'),
        url('/wp-content/themes/pmtech/pages/general/assets/fonts/HeadingNow-82Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heading Now';
    src: url('/wp-content/themes/pmtech/pages/general/assets/fonts/webFonts/HeadingNow83Book/font.woff2') format('woff2'),
        url('/wp-content/themes/pmtech/pages/general/assets/fonts/webFonts/HeadingNow83Book/font.woff') format('woff'),
        url('/wp-content/themes/pmtech/pages/general/assets/fonts/HeadingNow-83Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heading Now';
    src: url('/wp-content/themes/pmtech/pages/general/assets/fonts/webFonts/HeadingNow85Medium/font.woff2') format('woff2'),
        url('/wp-content/themes/pmtech/pages/general/assets/fonts/webFonts/HeadingNow85Medium/font.woff') format('woff'),
        url('/wp-content/themes/pmtech/pages/general/assets/fonts/HeadingNow-85Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heading Now';
    src: url('/wp-content/themes/pmtech/pages/general/assets/fonts/webFonts/HeadingNow95Medium/font.woff2') format('woff2'),
        url('/wp-content/themes/pmtech/pages/general/assets/fonts/webFonts/HeadingNow95Medium/font.woff') format('woff'),
        url('/wp-content/themes/pmtech/pages/general/assets/fonts/HeadingNow-95Medium.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    background: black;
    color: initial;
}
body.modal-open {
    overflow: hidden;
}
#hubspot-conversations-iframe,
.cc-165wh[data-full-view=true] .cc-lk42u .cc-13wro,
#onetrust-consent-sdk {
    display: none !important;
}
.hero {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #000000;
}

.hero-video {
    width: 100%;
    height: 100%;
}

.video-box {
    position: absolute;
    width: 100%;
    height: 100%;
}

.hero-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.hero-overlay img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-content {
    padding: 44.444vw 0 1.944vw 1.111vw;
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.hero-title {
    position: relative;
    font-family: "Heading Now", sans-serif;
    font-size: 5.556vw;
    font-weight: 900;
    line-height: 100%;
    margin: 0;
    color: #f1f1f1;
    text-transform: uppercase;
    letter-spacing: -1px;
    z-index: 1;
}

.orange-text {
    color: #ff5900;
}

.shirt-badge {
    position: absolute;
    left: 37.292vw;
    bottom: 7.361vw;
    width: 9.986vw;
    height: 9.986vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.static-circle-text {
    position: absolute;
    transform: rotate(25deg);
    z-index: 0;
}

.static-circle-text text {
    fill: #ff5900;
    font-family: "Heading Now", sans-serif;
    font-size: 6.8px;
    letter-spacing: 2.3px;
    text-transform: uppercase;
    opacity: 0.85;
}

.gif-wrapper {
    position: absolute;
    width: 6.319vw;
    height: 6.319vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0000001a;
}

.gif-wrapper img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.scroll-down-btn {
    position: absolute;
    bottom: 1.944vw;
    right: 1.111vw;
    z-index: 1;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    text-decoration: none;
}

.chevron-arrow {
    display: block;
    width: 0.972vw;
    height: 0.972vw;
    border-right: 3px solid #ff5c00;
    border-bottom: 3px solid #ff5c00;
    transform: rotate(45deg);
    margin-top: -4px;
    animation: oneByOneFade 1.6s linear infinite;
}

.scroll-down-btn:hover {
    transform: translateY(4px);
    transition: transform 0.2s ease-in-out;
}

.chevron-arrow:nth-child(1) {
    animation-delay: 0s;
}

.chevron-arrow:nth-child(2) {
    animation-delay: 0.8s;
}

@keyframes oneByOneFade {
    0% {
        opacity: 0.15;
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 0.15;
    }
}

.eleven-teams-section {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.eleven-teams-noise {
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(50% 50% at 50% 50%,
            rgba(30, 30, 30, 0.8) 9.62%,
            rgba(24, 24, 24, 0) 100%);
    background-color: #000000fc;
    pointer-events: none;
}

.eleven-teams-noise img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eleven-teams-line {
    position: absolute;
    width: 0.069vw;
    background: linear-gradient(180deg,
            rgba(255, 89, 0, 0) 9.62%,
            #fea372 13.94%,
            #ff5900 17.79%,
            rgba(255, 89, 0, 0) 100%);
    z-index: 1;
}

.eleven-teams-line {
    left: 6.875vw;
    bottom: 17.292vw;
    height: 14.514vw;
}

.eleven-teams-line:nth-child(2) {
    width: 0.139vw;
    height: 24.931vw;
    bottom: 2.986vw;
    left: 15.972vw;
    opacity: 30%;
}

.eleven-teams-line:nth-child(3) {
    height: 21.597vw;
    width: 0.208vw;
    left: 21.042vw;
    top: -7.361vw;
    opacity: 60%;
}

.eleven-teams-line:nth-child(4) {
    width: 0.139vw;
    height: 17.292vw;
    left: 28.472vw;
    top: 3.194vw;
}

.eleven-teams-line:nth-child(5) {
    width: 0.139vw;
    height: 17.361vw;
    left: 31.458vw;
    bottom: 1.181vw;
}

.eleven-teams-line:nth-child(6) {
    width: 0.139vw;
    height: 8.264vw;
    left: 43.889vw;
    bottom: 3.194vw;
    opacity: 0.15;
}

.eleven-teams-line:nth-child(7) {
    width: 0.139vw;
    height: 8.264vw;
    left: 59.653vw;
    top: 3.194vw;
}

.eleven-teams-line:nth-child(8) {
    width: 0.208vw;
    height: 27.083vw;
    bottom: -9.097vw;
    left: 61.319vw;
    opacity: 0.4;
}

/* 350px */
.eleven-teams-line:nth-child(9) {
    width: 0.139vw;
    height: 10.347vw;
    left: 67.292vw;
    top: 14.583vw;
}

.eleven-teams-line:nth-child(10) {
    width: 0.139vw;
    height: 31.25vw;
    left: 89.653vw;
    top: 12.639vw;
}

.eleven-teams-line:nth-child(11) {
    left: 95%;
    bottom: 2vw;
    height: 18.056vw;
}

.eleven-teams-container {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.eleven-teams-content {
    margin: 0;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.eleven-teams-tag {
    width: fit-content;
    margin: 0;
    color: #f1f1f1;
    backdrop-filter: blur(0.2vw);
    background-color: rgba(255, 255, 255, 0.1);
    font-family: "Heading Now", sans-serif;
    font-weight: 300;
    font-size: 0.833vw;
    padding: 0.417vw 0.833vw;
    border-radius: 0.833vw 0 0.833vw 0;
    letter-spacing: 0.021vw;
}

.eleven-teams-title {
    font-family: "Heading Now", sans-serif;
    font-weight: 700;
    font-size: 3.333vw;
    line-height: 1.1;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -0.5px;
    margin: 1.111vw 0;
    position: relative;
    z-index: 9;
}

.eleven-teams-link {
    color: #ffffff;
    font-family: sans-serif;
    font-size: 0.903vw;
    line-height: 108%;
    font-weight: 300;
    text-decoration: underline;
    text-underline-offset: 0.278vw;
    letter-spacing: 0.035vw;
}

.eleven-teams-card {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 0.556vw;
}

.eleven-teams-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 1) 0%,
            rgba(0, 0, 0, 0) 100%);
    z-index: 2;
    pointer-events: none;
}

.eleven-teams-container::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(to top,
            rgba(0, 0, 0, 1) 0%,
            rgba(0, 0, 0, 0) 100%);
    z-index: 2;
    pointer-events: none;
}

.eleven-teams-card img {
    width: 100%;
    height: auto;
    object-fit: cover;
    box-shadow: 0 1.736vw 3.472vw rgba(0, 0, 0, 0.75);
    filter: brightness(70%);
}

.eleven-teams-card span {
    color: #989898;
    font-family: "Heading Now", sans-serif;
    font-size: 0.764vw;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: -0.049vw;
}

.eleven-teams-card.card-england {
    left: 6.181vw;
    top: 6.389vw;
    width: 12.778vw;
}

.eleven-teams-card.card-brazil {
    left: 35.486vw;
    top: 1.736vw;
    width: 11.806vw;
}

.eleven-teams-card.card-argentina {
    right: 11.944vw;
    top: 3.194vw;
    width: 9.306vw;
}

.eleven-teams-card.card-france {
    left: 19.583vw;
    bottom: 6.111vw;
    width: 10.972vw;
}

.eleven-teams-card.card-custom {
    right: 19.444vw;
    top: 43.056vw;
    width: 10.764vw;
}

.strategy-section {
    width: 100%;
    height: 58.611vw;
    margin: 0;
    padding: 0;
    background-image: url("/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/strategy-img.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: none;
    /* display: flex; */
    justify-content: center;
    align-items: center;
}

.synergy-title {
    margin: 0;
    font-family: "Heading Now", sans-serif;
    font-size: 8.889vw;
    font-weight: 200;
    letter-spacing: 0.764vw;
}

/* acordion */
.images-accordion {
    width: 100%;
    overflow: hidden;
    background: #000;
}

.images-container {
    display: flex;
    width: 100%;
    height: 55.556vw;
    overflow: hidden;
}

.image-box {
    position: relative;
    flex: 0.55;
    min-width: 0;
    height: 100%;
    overflow: hidden;
    background-image: url("/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/1966-England.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.image-box:nth-child(2) {
    background-image: url("/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/1970-Brazil.jpg");
}

.image-box:nth-child(3) {
    background-image: url("/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/1986-Argentina.jpg");
}

.image-box:nth-child(4) {
    background-image: url("/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/1994-Brazil.jpg");
}

.image-box:nth-child(5) {
    background-image: url("/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/1998-France.jpg");
}

.image-box:nth-child(6) {
    background-image: url("/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/2002-Brazil.jpg");
}

.image-box:nth-child(7) {
    background-image: url("/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/2006-Italy.jpg");
}

.image-box:nth-child(8) {
    background-image: url("/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/2010-Spain.jpg");
}

.image-box:nth-child(9) {
    background-image: url("/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/2014-Germany.jpg");
}

.image-box:nth-child(10) {
    background-image: url("/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/2018-France.jpg");
}

.image-box:nth-child(11) {
    background-image: url("/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/2022-Argentina.jpg");
}

.image-box.active {
    flex: 5;
}

.image-box .overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 2;
    transition: background 0.4s ease;
}

.image-box.active .overlay {
    background: rgba(0, 0, 0, 0.4);
}

.image-box img {
    position: absolute;
    top: 12.5vw;
    left: 75%;
    width: 22vw;
    height: auto;
    object-fit: contain;
    transform: translateX(-50%);
    z-index: 3;
    /* transition:
    width 0.5s ease,
    top 0.5s ease; */
    transition: all .5s ease;
}

.image-box.active img {
    top: 10vw;
    width: 14vw;
}

.image-box .item-info {
    position: absolute;
    inset: 0;
    z-index: 4;
    opacity: 0;
    color: #f1f1f1;
    font-family: "Heading Now", sans-serif;
    pointer-events: none;
    transition: opacity 0.4s ease 0.15s;
}

.image-box.active .item-info {
    opacity: 1;
}

.image-box.active::after {
    opacity: 0;
}

.view-details-circle {
    position: absolute;
    right: 7.5vw;
    top: 33.5vw;

    width: 6.6vw;
    height: 6.6vw;

    z-index: 30;
    display: none;

    align-items: center;
    justify-content: center;

    text-decoration: none;
    cursor: pointer;
}

.image-box.active .view-details-circle,
.images-container:has(.image-box:hover) .image-box:hover .view-details-circle {
    display: flex;
}

.view-details-circle svg {
    position: absolute;
    width: 13vw;
    height: 11vw;
    top: 2vw;
    right: -4vw;
    animation: viewDetailsRotate 9s linear infinite;
}

.view-details-circle text {
    fill: #ff5900;
    font-family: "Heading Now", sans-serif;
    font-size: 6px;
    font-weight: 900;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.view-details-arrow {
    width: 2.1vw;
    height: 2.1vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-details-arrow img {
    left: 4vw;
    top: 2vw;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.circle-center {
    display: none;
}

@keyframes viewDetailsRotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.item-info h4 {
    position: absolute;
    top: 1.25vw;
    left: 2.5vw;
    margin: 0;
    font-size: 0.833vw;
    line-height: 1;
    font-weight: 300;
    color: #989898;
}

.images-container .image-box .item-info .item-subtitle {
    position: absolute;
    top: 2.2vw;
    left: 2.5vw;
    margin: 0;
    font-family: "Heading Now", sans-serif;
    font-size: 1.667vw;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    color: #f1f1f1;
    transform: none;
}

.row {
    position: absolute;
    left: 2.5vw;
    bottom: 1.8vw;
    transform: none;
}

.images-container .image-box .item-info .item-title {
    margin: 0;
    font-family: "Heading Now", sans-serif;
    font-size: 2.056vw;
    line-height: 0.95;
    font-weight: 900;
    text-transform: uppercase;
    color: #ff5900;
    letter-spacing: -0.08vw;
    white-space: nowrap;
}

/* bottom card number */
.image-box::after {
    content: "/" counter(card);
    counter-increment: card;

    position: absolute;
    left: 1.111vw;
    bottom: 1.111vw;
    z-index: 5;

    font-family: "Heading Now", sans-serif;
    font-size: 0.833vw;
    font-weight: 900;
    color: #f1f1f1;
}

.images-container {
    counter-reset: card;
}

/* hover behavior */
.images-container:has(.image-box:hover) .image-box {
    flex: 0.55;
}

.images-container:has(.image-box:hover) .image-box.active {
    flex: 0.55;
}

.images-container:has(.image-box:hover) .image-box:hover {
    flex: 3.5;
}

.images-container:has(.image-box:hover) .image-box:hover .overlay {
    background: rgba(0, 0, 0, 0.82);
}

.images-container:has(.image-box:hover) .image-box:hover .item-info {
    opacity: 1;
}

.images-container:has(.image-box:hover) .image-box:hover img {
    top: 4vw;
    width: 36vw;
    left: 50%;
}

/* championship */
.championship-section-wrapper {
    background-color: #000000;
}

.championship-section {
    background-color: white;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 2.222vw 2.222vw 0 0;
    overflow: hidden;
}

.additional-content {
    position: absolute;
    top: 6.931vw;
    left: 5.375vw;
    border-radius: 2.222vw 0 2.222vw 0;
    background-color: #f1f1f1;
    width: fit-content;
    font-family: "Heading Now", sans-serif;
    color: black;
    font-size: 1.644vw;
    line-height: 132%;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: -0.022vw;
    padding: 1.244vw;
    opacity: 0;
    z-index: 10;
}

.additional-content span {
    font-weight: 300;
}

.additional-content p {
    font-weight: 300;
    margin: 0;
}

.championship-title {
    font-family: "Heading Now", sans-serif;
    font-weight: 300;
    font-size: 2.917vw;
    line-height: 112%;
    letter-spacing: -0.022vw;
    text-transform: uppercase;
    margin: 4.375vw 0 0 0;
}

.championship-subtitle {
    font-family: "Heading Now", sans-serif;
    font-weight: 900;
    font-size: 2.917vw;
    line-height: 112%;
    letter-spacing: -0.022vw;
    text-transform: uppercase;
}

.championship-description {
    font-family: "Heading Now", sans-serif;
    color: #43494d;
    font-weight: 300;
    font-size: 1.25vw;
    line-height: 132%;
    letter-spacing: -0.022vw;
    margin-bottom: 3.611vw;
}

.championship-content {
    position: relative;
    height: 29.514vw;
}

.championship-content img.team-img {
    border-top-left-radius: 4.167vw;
    border-bottom-right-radius: 4.167vw;
}
.img-wrapper:nth-child(1) {
    position: absolute;
    right: 0.375vw;
    bottom: -1vw;
    z-index: 3;
}

.img-wrapper:nth-child(2) {
    position: absolute;
    /* background-color: #000000; */
    border-radius: 2.222vw 0 2.222vw 0;
    left: 50%;
    transform: translateX(-50%);
    /* transition: transform 0.1s linear; */
    z-index: 2;
}

.img-wrapper:nth-child(3) {
    position: absolute;
    transition: opacity 0.3s ease;
    bottom: -5vw;
    left: 7.222vw;
    z-index: 0;
}

.eight-img {
    width: 29.306vw;
    filter: blur(0.065vw);
}

.team-img {
    width: 25.417vw;
    height: 29.514vw;
    object-fit: cover;
}

.ball-img {
    width: 16.663vw;
}

.eleven-winning-strategies-section {
    background-image: url("/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/winning-strategies-bg.png");
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    padding: 11.028vw 0;
    margin-top: 2vw;
}

.strategies-title {
    font-family: "Heading Now", sans-serif;
    text-align: center;
    font-size: 3.333vw;
    font-weight: 900;
    text-transform: uppercase;
    padding: 0 0 2.764vw 0;
    /* padding: 7.778vw 0 2.764vw 0; */
    margin: 0;
}

.strategies-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* padding: 0 6.319vw 0 6.319vw; */
    /* padding: 0 6.319vw 7.264vw 5.319vw; */
    gap: 1.132vw;
}

.strategy {
    text-align: center;
    width: 21.007vw;
}

.strategy span {
    font-family: "Heading Now", sans-serif;
    font-weight: 300;
    font-size: 1.25vw;
    line-height: 142%;
    color: #989898;
    letter-spacing: -0.022vw;
}

.strategy p {
    padding: 1.389vw 1.944vw;
    margin: 0;
    border: 0.75px solid #0d0d0dcc;
    border-radius: 0.833vw;
    background-color: #0d0d0dcc;
    font-family: "Heading Now", sans-serif;
    font-weight: 700;
    font-size: 1.25vw;
    line-height: 142%;
    color: #f1f1f1;
    text-transform: uppercase;
    letter-spacing: -0.022vw;
}

.strategy p:hover {
    color: #000000;
    background-color: white;
    transition: 0.6s;
    cursor: pointer;
}

.form-section {
    background-image: url("/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/Frame-bg.png");
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* height: 55.556vw; */
    padding-top: 5.208vw;
}

.form-section-title {
    color: #f1f1f1;
    line-height: 108%;
    font-family: "Heading Now", sans-serif;
    text-align: center;
    font-size: 3.333vw;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 0;
    width: 60vw;
}

.form-section-subtitle {
    font-family: "Heading Now", sans-serif;
    font-weight: 300;
    font-size: 1.25vw;
    line-height: 142%;
    color: #f1f1f1;
    letter-spacing: -0.022vw;
}

.form-section .hsfc-FormWrapper {
    background: #14141499;
    padding: 1.111vw;
    border: 1px solid #F1F1F11A;
    border-radius: 2.708vw;
    margin-top: 3.611vw;
}
.form-section .hsfc-FormWrapper form.hsfc-Form {
    background: white;
    padding: 2.222vw;
    width: 41.528vw;
    border-radius: 1.736vw;
}
.form-section .hsfc-FormWrapper form.hsfc-Form .hsfc-Step__Content {
    padding: 0;
}
.form-section .hsfc-FormWrapper form.hsfc-Form .hsfc-Step__Content .hsfc-Row {
    margin-bottom: 2.5vw;
}
.form-section .hsfc-FormWrapper form.hsfc-Form .hsfc-Step__Content .hsfc-Row label span {
    font-size: 0.833vw;
    font-weight: 500;
    font-family: "Heading Now", sans-serif;
}
.form-section .hsfc-FormWrapper form.hsfc-Form .hsfc-Step__Content .hsfc-Row .hsfc-TextInput {
    background: #0000000A;
    border: 1px solid #48484833;
    border-radius: 0.556vw;
    font-family: 'Heading Now', sans-serif;
    font-size: 1.042vw;
    font-weight: 300;
    padding: 1.181vw 1.111vw;
}
.form-section .hsfc-FormWrapper form.hsfc-Form .hsfc-Step__Content .hsfc-NavigationRow .hsfc-Button {
    background: #FF5900;
    color: black;
    border-top-left-radius: 1.111vw;
    border-bottom-right-radius: 1.111vw;
    font-weight: 500;
    font-family: 'Heading Now', sans-serif;
    line-height: 142%;
    width: 100%;
    padding: 1.042vw 0;
}
.modal {
    display: none;
    position: fixed;
    top: 5vw;
    left: 5vw;
    right: 5vw;
    bottom: 5vw;
    z-index: 10070000;
}
.modal.active {
    display: block;
}
.modal#modal-tshirt {
    width: 96.667vw;
    top: 1.667vw;
    left: 1.667vw;
    right: 1.667vw;
    bottom: 1.667vw;
    border-radius: 2.083vw;
    overflow: hidden;
}
.background-image-overlay {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    right: 0;
    object-fit: cover;
    object-position: top left;
    filter: brightness(0.4) grayscale(1);
}
.overlay-gradient-modal {
    position: absolute;
    top: 0;
    height: 100%;
    bottom: 0;
    left: 0;
    width: 57vw;
    background: linear-gradient(to right, black 84%, transparent);
}
.learn-more-modal {
    position: relative;
    background-image: url("/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/Learn\ more\ modal-bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    /* height: 800px; */
    display: flex;
    flex-direction: column;
    font-family: "Heading Now", sans-serif;
    font-size: 1.806vw;
    text-transform: uppercase;
    color: #f1f1f1;
    gap: 2.222vw;
    /* gap: 1.667vw; */
    overflow: hidden;
    /* padding: 5.764vw 0 0 6.667vw; */
    padding: 5.764vw 0 11.111vw 6.667vw;
}

.learn-more-modal-close {
    position: absolute;
    top: 3.083vw;
    right: 3.083vw;
    background-color: black;
    border-radius: 0.465vw;
    border: none;
    color: #989898;
    cursor: pointer;
    transition: color 0.3s ease;
    padding: 0.625vw;
    z-index: 1000;
}

.learn-more-modal p {
    position: relative;
    margin: 0;
    z-index: 2;
}

.learn-more-images {
    position: absolute;
    right: 1.736vw;
    bottom: 0.797vw;
    z-index: 0;
}

.learn-more-ball-img {
    width: 32.735vw;
    position: absolute;
    bottom: 0vw;
    right: -3vw;
    z-index: 0;
}

.learn-more-eight-img {
    position: absolute;
    z-index: 1;
    width: 37.014vw;
    right: -1vw;
    bottom: -0.803vw;
}

.learn-more-modal p:nth-child(2) {
    font-weight: 900;
}

.learn-more-modal p:nth-child(3) {
    font-weight: 300;
    font-family: 'Inter', sans-serif;
}

.learn-more-modal p:nth-child(4) {
    font-weight: 900;
}

.learn-more-modal p:nth-child(5) {
    font-weight: 300;
    font-family: 'Inter', sans-serif;
}

.learn-more-modal p:nth-child(5) span {
    font-weight: 900;
}

.learn-more-span {
    font-weight: 900;
    padding-left: 3vw;
}

.learn-more-modal p img {
    position: absolute;
    left: -2vw;
    bottom: 0.8vw;
    width: 4vw;
}

.strat-modal-container {
    position: relative;
    padding: 4.167vw;
    /* background-image: url("/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/Strategy\ -bg.png"); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    /* align-items: center; */
    justify-content: flex-start;
    border-radius: 2.083vw;
}

.strat-modal-close {
    position: absolute;
    top: 1.111vw;
    right: 2.222vw;
    background-color: #00000066;
    border-radius: 1vw;
    border: none;
    color: #989898;
    cursor: pointer;
    transition: color 0.3s ease;
    padding: 0.625vw;
    z-index: 99999;
}

.strat-modal-left {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 51.667vw;
    height: 84.444vh;
    padding-right: 2.778vw;
    overflow: hidden;
}

.strat-modal-tag {
    font-family: "Heading Now", sans-serif;
    font-weight: 700;
    font-size: 0.972vw;
    color: #666666;
    letter-spacing: 0.069vw;
    text-transform: uppercase;
}
.strat-modal-tag img {
    width: 0.694vw;
    height: 0.694vw;
    object-fit: cover;
    object-position: center;
}

.strat-modal-heading {
    font-family: "Heading Now", sans-serif;
    font-weight: 900;
    font-size: 4.167vw;
    line-height: 100%;
    color: #ff5900;
    margin: 1.042vw 0 2.083vw 0;
    text-transform: uppercase;
    letter-spacing: -0.069vw;
}

.strat-modal-body {
    direction: ltr;
    font-family: "Heading Now", sans-serif;
    font-size: 1.25vw;
    line-height: 150%;
    color: #f1f1f1;
    font-weight: 300;
    text-transform: none;
}

.strat-scroll-wrapper {
    direction: rtl;
    overflow-y: auto;
    margin-bottom: 1.389vw;
    padding: 0 7vw 0 1.135vw;
}

.strat-scroll-wrapper {
    position: relative;
    height: calc(84.444vh - 15vw);
    overflow-y: auto;
    overflow-x: hidden;
    direction: rtl;
    padding: 0 7vw 0 1.5vw;
    scrollbar-width: none;
}

.strat-scroll-wrapper::-webkit-scrollbar {
    display: none;
}

.custom-scrollbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.139vw;
    height: 100%;
    background: rgba(255, 255, 255, 0.08);
}

.custom-scrollbar-thumb {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0.139vw;
    height: 5.5vw;

    background: linear-gradient(180deg,
            rgba(255, 89, 0, 0) 0%,
            #ff5900 20%,
            #ff9f0f 50%,
            #ff5900 80%,
            rgba(255, 89, 0, 0) 100%);

    box-shadow:
        0 0 0.4vw rgba(255, 89, 0, 0.6),
        0 0 0.8vw rgba(255, 89, 0, 0.3);
}

.strat-scroll-wrapper::-webkit-scrollbar-thumb:hover {
    background: #ff5900;
}

.strat-scroll-wrapper::after {
    content: "";
    position: sticky;
    display: block;
    left: 0;
    right: 0;
    bottom: -1vw;
    height: 8vw;
    margin-top: -7vw;
    pointer-events: none;
    background: linear-gradient(180deg,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.92) 75%,
            rgba(0, 0, 0, 1) 100%);
}

.strat-highlight {
    font-weight: 700;
    color: #ff5900;
    margin-bottom: 1.667vw;
}

.strat-modal-body p {
    margin: 0 0 1.389vw 0;
}

.strat-bottom-banner {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 0.833vw;
    padding: 1.25vw;
    margin: 2.083vw 0 5vw 0;
}

.strat-bottom-banner .banner-title {
    font-weight: 700;
    color: #ff5900;
    font-size: 1.25vw;
    margin-bottom: 0.694vw;
}

.strat-bottom-banner .banner-title .white-text {
    color: #ffffff;
    font-weight: 300;
    margin-left: 0.347vw;
}

.strat-bottom-banner .banner-desc {
    font-size: 1.042vw;
    line-height: 140%;
    color: #8c8c8c;
    margin: 0;
}

.strat-modal-right {
    margin-left: 6 vw;
}

.strat-modal-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.694vw;
    z-index: 2;
}

.strat-nav-btn {
    background: rgba(255, 255, 255, 0.05);
    border: 0.069vw solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    padding: 0.694vw 1.389vw;
    border-radius: 0.556vw;
    font-family: "Heading Now", sans-serif;
    font-size: 0.833vw;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
}
.strat-nav-btn img {
    max-width: 0.694vw;
}

.strat-nav-btn:hover {
    background-color: #ff5900;
    border-color: #ff5900;
    color: #000000;
}

.strat-nav-pages {
    font-family: "Heading Now", sans-serif;
    font-size: 0.972vw;
    color: #666666;
    font-weight: 700;
}

.jersey-card-wrapper {
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(16, 16, 16, 0.6) 100%),
        linear-gradient(178.1deg,
            rgba(255, 89, 0, 0) -1.64%,
            rgba(255, 89, 0, 0.12) 45.28%,
            rgba(255, 89, 0, 0) 104.44%);

    backdrop-filter: blur(10px);
    border: 0.069vw solid rgba(255, 255, 255, 0.05);
    border-radius: 1.111vw;
    width: 15.972vw;
    /* height: 46.181vw; */
    height: 40.181vw;
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
    box-sizing: border-box;
}

.image-wrapper {
    position: absolute;
    top: -7vw;
}

.image-wrapper img {
    /* width: 34.861vw; */
    width: 41.861vw;
    object-fit: cover;
    transition:
        transform 0.4s ease,
        opacity 0.4s ease;
}

.image-wrapper img.flipping {
    transform: rotateY(90deg);
    opacity: 0;
}
.strat-view-front,
.strat-view-back {
    position: absolute;
    top: 0.635vw;
    background: rgba(255, 255, 255, 0.08);
    border: none;
    color: #f1f1f1;
    padding: 1.111vw 1.111vw;
    border-radius: 0.417vw;
    font-family: "Heading Now", sans-serif;
    font-size: 0.872vw;
    font-weight: 900;
    letter-spacing: 0.035vw;
    cursor: pointer;
    text-transform: uppercase;
    transition: background 0.3s ease;
    z-index: 999999;
}
.strat-view-front:hover,
.strat-view-back:hover {
    background: rgba(255, 255, 255, 0.15);
}

.jersey-meta-info {
    position: absolute;
    bottom: 0.53vw;
    display: flex;
    align-items: center;
    gap: 1.135vw;
}

.jersey-meta-info span {
    font-family: "Heading Now", sans-serif;
    font-size: 2.5vw;
    font-weight: 200;
}

.jersey-year {
    font-family: "Heading Now", sans-serif;
    font-size: 1.667vw;
    font-weight: 300;
    color: #8c8c8c;
    letter-spacing: -0.035vw;
}

.jersey-flag {
    display: grid;
    place-items: center;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0.278vw 0.694vw rgba(0, 0, 0, 0.3);
}

.jersey-flag svg {
    width: 1.667vw;
    height: 1.667vw;
}

.form-response {
    background: #14141499;
    padding: 1.111vw;
    border: 1px solid #F1F1F11A;
    border-radius: 2.708vw;
    margin-top: 3.611vw;
    border-top-left-radius: 2.778vw;
    border-bottom-right-radius: 2.778vw;
}
.form-response-inner {
    background: white;
    width: 41.528vw;
    border-radius: 1.736vw;
}
.form-response-inner .image-wrap img {
    width: 100%;
}
.form-response-inner .main-content {
    padding: 2.222vw;
    text-align: center;
    font-family: "Heading Now", sans-serif;
}
.form-response-inner .main-content p.response-title {
    font-weight: 500;
    font-size: 2.5vw;
    line-height: 132%;
    margin: 0 0 1.111vw;
}
.form-response-inner .main-content p.response-subtitle {
    font-weight: 300;
    line-height: 142%;
    font-size: 1.389vw;
}
.form-response-inner .main-content p.response-warning-content {
    font-weight: 300;
    line-height: 142%;
    font-size: 1.111vw;
    background: #FF59001A;
    padding: 1.111vw 1.389vw;
    margin: 3.333vw 0 1.667vw;
}
.form-response-inner .main-content p.response-footer-text {
    font-size: 1.042vw;
    line-height: 142%;
    font-weight: 500;
    color: #43494D;
    text-transform: uppercase;
}
.floating-button {
    position: fixed;
    bottom: 0;
    right: 5vw;
    /* width: 24.306vw; */
    padding: 0.556vw 1.667vw 0.556vw 0.556vw;
    background-color: #00000099;
    backdrop-filter: blur(16px);
    text-decoration: none;
    font-family: "Heading Now", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.833vw;
    border-radius: 69.375vw;
    z-index: 999999;
}
.floating-button .image-side {
    background: #00000033;
    backdrop-filter: blur(9.85px);
    width: 3.289vw;
    height: 3.289vw;
    border-radius: 100%;
    padding: 0.6vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.floating-button .image-side img {
    width: 100%;
    max-width: 2.5vw;
}
.floating-button .title {
    font-weight: 500;
    font-size: 0.903vw;
    color: #FF5900;
    line-height: 100%;
}
.floating-button .subtitle {
    color: white;
    font-size: 0.903vw;
    line-height: 100%;
    font-weight: 200;
}
@media screen and (max-width: 960px) {
    .hero {
        height: 225.067vw;
        position: relative;
    }

    .video-box,
    .hero-video,
    .hero-overlay {
        width: 100%;
        height: 100%;
    }

    .hero-video {
        object-fit: cover;
    }

    .hero-content {
        position: absolute;
        inset: 0;
        padding: 0;
        display: block;
    }

    .title-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 24vw;
    }

    .hero-title {
        text-align: center;
        font-size: 10.4vw;
        line-height: 88%;
        letter-spacing: -0.267vw;
        margin: 0;
    }

    .shirt-badge {
        width: 34.133vw;
        height: 34.133vw;
        left: auto;
        right: 1vw;
        bottom: 10vw;
    }

    .static-circle-text {
        width: 100%;
        height: 100%;
        transform: rotate(20deg);
    }

    .static-circle-text text {
        font-size: 1.686vw;
    }

    .gif-wrapper {
        width: 18.667vw;
        height: 18.667vw;
    }

    .scroll-down-btn {
        right: 50%;
        transform: translateX(50%);
        bottom: 8vw;
    }

    .scroll-down-btn:hover {
        transform: translateX(50%);
    }

    .chevron-arrow {
        width: 4vw;
        height: 4vw;
        border-right: 0.8vw solid #ff5900;
        border-bottom: 0.8vw solid #ff5900;
        margin-top: -1.067vw;
    }

    .eleven-teams-section {
        overflow: hidden;
        position: relative;
        background-image:
            linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, transparent 20%),
            linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 20%);
    }

    .eleven-teams-noise {
        width: 100%;
        height: 100%;
    }

    .eleven-teams-noise img {
        object-fit: cover;
    }

    .eleven-teams-container {
        position: relative;
        width: 100%;
        height: 100%;
        justify-content: center;
    }

    .eleven-teams-content {
        position: relative;
        z-index: 5;
    }

    .eleven-teams-tag {
        font-size: 3.6vw;
        padding: 1.5vw 3vw;
        border-radius: 2vw 0 2vw 0;
        backdrop-filter: blur(10px);
    }

    .eleven-teams-title {
        font-size: 8.222vw;
        line-height: 108%;
        margin: 5vw 0;
        max-width: 82vw;
    }

    .eleven-teams-link {
        font-size: 3.903vw;
        text-underline-offset: 1vw;
    }

    .eleven-teams-card {
        position: absolute;
        z-index: 1;
        gap: 2vw;
    }

    .eleven-teams-card span {
        font-size: 3.3vw;
    }

    .eleven-teams-card img {
        width: 100%;
        display: block;
    }

    .card-england {
        width: 28vw !important;
        left: 6vw !important;
        top: 3vw !important;
    }

    .card-brazil {
        width: 30vw !important;
        right: -5vw !important;
        left: auto !important;
        top: 16vw !important;
    }

    .card-argentina {
        display: none;
    }

    .card-france {
        display: none;
    }

    .card-custom {
        width: 33vw !important;
        left: 50% !important;
        transform: translateX(-50%);
        right: auto !important;
        top: auto !important;
        bottom: 6vw !important;
    }

    .eleven-teams-line {
        width: 0.515vw;
    }

    .eleven-teams-line:nth-child(2) {
        width: 0.515vw;
        height: 30vw;
        top: 22vw;
        left: 46vw;
    }

    .eleven-teams-line:nth-child(9) {
        width: 0.515vw;
        top: 30vw;
        height: 40vw;
        left: 12vw;
    }

    .eleven-teams-line:nth-child(10) {
        width: 0.515vw;
        height: 58vw;
        bottom: -8vw;
        left: 92vw;
    }

    .eleven-teams-line:nth-child(11) {
        width: 0.515vw;
        height: 45vw;
    }

    .eleven-teams-line:nth-child(1),
    .eleven-teams-line:nth-child(4),
    .eleven-teams-line:nth-child(5),
    .eleven-teams-line:nth-child(6),
    .eleven-teams-line:nth-child(7),
    .eleven-teams-line:nth-child(8) {
        display: none;
    }

    .strategy-section {
        height: 225.067vw;
    }

    .strategy-section p {
        font-size: 11.472vw;
    }

    .championship-section {
        position: relative;
        overflow: hidden;
        border-radius: 8.205vw 8.205vw 0 0;
        padding-top: 12.821vw;
        /* padding-bottom: 0; */
        padding-bottom: 100.821vw;
        scale: crop;
        /* height: 210.067vw; */
    }

    .additional-content {
        top: 100vw;
        left: 1vw;
        right: 1vw;
        width: calc(100% - 6vw);
        padding: 2vw;
        font-size: 4.167vw;
        text-align: center;
    }

    .titles-container {
        width: 100%;
        z-index: 5;
    }

    .championship-title {
        margin: 0;
        font-size: 8.769vw;
        line-height: 108%;
        font-weight: 300;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: -0.256vw;
    }

    .championship-subtitle {
        display: block;
        margin-top: 2.564vw;
        font-size: 8.769vw;
        line-height: 108%;
        font-weight: 900;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: -0.256vw;
    }

    .championship-description {
        font-size: 3.24vw;
        line-height: 132%;
        font-weight: 300;
        color: #43494d;
        margin-bottom: 0;
    }

    .championship-content {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .img-wrapper:nth-child(2) {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        border-radius: 12.821vw 0 0 0;
        overflow: hidden;
        width: 82.051vw;
        height: 108.308vw;
        z-index: 3;
    }

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

    .img-wrapper:nth-child(1) {
        position: absolute;
        left: -76.949vw;
        bottom: -2vw;
        z-index: 4;
    }

    .eight-img {
        width: 70.154vw;
    }

    .img-wrapper:nth-child(3) {
        position: absolute;
        right: -12.385vw;
        bottom: -6.564vw;
        left: auto;
        z-index: 2;
    }

    .ball-img {
        width: 40.897vw;
    }

    .eleven-winning-strategies-section {
        position: relative;
        min-height: 190.641vw;
        padding: 3.077vw;
        background-image: url("/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/section_11winning-mobile.png");
        background-size: 100% 100%;
        justify-content: space-evenly;
    }

    .strategies-title {
        position: relative;
        z-index: 2;
        padding: 0 0 7vw;
        margin: 0;
        font-size: 8.769vw;
        line-height: 0.9;
        font-weight: 900;
        text-align: center;
        text-transform: uppercase;
    }

    .strategies-wrapper {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2.564vw;
    }

    .strategy {
        width: 100%;
        text-align: center;
    }

    .strategy p {
        height: 16.667vw;
        padding: 0 3.846vw;
        margin: 0;

        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1.282vw;

        border: 0.256vw solid rgba(255, 255, 255, 0.12);
        border-radius: 2.564vw;
        background: rgba(13, 13, 13, 0.88);
        font-size: 2.846vw;
        line-height: 1;
        font-weight: 900;
        color: #f1f1f1;
        text-transform: uppercase;
        letter-spacing: -0.077vw;

        box-shadow: 0 2.564vw 7.692vw rgba(0, 0, 0, 0.35);
    }

    .strategy span {
        font-size: 2.846vw;
        line-height: 1;
        font-weight: 300;
        color: #989898;
        letter-spacing: -0.077vw;
    }

    .strategy p:hover {
        color: #000000;
        background: #f1f1f1;
    }

    .strategy p:hover span {
        color: #000000;
    }

    .form-section {
        min-height: 190vw;
        background-image: url("/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/Contact\ form-bg-mobile.png");
        text-align: center;
    }

    .form-section-title {
        font-size: 8.333vw;
        margin-top: 15vw;
        width: 87vw;
    }

    .form-section-subtitle {
        font-size: 4.9vw;
        padding: 0 4.103vw;
        margin-top: 3.077vw;
    }

    .learn-more-modal {
        position: relative;
        width: 100%;
        min-height: 216.41vw;
        box-sizing: border-box;
        padding: 13.333vw 8.205vw 0;
        border-radius: 5.128vw 5.128vw 0 0;
        background: url("/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/Learn\ more\ modal-bg.png"), black;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        gap: 6.154vw;
        overflow: hidden;
        font-family: "Heading Now", sans-serif;
        font-size: 4.128vw;
        line-height: 1.18;
        color: #f1f1f1;
        text-transform: uppercase;
    }

    .learn-more-modal-close {
        padding: 2.065vw 3.13vw;
        border-radius: 2vw;
        background-color: #00000066;
    }

    .learn-more-modal-close svg {
        width: 6vw;
        height: 6vw;
    }

    .learn-more-modal p {
        position: relative;
        z-index: 2;
        margin: 0;
    }

    .learn-more-modal p:nth-child(1),
    .learn-more-modal p:nth-child(3) {
        font-weight: 300;
    }

    .learn-more-modal p:nth-child(1) {
        max-width: 82vw;
    }

    .learn-more-modal p:nth-child(2) {
        max-width: 86vw;
    }

    .learn-more-modal p:nth-child(3) {
        max-width: 82vw;
    }

    .learn-more-modal p:nth-child(4) {
        font-weight: 900;
    }

    .learn-more-modal p:nth-child(5) span {
        font-weight: 900;
    }

    .learn-more-span {
        display: inline-block;
        padding-left: 8.205vw;
        font-weight: 900;
    }

    .learn-more-modal p img {
        position: absolute;
        left: -4.103vw;
        bottom: 6.923vw;
        width: 9.231vw;
    }

    .learn-more-vector {
        bottom: 1.6vw !important;
    }

    .learn-more-images {
        position: absolute;
        z-index: 1;
    }

    .learn-more-ball-img {
        width: 99.735vw;
        position: absolute;
        bottom: -18vw;
        right: -35vw;
        z-index: 0;
    }

    .learn-more-eight-img {
        position: absolute;
        z-index: 1;
        width: 87.014vw;
        right: 11vw;
        bottom: -0.803vw;
    }

    .strat-modal-container {
        display: flex;
        flex-direction: column-reverse;
        padding: 5.128vw;
        min-height: 92vh;
        background-image: url(/wp-content/themes/pmtech/pages/world-cup-presentation/assets/img/Strategy-mobile-bg.png);
        background-size: cover;
        background-position: center;
        left: 50%;
        transform: translateX(-50%);
    }

    .strat-modal-close {
        top: 5.128vw;
        right: 5.128vw;
        padding: 2.051vw;
        border-radius: 2.564vw;
        z-index: 20;
    }

    .strat-modal-close svg {
        width: 5.128vw;
        height: 5.128vw;
    }

    .strat-modal-left {
        position: relative;
        width: 100%;
        height: auto;
        padding-right: 0;
        overflow: visible;
    }

    .strat-modal-tag {
        display: none;
    }

    .strat-modal-heading {
        font-size: 7.179vw;
        line-height: 0.9;
        margin: 0 0 5.128vw;
    }

    .strat-scroll-wrapper {
        position: relative;
        height: calc(24.444vh - 15vw);
        /* height: calc(84.444vh - 15vw); */
        max-height: none;
        overflow-x: hidden;
        overflow-y: auto;
        direction: rtl;
        padding: 0 0 0 5vw;
        margin: 0;
        scrollbar-width: none;
    }

    .custom-scrollbar {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 0.513vw;
        height: 100%;
        background: rgba(255, 255, 255, 0.12);
        pointer-events: none;
        z-index: 5;
    }

    .custom-scrollbar-thumb {
        position: absolute;
        left: 0;
        top: 0;
        width: 0.513vw;
        height: 16.667vw;

        background: linear-gradient(180deg,
                rgba(255, 89, 0, 0) 0%,
                #ff5900 25%,
                #ff9f0f 55%,
                #ff5900 80%,
                rgba(255, 89, 0, 0) 100%);

        box-shadow:
            0 0 1.026vw rgba(255, 89, 0, 0.6),
            0 0 2.051vw rgba(255, 89, 0, 0.3);
    }

    .strat-modal-body {
        font-size: 3.59vw;
        line-height: 1.25;
        padding-bottom: 2vw;
        direction: ltr;
        height: 40vw;
        overflow-y: scroll;
    }

    .strat-modal-body p {
        margin-bottom: 4.103vw;
    }

    .strat-highlight {
        margin-bottom: 5.128vw;
    }

    .strat-bottom-banner {
        margin-top: 5.128vw;
        padding: 4.103vw;
        border-radius: 2.564vw;
    }

    .strat-bottom-banner .banner-title {
        font-size: 3.59vw;
    }

    .strat-bottom-banner .banner-desc {
        font-size: 2.821vw;
    }

    .strat-modal-right {
        margin: 0 0 7.692vw;
        display: flex;
        justify-content: center;
    }

    .jersey-card-wrapper {
        width: 56.41vw;
        height: 108.513vw;

        border-radius: 5.128vw;
        position: relative;
    }

    .image-wrapper {
        /* top: 12.821vw; */
        top: -12.821vw;
    }

    .image-wrapper img {
        width: 105.359vw;
    }
    .strat-view-front,
    .strat-view-back {
        top: auto;
        bottom: 1.564vw;
        width: 52.154vw;
        height: 10.256vw;
        border-radius: 3.564vw;
        font-size: 3.333vw;
    }
    .strat-view-front.front-mode,
    .strat-view-back.front-mode {
        width: 50vw;
    }

    .jersey-meta-info {
        top: 2.564vw;
        bottom: auto;
        width: 100%;
        justify-content: center;
    }

    .jersey-year {
        font-size: 9.179vw;
    }

    .jersey-meta-info img {
        width: 6.128vw;
    }

    .jersey-meta-info span {
        font-size: 6.5vw;
    }

    .strat-modal-navigation {
        margin-top: 7.692vw;
    }

    .strat-nav-btn {
        font-size: 3.077vw;
        padding: 2.051vw 4.103vw;
        border-radius: 2.051vw;
        font-weight: 300;
    }
    
    .strat-nav-pages {
        /* font-size: 3.59vw; */
        font-weight: 300;
        font-size: 3.077vw;
    }

    .images-container {
        flex-direction: column;
        height: initial;
    }
    .image-box {
        min-height: 29vw;
    }
    .image-box img {
        top: -39vw;
        left: 50%;
        width: 100vw;
        height: auto;
    }
    .image-box::after {
        font-size: 3.077vw;
    }
    .image-box.active {
        min-height: 125vw;
    }
    .item-info h4 {
        font-size: 3.077vw;
        left: 5.128vw;
        top: 5.128vw;
    }
    .images-container .image-box .item-info .item-subtitle {
        font-size: 5.385vw;
        top: 9.385vw;
        left: 5.128vw;
    }
    .images-container .image-box .item-info .row {
        bottom: 5.128vw;
        left: 5.128vw;
    }
    .images-container .image-box .item-info .item-title {
        font-size: 8.205vw;
    }
    .view-details-circle {
        top: 74.5vw;
    }
    .view-details-circle svg {
        width: 28.923vw;
        height: 28.923vw;
    }
    .view-details-arrow {
        width: 24.923vw;
        height: 24.923vw;
    }
    .images-container:has(.image-box:hover) .image-box:hover img
    body .images-container .image-box.active img {
        top: 8vw;
        width: 100%;
    }
    .strat-nav-btn img {
        max-width: 2.564vw;
    }
    .images-container:has(.image-box:hover) .image-box:hover img {
        top: 9vw;
        width: 16vw;
        left: 50%;
    }
    .images-container:has(.image-box:hover) .image-box:hover > img,
    body .images-container .image-box.active > img {
        top: -6vw;
        width: 100vw;
    }
    .view-details-circle {
        width: 21.6vw;
    }
    .img-wrapper:nth-child(3) {
        display: none;
    }
    .eight-img {
        display: none;
    }
    #jersey-image-backside {
        display: none;
    }
    .strat-view-front, .strat-view-back {
        z-index: 99999;
    }
    .modal#modal-tshirt {
        top: 1vw;
        left: 2vw;
        right: 1vw;
        bottom: 1vw;
    }

    .floating-button {
        padding: 2.051vw 3.5vw 2.051vw 2.051vw;
    }
    .floating-button .image-side {
        width: 12.308vw;
        height: 12.308vw;
        padding: 2.051vw;
    }
    .floating-button .image-side img {
        max-width: 12.308vw;
    }
    .floating-button .title,
    .floating-button .subtitle {
        font-size: 3.077vw;
    }
    .form-section .hsfc-FormWrapper form.hsfc-Form {
        width: 91.795vw;
    }
    .form-section .hsfc-FormWrapper form.hsfc-Form .hsfc-Step__Content .hsfc-Row label span { 
        font-size: 3.077vw;
    }
    [data-hsfc-id=Renderer] .hsfc-FieldLabel {
        text-align: left;
    }
    .form-section .hsfc-FormWrapper form.hsfc-Form .hsfc-Step__Content .hsfc-Row {
        margin-bottom: 9.231vw;
    }
    .form-section .hsfc-FormWrapper form.hsfc-Form .hsfc-Step__Content .hsfc-Row .hsfc-TextInput {
        font-size: 3.846vw;
        padding: 4.103vw;
        border-radius: 2.051vw;
    }
    .form-section .hsfc-FormWrapper form.hsfc-Form .hsfc-Step__Content .hsfc-NavigationRow .hsfc-Button {
        padding: 3.846vw 0;
        border-top-left-radius: 4.103vw;
        border-bottom-right-radius: 4.103vw;
    }

    .form-response-inner .main-content p.response-footer-text {
        font-size: 3.846vw;
    }
    .form-response-inner .main-content p.response-warning-content {
        font-size: 4.103vw;
        padding: 4.103vw;
        margin: 8.205vw 0 6.154vw;
    }
    .form-response-inner .main-content p.response-subtitle {
        font-size: 4.103vw;
    }
    .form-response-inner .main-content p.response-title {
        font-size: 8.205vw;
    }
    .form-response-inner {
        width: 91vw;
    }

}