@font-face {
    font-family: 'Neue Machina';
    src: url('../fonts/NeueMachina-Bold.eot');
    src: local('Neue Machina Bold'), local('NeueMachina-Bold'),
        url('../fonts/NeueMachina-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeueMachina-Bold.woff2') format('woff2'),
        url('../fonts/NeueMachina-Bold.woff') format('woff'),
        url('../fonts/NeueMachina-Bold.ttf') format('truetype'),
        url('../fonts/NeueMachina-Bold.svg#NeueMachina-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Machina';
    src: url('../fonts/NeueMachina-Light.eot');
    src: local('Neue Machina Light'), local('NeueMachina-Light'),
        url('../fonts/NeueMachina-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeueMachina-Light.woff2') format('woff2'),
        url('../fonts/NeueMachina-Light.woff') format('woff'),
        url('../fonts/NeueMachina-Light.ttf') format('truetype'),
        url('../fonts/NeueMachina-Light.svg#NeueMachina-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Machina';
    src: url('../fonts/NeueMachina-Medium.eot');
    src: local('Neue Machina Medium'), local('NeueMachina-Medium'),
        url('../fonts/NeueMachina-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeueMachina-Medium.woff2') format('woff2'),
        url('../fonts/NeueMachina-Medium.woff') format('woff'),
        url('../fonts/NeueMachina-Medium.ttf') format('truetype'),
        url('../fonts/NeueMachina-Medium.svg#NeueMachina-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Machina';
    src: url('../fonts/NeueMachina-Regular.eot');
    src: local('Neue Machina Regular'), local('NeueMachina-Regular'),
        url('../fonts/NeueMachina-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeueMachina-Regular.woff2') format('woff2'),
        url('../fonts/NeueMachina-Regular.woff') format('woff'),
        url('../fonts/NeueMachina-Regular.ttf') format('truetype'),
        url('../fonts/NeueMachina-Regular.svg#NeueMachina-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



* {
    font-family: 'Neue Machina';
}
html, body {
    margin: 0;
    padding: 0;
    background: #151515;
    font-family: 'Neue Machina';
}
body.platform-page {
    /* height: 100%;
    min-height: 100%;
    max-height: 100%; */
    opacity: 1;
}
.row {
    display: flex;
}
h2 {
    font-size: 3.333vw;
    font-weight: 700;
    line-height: 120%;
    color: white;
    font-family: 'Neue Machina';
    text-transform: uppercase;
}

.main-button a {
    background-color: #FF771D;
    padding: 1.389vw 2.778vw;
    font-size: 1.25vw;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
}


.secondary-button a {
    background-color: #ffffff;
    padding: 1.389vw 2.778vw;
    font-size: 1.25vw;
    color: rgb(0, 0, 0);
    text-decoration: none;
    border-radius: 2.778vw;
    text-transform: uppercase;
    font-weight: 700;
}


.homenew-header .d-none {
    display: none;
}

.platform-page .hero {
    background: url(https://gr8.tech/wp-content/themes/pmtech/tmp-content/home/video_preview_2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 36.431vw 4.167vw 5.069vw;
    position: relative;
}
.platform-page .hero h1 {
    text-shadow: 0 18px 50px rgba(0, 0, 0, 0.6);
    font-size: 3.88889vw;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 120%;
    margin-bottom: 1.667vw;
    color: #f8f8f8;
}
.platform-page .hero .overlay-gradient {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent, #151515);
}
.platform-page .hero .content-container {
    position: relative;
    z-index: 1;
}
.platform-page .hero .content-container .content-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.platform-page .hero .content-container .content-wrap .column-1 {
    width: 50%;
}
.platform-page .hero .column-1 .buttons {
    display: flex;
    gap: 1.111vw;
}
.platform-page .hero .column-1 .main-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 4.444vw;
    font-size: 1.38889vw;
    font-weight: 700;
    line-height: 1.2;
    background-color: #f3731e;
    text-decoration: none;
    color: #f8f8f8;
    text-transform: uppercase;
    padding: 0 4.444vw;
    box-sizing: border-box;
    outline: none;
    border: none;
    cursor: pointer;
    font-family: NeueMachina, sans-serif;
}
.platform-page .hero .column-1 .secondary-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.444vw;
    height: 4.444vw;
    font-size: 1.38889vw;
    background-color: rgba(255, 255, 255, 0.2);
    text-decoration: none;
    color: #f8f8f8;
    text-transform: uppercase;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    border: none;
    cursor: pointer;
}
.platform-page .hero .column-2 p {
    text-align: right;
    font-size: 1.25vw;
    line-height: 1.4;
    color: #fff;
    width: 41.667vw;
}
.platform-page .hero + .collab-row {
    text-align: center;
    margin: 0.486vw 0 4.333vw;
}
@media screen and (max-width: 961px) {
    .platform-page .hero {
        background: url(https://gr8.tech/wp-content/themes/pmtech/tmp-content/home/video_preview_2_mobile.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding: 2.667vw 4.267vw 21.333vw;
        position: relative;
    }
    .platform-page .hero h1 {
        /* padding-top: 3.467vw; */
        padding-top: 17.467vw;
        padding-bottom: 74.467vw;
        font-size: 8vw;
    }
    .platform-page .hero p {
        font-size: 3.733vw;
        line-height: 1.4;
        color: white;
    }
    .header .main-button a {
        font-size: 4.267vw;
        padding: 3.2vw 4vw;
    }
    .platform-page .hero + .collab-row img {
        width: 79.467vw;
        margin: auto;
    }
    .platform-page .hero .column-1 .buttons {
        margin-top: 6.4vw;
        gap: 4.267vw;
    }
    .platform-page .hero .column-1 .buttons a:first-child {
        width: 72.267vw;
        font-size: 4.267vw;
        height: 14.933vw;
    }
    .platform-page .hero .column-1 .buttons a:last-child {
        /* width: 14.933vw;
        height: 14.933vw; */
        width: 100%;
    }
    .platform-page .hero .content-container .content-wrap .column-1 {
        width: 100%;
    }
}
.hero .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.hero .bg-img video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
/* ****** */
/* intro */
/* ****** */
.intro .bg {
    position: relative;
}
.intro .bg img {
    position: absolute;
    width: 100%;
    z-index: 0;
}
.intro .content {
    position: relative;
    z-index: 1;
    padding-top: 30.417vw;
    text-align: center;
    font-family: 'Neue Machina';
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 7.639vw;
    margin-bottom: 15.972vw;
}
.intro .content h1 {
    font-size: 3.611vw;
    color: white;
    line-height: 120%;
    margin: 0;
}
.intro .content p {
    font-size: 1.111vw;
    color: rgba(255,255,255,.6);
    margin: 1.25vw 0 2.222vw;
    width: 50vw;
    line-height: 140%;
}




/* ************** */
/* business needs */
/* ************** */

.business-needs {
    width: calc(100% - 8.333vw);
    margin: 10vw auto 0;
}
.business-needs .row {
    gap: 0.764vw;
}
.business-needs h2 {
    text-align: center;
    margin-bottom: 4.167vw;
}
.business-needs .buttons-group {
    border: 1px solid #42404073;
    background-color: #000000;
    padding: 0.556vw;
    border-radius: 1.111vw;
    list-style-type: none;
    width: 24.722vw;
    margin: 0;
    height: calc(100% - 2 * 0.556vw);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.business-needs .buttons-group li {
    border: 1px solid #42404059;
    background: #3A383866;
    color: rgba(255,255,255,.8);
    border-radius: 0.556vw;
    padding: 2.431vw 1.667vw;
    font-family: 'Neue Machina';
    font-weight: 700;
    font-size: 1.25vw;
    line-height: 130%;
}
.business-needs .buttons-group li:last-child {
    margin-bottom: 0;
}
.business-needs .buttons-group li.active {
    background: #FF771D;
    color: white;
}
.business-needs .business-needs-main-content {
    border: 1px solid #42404073;
    background-color: #000000;
    border-radius: 1.111vw;
    padding: 0.556vw;
    width: 66.181vw;
}
.business-needs .business-needs-main-content .row {
    border: 1px solid #42404059;
    border-radius: 0.556vw;
    background: #3A383866;
    padding: 1.667vw;
    opacity: 0;
    display: none;
}
.business-needs .business-needs-main-content .row.active {
    opacity: 1;
    display: flex;
}
.business-needs .business-needs-main-content .tag {
    padding: 0.417vw 1.111vw 0.278vw;
    color: white;
    font-size: 0.972vw;
    background: #FFFFFF26;
    border-radius: 2.778vw;
    width: fit-content;
    margin: 0;
    text-transform: uppercase;
}
.business-needs .business-needs-main-content h3 {
    font-weight: 700;
    line-height: 120%;
    font-size: 2.778vw;
    color: white;
    margin: 1.667vw 0 1.111vw;
    text-transform: uppercase;
}
.business-needs .business-needs-main-content h3 + p{
    color: rgba(255, 255, 255, .6);
    line-height: 140%;
    font-size: 1.111vw;
    margin-bottom: 1.667vw;
}
.business-needs .business-needs-main-content img {
    width: 28.75vw;
    margin-right: 3.333vw;
}
.business-needs .business-needs-main-content .content-box {
    width: 29.653vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.business-needs .business-needs-main-content .content-box .secondary-button {
    margin-top: calc(2*1.667vw);
}
.business-needs .business-needs-main-content .content-box .content-bottom ul {
    list-style-type: none;
}
.business-needs .business-needs-main-content .content-box .content-bottom {
    color: rgba(255,255,255,.6);
    margin-top: 4.444vw;
}
.business-needs .business-needs-main-content .content-box .content-bottom ul {
    padding: 0;
}
.business-needs .business-needs-main-content .content-box .content-bottom li {
    display: flex;
    align-items: center;
    margin: 1.111vw 0;
}
.business-needs .business-needs-main-content .content-box .content-bottom li p {
    margin: 0;
}
.business-needs .business-needs-main-content .content-box .content-bottom li {
    font-size: 1.111vw;
}
.business-needs .business-needs-main-content .content-box .content-bottom img {
    width: 1.25vw;
    height: 1.25vw;
    margin-right: 0.556vw;
}

/* *** */
/* geo */
/* *** */

.geo {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.geo h2 {
    margin: 0;
}
.geo p {
    color: #FFFFFF99;
    font-size: 1.111vw;
    line-height: 150%;
    font-weight: 400;
    width: 54.583vw;
    margin: 1.111vw 0 2.778vw;
}
.geo .tabs-row {
    border: 1px solid #42404073;
    background-color: #000000;
    padding: 0.556vw;
    border-radius: 1.111vw;
    list-style-type: none;
    display: flex;
    gap: 0.694vw;
    position: relative;
    z-index: 2;
}
.geo .tabs-row .tab.active {
    color: white;
    background: #FF771D;
}
.geo .tabs-row .tab {
    border: 1px solid #42404059;
    background: #3A383866;
    color: rgba(255,255,255,.6);
    border-radius: 0.556vw;
    padding: 1.389vw 1.667vw;
    font-weight: 700;
    font-size: 1.25vw;
    cursor: pointer;
}
.geo .images-box img {
    display: none;
}
.geo .images-box img.active {
    display: block;
}
.geo .images-box img {
    width: 100%;
    margin-top: -10vw;
}



/* ******** */
/* progress */
/* ******** */

.progress {
    width: calc(100% - (1.667vw + 2 * 3.333vw));
    margin: auto;
    background: url(/wp-content/themes/gr8/pages/platform/assets/img/bg-progress.png);
    background-size: 100% 100%;
    padding: 5.556vw 3.333vw;
    text-align: center;
    border-radius: 2.222vw;
    margin-bottom: 15.972vw;
}
.progress h2 + p {
    margin: 1.667vw auto 2.778vw;
    width: 28.611vw;
    font-size: 1.111vw;
    line-height: 150%;
}
.progress p {
    color: #FFFFFF99;
    margin: 0;
    font-size: 1.111vw;
    line-height: 140%;
}
.progress .progress-row {
    gap: 1.736vw;
}
.progress .progress-row .progress-point {
    width: 16.944vw;
    text-align: center;
}
.progress .progress-row .progress-point .number {
    font-size: 2.917vw;
    color: white;
    line-height: 130%;
    font-weight: 800;
    letter-spacing: -2%;
    margin: 0;
    display: flex;
    justify-content: center;
}
.progress .progress-row .progress-point .number .sign {
    color: #FF771D;
}

/* *********** */
/* testimonial */
/* *********** */

.testimonials {
    width: calc(100% - 4.167vw);
    margin-left: auto;
}
.testimonials h2 {
    margin: 0;
}
.testimonials h2 + p {
    color: #FFFFFF99;
    margin: 0.556vw 0 2.778vw;
    line-height: 150%;
    font-size: 1.111vw;
}
.testimonials .slide-box {
    border: 1px solid #42404073;
    background-color: #000000;
    padding: 0.556vw;
    border-radius: 1.111vw;

    min-height: 27vw;
}
.testimonials .slide-box-inner {
    border: 1px solid #42404059;
    background: #3A383866;
    color: rgba(255,255,255,.6);
    border-radius: 0.556vw;
    padding: 1.389vw 1.667vw;
    
    height: 27vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.testimonials .slide-box-inner > img {
    width: 3.333vw;
    height: 1.667vw;
}
.testimonials .slide-box-inner > .main-content-slider p {
    color: white;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 1.111vw;
}
.testimonials .slide-box-inner .author-position p {
    margin: 0;
}
.testimonials .slide-box-inner .author-position p:last-child {
    font-size: 1.111vw;
    line-height: 150%;
}
.testimonials .slide-box-inner .author-position > p:first-child {
    font-size: 1.25vw;
    line-height: 140%;
    font-weight: 800;
    text-transform: uppercase;
    color: white;
    margin-bottom: 0.347vw;
}
.testimonials .slide-box-inner .row {
    justify-content: space-between;
    align-items: center;
}
.testimonials .slide-box-inner .row img {
    width: 11.667vw;
}
.testimonials .swiperTestimonial .swiper-slide {
    width: 33.333vw;
    margin-right: 1.111vw;
}
.testimonials .swiperTestimonial {
    padding-bottom: 3vw;
}
.testimonials .swiperTestimonial .swiper-pagination-bullet {
    width: 2.778vw;
    height: 0.556vw;
    background: #FFFFFF26;
    border-radius: 1.389vw;
}
.testimonials .swiperTestimonial .swiper-pagination-bullet-active {
    background: #FF771D;
}

/* ***** */
/* merch */
/* ***** */
.merch-ad {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 15.972vw;
}
.merch-ad .merchshop-items {
    width: calc(100% - 13.194vw);
    margin: auto;
    display: flex;
}
.merch-ad .merchop-item img {
    width: 19.444vw;
    height: 19.444vw;
    object-fit: cover;
    object-position: center;
}
.merch-ad .merchop-item img {
    border-radius: 0.278vw;
}
.merch-ad .merchop-item:first-child {
    transform: translateY(1.9vw) rotate(-8deg);
}
.merch-ad .merchop-item:nth-child(2) {
    transform: translate(-2.639vw, .2vw) rotate(-2.86deg);
}
.merch-ad .merchop-item:nth-child(3) {
    transform: translate(calc(2 * -2.639vw),-.2vw);
}
.merch-ad .merchop-item:nth-child(4) {
    transform: translate(calc(3 * -2.639vw), .2vw) rotate(2.86deg);
}
.merch-ad .merchop-item:nth-child(5) {
    transform: translate(calc(4 * -2.639vw), 1.9vw) rotate(8deg);
}
.merch-ad .mershop-content {
    text-align: center;
    margin-top: 5vw;
}
.merch-ad .mershop-content img {
    width: 18.75vw;
}
.merch-ad .mershop-content h2 {
    margin: 2.222vw 0 4.444vw;
}
.merch-ad .merchop-item img {
    transition: .5s;
}
.merch-ad .merchop-item img:hover {
    transform: translateY(-2vw);
}

/* ****** */
/* awards */
/* ****** */

.awards {
    width: calc(100% - 4.167vw);
    margin-left: auto;
    margin-top: 15.972vw;
}
.awards h2 {
    margin: 0;
}
.awards h2 + p {
    color: #FFFFFF99;
    line-height: 150%;
    font-size: 1.111vw;
    margin: 0 0 2.778vw;
}
.awards .swiperAwards .swiper-slide {
    width: 33.333vw;
    height: 11.458vw;
    margin-right: 1.111vw;
}
.awards .swiperAwards .awards-box {
    border: 1px solid #42404073;
    background-color: #000000;
    padding: 0.556vw;
    border-radius: 1.111vw;
}
.awards .swiperAwards .awards-box-inner {
    border: 1px solid #42404059;
    background: #3A383866;
    color: rgba(255,255,255,.6);
    border-radius: 0.556vw;
    padding: 1.389vw 1.667vw;
}
.awards .swiperAwards .awards-box-inner .card-title {
    font-size: 1.25vw;
    font-weight: 800;
    color: white;
    line-height: 140%;
    margin-bottom: 0.556vw;
}
.awards .swiperAwards .awards-box-inner .card-content {
    font-size: 0.972vw;
}
.awards .swiperAwards .awards-box-inner .card-image img {
    width: 9.375vw;
    height: 6.944vw;
    object-fit: contain;
}
.awards .swiperAwards .awards-box-inner .row {
    align-items: center;
    justify-content: space-between;
}

.platform-championship {
    background: url(/wp-content/themes/gr8/pages/platform/assets/img/bg-ch.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 15.972vw 0;
}
.platform-championship h2 {
    text-align: center;
}
.platform-championship h2 + p,
.platform-championship .circle + p{
    text-align: center;
    color: #FFFFFF99;
    line-height: 150%;
    font-size: 1.111vw;
    margin: 1.111vw 0 2.778vw;
}
.platform-championship .circle + p{
    margin: 2.778vw 0 0 ;
}
.circle {
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100vh; */
    margin: 0;
    box-sizing: initial;
}
.circle * {
    box-sizing: initial;
}

.wheel {
    position: relative;
    width: 41.111vw;
    height: 41.111vw;
    border-radius: 50%;
    overflow: hidden;
    border: 1.111vw solid #000; /* The outer dark ring */
}
.wheel img {
    position: absolute;
    z-index: 2;
    width: 11.806vw;
    height: 11.806vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.slice {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #252323;
    border: 0.069vw solid white;
    /* This creates the triangle shape pointing to the center */
    clip-path: polygon(50% 50%, 36.4% 0%, 63.6% 0%);
    /* Rotates each slice by 30 degrees (360/12) */
    transform: rotate(calc(var(--i) * 30deg));
    transition: background-color 0.3s, transform 0.3s;
    cursor: pointer;
    display: flex;
    justify-content: center;
    border: 0.069vw solid rgba(255,255,255,0.05); /* Subtle divider lines */
}
.slice a {
    width: calc(98% - 6.944vw);
    height: calc(98% - 6.944vw);
    background-color: #1B1919;
    clip-path: polygon(50% 50%, 36.4% 0%, 63.6% 0%);
    display: flex;
    justify-content: center;
    color: white;
    text-decoration: none;
    padding: 3.472vw;
    transition: .5s;
}
.slice a span {
    width: fit-content;
    height: fit-content;
    transform: rotate(calc(var(--i) * -30deg));
    text-align: center;
    font-family: 'Neue Machina';
    font-size: 1.111vw;
    line-height: 120%;
    color: rgba(223, 224, 215, .6);
}
/* Hover Effects */
.slice:hover a {
    background-color: #2a2a2a; /* Lighter grey like the screenshot */
    z-index: 2;
}

.slice:hover span {
    color: #ffffff;
    text-decoration: underline;
}

/* Optional: Add a center hole to make it a donut if needed */
.wheel::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.139vw;
    height: 0.139vw;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
    z-index: 10;
}

@media screen and (max-width: 960px) {


    .main-button a {
        padding: 5.333vw 29.067vw;
        font-size: 4.267vw;

    }
    .secondary-button a {
        padding: 4.133vw 27.067vw;
        font-size: 4.267vw;
        border-radius: 10.667vw;
    }
    h2 {
        font-size: 8.533vw;
        font-weight: 700;
        line-height: 120%;
        color: white;
        font-family: 'Neue Machina';
        text-transform: uppercase;
    }
    h2 br {
        display: none;
    }

    .intro .content h1 {
        font-size: 10.667vw;
    }
    .intro .content p {
        font-size: 3.733vw;
        width: 94vw;
        margin: 2.133vw 0 calc(2 * 6.4vw);
    }
    .business-needs .row {
        flex-direction: column;
    }
    .business-needs .buttons-group li {
        font-size: 4.267vw;
        border-radius: 2.133vw;
        padding: 4.667vw 4.267vw;
    }
    .business-needs .buttons-group {
        padding: 1.067vw;
        border-radius: 3.2vw;
        width: calc(100% - 2 * 1.067vw);
        gap: 1.067vw;
    }
    .business-needs .business-needs-main-content {
        width: calc(100% - 2 * 1.067vw);
        padding: 1.067vw;
        border-radius: 3.2vw;
    }
    .business-needs .business-needs-main-content .row {
        border-radius: 2.133vw;
        padding: 3.2vw;
    }
    .business-needs .business-needs-main-content .content-box {
        width: 100%;
        margin-top: 4.267vw;
    }
    .business-needs .business-needs-main-content img {
        width: 100%;
        height: 64vw;
        object-fit: cover;
        border-radius: 1.067vw;
    }
    .business-needs .business-needs-main-content .tag {
        font-size: 3.2vw;
        padding: 1.067vw 3.2vw 0.533vw;
    }
    .business-needs .business-needs-main-content h3 {
        font-size: 6.4vw;
        line-height: 200%;
    }
    .business-needs .business-needs-main-content h3 + p {
        font-size: 3.733vw;
        margin-bottom: calc(2 * 4.267vw);
    }
    .business-needs .business-needs-main-content .content-box .content-bottom li {
        margin: 0;
    }
    .business-needs .business-needs-main-content .content-box .content-bottom li p {
        font-size: 3.733vw;
        margin: 4.267vw 0;
    }
    .business-needs .business-needs-main-content .content-box .content-bottom li img {
        width: 4.8vw;
        height: 4.8vw;
        margin-right: 2.133vw;
    }
    .platform-championship {
        padding: 26.667vw 4.267vw;
        /* width: ;
        margin: auto; */
    }
    .platform-championship h2 {
        margin: 0;
    }
    .platform-championship h2 + p, .platform-championship .circle + p {
        font-size: 3.733vw;
    }
    .wheel {
        width: 91.467vw;
        height: 91.467vw;
    }
    .slice a span {
        font-size: 2.733vw;
    }
    .slice a {
        padding: 8.472vw;
        width: calc(98% - 16.944vw);
        height: calc(98% - 16.944vw);
    }
    .platform-championship .circle + p {
        margin-top: 6.4vw;
    }
    .wheel img {
        width: 26.4vw;
        height: 26.4vw;
    }
    .geo p {
        margin: auto;
        font-size: 3.733vw;
        width: 91.467vw;
        margin-top: 2.133vw;
        margin-bottom: 6.4vw;
    }
    .geo .tabs-row {
        width: 91.467vw;
        overflow-x: scroll;
        padding: 1.067vw;
        gap: 1.067vw;   
        border-radius: 3.2vw;
    }
    .geo .tabs-row .tab {
        font-size: 4.267vw;
        padding: 3.733vw 4.267vw;
        border-radius: 2.133vw;
    }
    .progress h2 + p {
        font-size: 3.733vw;
        width: 100%;
    }
    .progress .progress-row {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 4.267vw;
        margin-top: 6.4vw;
    }
    .progress .progress-row .progress-point .number {
        font-size: 8.533vw;
    }
    .progress p.text {
        font-size: 3.733vw;
    }
    .progress .progress-row .progress-point {
        width: 65.067vw;
    }
    .progress {
        background: url(/wp-content/themes/gr8/pages/platform/assets/img/bg-progress-mobile.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        border-radius: 4.267vw;
        width: calc(100% - (1.667vw + 2 * 4.267vw));
    }
    .testimonials h2 + p {
        font-size: 3.733vw;
    }
    .testimonials .swiperTestimonial .swiper-slide {
        width: 74.667vw;
        margin-right: 2.133vw;
    }
    .testimonials .slide-box-inner > img {
        width: 12.8vw;
        height: 6.4vw;
    }
    .testimonials .slide-box-inner > .main-content-slider p {
        font-size: 3.733vw;
    }
    .testimonials .slide-box-inner {
        padding: 6.4vw 4.267vw;
        border-radius: 2.133vw;
    }
    .testimonials .slide-box {
        padding: 1.067vw;
        border-radius: 3.2vw;
    }
    .testimonials .slide-box-inner .author-position > p:first-child {
        font-size: 4.267vw;
        margin-top: 4.267vw;
    }
    .testimonials .slide-box-inner .author-position p:last-child {
        font-size: 3.2vw;
    }
    .testimonials .slide-box-inner .row {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .testimonials .slide-box-inner .row img {
        width: 44.8vw;
        height: 6.4vw;
        margin-top: 4.267vw;
    }
    .testimonials .swiperTestimonial .swiper-pagination-bullet {
        width: 10.667vw;
        height: 2.133vw;
        margin: 0 2.667vw;
    }
    .testimonials .swiperTestimonial {
        padding-bottom: 9vw;
    }
    .merch-ad {
        overflow: hidden;
        padding-top: 10vw;
    }
    .merch-ad .merchop-item img {
        width: 27.733vw;
        height: 27.733vw;
    }
    .merch-ad .merchshop-items {
        width: 100%;
        margin: 0 0 0 -20%;
    }
    .merch-ad .merchop-item:first-child {
        transform: translateY(2.9vw) rotate(-8deg);
    }
    .merch-ad .merchop-item:nth-child(2) {
        transform: translate(-3.639vw, .2vw) rotate(-2.86deg);
    }
    .merch-ad .merchop-item:nth-child(3) {
        transform: translate(calc(2 * -3.639vw),-.2vw);
    }
    .merch-ad .merchop-item:nth-child(4) {
        transform: translate(calc(3 * -3.639vw), .2vw) rotate(2.86deg);
    }
    .merch-ad .merchop-item:nth-child(5) {
        transform: translate(calc(4 * -3.639vw), 2.9vw) rotate(8deg);
    }
    .merch-ad .merchop-item img {
        border-radius: 0.397vw;
    }
    .merch-ad .mershop-content img {
        width: 58.667vw;
    }
    .merch-ad .mershop-content {
        margin-top: 12vw;
    }
    .merch-ad .mershop-content h2 {
        margin: 6.4vw 0;
    }
    .merch-ad .secondary-button a {
        padding: 4.267vw 0;
        width: calc(100% - 2 * 4.267vw);
        display: block;
        margin: auto;
    }
    .awards {
        width: calc(100% - 2 * 4.167vw);
        margin: 26.667vw auto 0;
    }
    .awards h2 + p {
        font-size: 3.733vw;
    }
    .awards h2 + p br {
        display: none;
    }
    .swiperAwards .swiper-wrapper {
        flex-direction: column;
        gap: 2.133vw;
    }
    .awards .swiperAwards .awards-box-inner .card-title {
        font-size: 4.267vw;
        margin-top: 0;
    }
    .awards .swiperAwards .awards-box {
        padding: 1.067vw;
        border-radius: 3.2vw;
    }
    .awards .swiperAwards .awards-box-inner {
        padding: 4.267vw;
        border-radius: 2.133vw;
    }
    .awards .swiperAwards .swiper-slide {
        width: 100%;
        height: auto;
    }
    .awards .swiperAwards .awards-box-inner .row div:first-child {
        width: 60%;
    }
    .awards .swiperAwards .awards-box-inner .row div:last-child {
        width: 40%;
    }
    .awards .swiperAwards .awards-box-inner .card-image img {
        width: 32.267vw;
        height: 24vw;
    }
    .awards .swiperAwards .awards-box-inner .card-content {
        font-size: 3.733vw;
        margin: 2.133vw 0 0;
    }
}
.images-box img {
    opacity: 0;
    transition: opacity 0.5s ease;
    position: absolute;
}

.images-box img.active {
    opacity: 1;
    position: relative;
}
footer .dicl {
    width: 53.96vw;
    margin: 0 auto;
    display: block;
    color: #F6F6F6;
    text-align: center;
    font-family: "NeueMachina";
    font-size: 0.83vw;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    opacity: 0.8;
    margin-top: 5.56vw;
    margin-bottom: 3.56vw;
}
.footer-bottom {
    position: relative;
    z-index: 2;
    margin: 0 2.63889vw;
    padding: 1.73611vw 0.69444vw;
    /* border-top: 1px solid rgba(255, 255, 255, 0.3); */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.footer-bottom .logo-social {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.footer-bottom .logo-social > a {
    text-decoration: none !important;
    display: block;
    margin-right: 1.88vw;
}
.footer-bottom .logo-social ul {
    display: flex;
    flex-direction: row;
}
.footer-bottom .logo-social ul li {
    margin-right: 0.9vw;
}
.footer-bottom .logo-social ul li a {
    text-decoration: none !important;
}
.footer-bottom .logo-social ul li a svg {
    width: 1.39vw;
    height: 1.39vw;
}
.footer-bottom .logo-social ul li a span {
    display: none !important;
}
.footer-bottom .rights-links {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.footer-bottom .rights-links .copy.hide-sm{
    font-size: 0.83333vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: rgba(255, 255, 255, 0.5);
    margin-right: 3.33vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer-bottom .rights-links .menu-footer {
    margin-right: 3.33vw;
}
.footer-bottom .rights-links .menu-footer ul {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.footer-bottom .rights-links .menu-footer ul li {
    margin-right: 3.47222vw;
}
.footer-bottom .rights-links .menu-footer ul li a{
    text-decoration: underline;
    font-size: 0.83333vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: rgba(255, 255, 255, 0.5);
    -webkit-transition: .2s ease-in-out color;
    -o-transition: .2s ease-in-out color;
    transition: .2s ease-in-out color;
}
.footer-bottom .totop {
    display: none;
}