@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&display=swap');

body { margin:0px; padding:0; font-family: "Fira Sans", sans-serif; font-size:16px; line-height:normal; background: #0d072b; }

* {transition: all 0.3s;}
*, ::after, ::before {box-sizing: border-box;}

a { text-decoration:none }

.btns { border-radius:80px; text-transform:uppercase; color:#ffffff; font-size:24px; font-weight:bold; background:linear-gradient(to right, #6f35fb, #480b6b); padding:3px; display:inline-block; border:0 }
    .btns span { background:#000000; border-radius:80px; padding:12px 48px; display:block }
.btns:hover { filter:brightness(1.5) }
.btns.s2 span { background:transparent } 

img { max-width:100% }

.header { position:fixed; top:0; z-index:2; width:100%; text-transform:uppercase; font-size:16px }
    .header .nav-link { color:#ffffff; font-weight:bold; padding:0px 40px!important }
    .header .navbar { padding:0 }
    .header .navbar-nav { width:100%; justify-content:space-between  }
    .header .navbar-nav .nav-link.active, .header .navbar-nav .nav-link.show { color:#ffffff }
.header.float { background:rgba(0,0,0,0.7) }

.logo {  }
    .logo img { max-height:80px }

.firstrows { padding-top:80px!important }

.navbar-collapse { flex-basis: auto!important; flex-grow:inherit }
.navbar-toggler { border:0; padding:0 }
.navbar-toggler-icon { filter: invert(1) sepia(1) saturate(5) hue-rotate(180deg); }
.navbar-toggler:focus { box-shadow:none }

.homebanner { background:url(../img/banner/bg.png); background-size:cover; background-position:bottom center; position:relative; z-index:1 }

.hb { display:flex; width:100%; justify-content:space-between; margin-top: 20px; }
    .hb .desc { color:#ffffff; margin-top:4%; width:50% }
        .hb .desc .title { text-transform:uppercase; font-weight:bold; }
            .hb .desc .title h2 { padding:0; margin:0; font-weight:bold; font-size:120px; line-height:120px; }
            .hb .desc .title h3 { padding:0; margin:0; font-weight:bold; font-size:104px; line-height:104px; }
            .hb .desc .title h4 { padding:0; margin:0; font-weight:bold; font-size:77px; line-height:77px;}                                         
        .hb .desc .text { padding:24px 0; }
        .sub.text { font-size: 20px; line-height: 40px; }
    .hb .iimg { position:relative; width:50% }
        .hb .iimg .main { position:relative }
        .hb .iimg .main img { animation: charMove 2.5s ease-in-out infinite alternate; transform-origin: center bottom; }
        .hb .iimg .ee { position:absolute; }
            .hb .iimg .ee.e1 { top:32%; left:-3%; max-width:22%; animation: float1 2.2s ease-in-out infinite alternate; }
            .hb .iimg .ee.e2 { bottom:30%; right:4%; max-width:17%; animation: float2 2.5s ease-in-out infinite alternate; }
            .hb .iimg .ee.e3 { top:1%; right:0%; max-width:20%; animation: float3 2.8s ease-in-out infinite alternate; }

@keyframes charMove {
  0%   { transform: translateY(0) rotate(0deg) scale(1); }
  50%  { transform: translateY(-15px) rotate(-2deg) scale(1.03); }
  100% { transform: translateY(0) rotate(0deg) scale(1); }
}

@keyframes float1 {
  0%   { transform: translate(0, 0) rotate(0deg) scale(1); }
  50%  { transform: translate(10px, -15px) rotate(6deg) scale(1.06); }
  100% { transform: translate(0, 0) rotate(0deg) scale(1); }
}

@keyframes float2 {
  0%   { transform: translate(0, 0) rotate(0deg) scale(1); }
  50%  { transform: translate(-12px, 15px) rotate(-5deg) scale(1.08); }
  100% { transform: translate(0, 0) rotate(0deg) scale(1); }
}

@keyframes float3 {
  0%   { transform: translate(0, 0) rotate(0deg) scale(1); }
  50%  { transform: translate(14px, -18px) rotate(8deg) scale(1.07); }
  100% { transform: translate(0, 0) rotate(0deg) scale(1); }
}

.conbox { background-image: url(../img/bg.png), linear-gradient(to bottom, #000000, #0d072b); background-size:100% auto; background-position:top center; background-repeat:no-repeat; padding:4% 0; color:#ffffff; text-align:center}
    .conbox.s1 { margin-top:-18vw; padding-top:8vw }
    .conbox.s2 {
    background-position: 0px -60%;
}

h2 { padding:0; margin:0; text-transform:uppercase; font-weight:bold; font-size:88px }

.aboutus-conbox { color:#ffffff; text-align:center }
    .aboutus-conbox .top {  }
    .aboutus-conbox .top .img { max-width:36%; margin:0 auto; display: flex; justify-content: center; align-items: center; }
    .aboutus-conbox .top .img .logo-badge { position: absolute; z-index: 1; }
    .aboutus-conbox .boxes { display:flex; flex-wrap:wrap; gap:60px; padding-top:2%; justify-content: center; }
        .aboutus-conbox .boxes .bbox { color:#ffffff; background-color:#0b0626; border:3px solid #3d00a1; box-shadow:0px 0px 20px #b14cff; width:calc(40% - 10px); border-radius:20px; padding:30px; display:flex; flex-direction:column; justify-content:flex-start }
            .aboutus-conbox .boxes .bbox .tt { text-transform:uppercase; font-weight:bold; font-size:32px; display:flex; align-items:center; justify-content:center; min-height:2.5em }
            .aboutus-conbox .boxes .bbox .seperator { border-bottom:2px dashed #a250fb; width:100%; display:block; margin:18px 0px }
            .aboutus-conbox .boxes .bbox .text { font-size:16px; line-height: 36px;}
            .aboutus-conbox .boxes .bbox .iimg { max-width:55%; margin:-35% auto 0; display: flex;  justify-content: center; align-items: center; position: relative; }
            .aboutus-conbox .boxes .bbox.wimg { margin-top:15% }
            .aboutus-conbox .boxes .bbox.wimg .tt { min-height:auto; margin-top:4% }

.turning-badge {
      animation: rotation 3s infinite linear; /* Adjust 2s for speed */
    }

@keyframes rotation {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(360deg);
      }
    }

.badge-effect {position: absolute; border-radius: 50%; mix-blend-mode: lighten; filter: brightness(0.5);}
.f-effect  {position: absolute; mix-blend-mode: screen;}
.f-effect.e1 { filter: hue-rotate(65deg); transform: rotate(-35deg); }
.f-effect.e2 { filter: hue-rotate(0deg); }
.f-effect.e3 { filter: hue-rotate(55deg); z-index: 1; margin-left: -10px; }
.f-effect.e4 { filter: hue-rotate(0deg); z-index: 1; }
.f-icon { position: absolute; }
    .f-icon.f1{ animation: charMove 2.5s ease-in-out infinite alternate; transform-origin: center bottom; }
    .f-icon.f2{ animation: charMove 2.5s ease-in-out infinite alternate; transform-origin: right top; }
    .f-icon.f3{ animation: charMove 2.5s ease-in-out infinite alternate; transform-origin: top left; }
    .f-icon.f4{ animation: charMove 2.5s ease-in-out infinite alternate; transform-origin: center center; }

.blogbox-con { background-color:#000000; position:relative; margin-bottom:-18% } 
.blogbox { display:flex; flex-direction:column; overflow:hidden; width:100% } 
    .blogbox .img { width:100%; height:20vw; max-height:330px } 
        .blogbox .img img { width:100%; height:100%; object-fit:cover; display:block } 
    .blogbox .content { color:#000000; background-color:#ffffff; padding:16px; flex-grow:1; display:flex; flex-direction:column; justify-content:flex-start; } 
        .blogbox .content h5 { font-weight:bold; font-size:20px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden; text-overflow: ellipsis; } 
        .blogbox .content p { padding:0; margin:0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow:hidden; text-overflow: ellipsis; } 
.blogrows { display:flex; gap:18px; justify-content:space-between; align-items:stretch; padding-bottom:18px; position:relative } 
.blogrows.r1 .blogbox:nth-child(2) { flex:0 0 50% } 
.blogrows.r1 .blogbox:nth-child(1), .blogrows.r1 .blogbox:nth-child(3) { flex:1 }
.blogblock { position:absolute; z-index:1; bottom:0%; height:100%; background:rgba(0,0,0,0.5); text-align:center; width:100%; padding:4% 0 }

.exgames-con { background:url(../img/games/bg.png); background-size:cover; background-position:top center; position:relative; z-index:1; }

.exgames { display:flex; width:100%; justify-content:space-between; padding-top:13vw }
    .exgames .desc { color:#ffffff; margin-top:8%; width:57% }
        .exgames .desc .title { text-transform:uppercase; font-weight:bold; }
            .exgames .desc .title h2 { padding:0; margin:0; font-weight:bold; font-size:120px; line-height:120px; }                                   
        .exgames .desc .text { padding:24px 0 }
    .exgames .iimg { position:relative; width:43% }
        .exgames .iimg .main { position:relative }
        .exgames .iimg .main img { animation: floatCharacter 6s ease-in-out infinite; }
        .exgames .iimg .ee { position:absolute; }
            .exgames .iimg .ee.e1 { top:18%; left:5%; max-width:20%; animation: floatElement1 2.2s ease-in-out infinite alternate; }
            .exgames .iimg .ee.e2 { top:14%; right:6%; max-width:20%; animation: floatElement2 2.5s ease-in-out infinite alternate; }
            .exgames .iimg .ee.e3 { top:52%; right:0%; max-width:15%; animation: floatElement3 3s ease-in-out infinite alternate; }

@keyframes floatCharacter {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}

@keyframes floatElement1 {
    0%, 100% { transform: translateY(0) rotate(0deg); opacity: 1; }
    50% { transform: translateY(-10px) rotate(-10deg); opacity: 0.8; }
}

@keyframes floatElement2 {
    0%, 100% { transform: translateY(0) rotate(0deg); opacity: 1; }
    50% { transform: translateY(-12px) rotate(10deg); opacity: 0.8; }
}

@keyframes floatElement3 {
    0%, 100% { transform: translateY(0) rotate(0deg); opacity: 1; }
    50% { transform: translateY(-8px) rotate(-5deg); opacity: 0.8; }
}

.multirow-carousel{overflow:hidden;display:flex;flex-direction:column;gap:1vw;background:#0c0821;padding:20px 0}
    .multirow-carousel .row{display:flex;white-space:nowrap;overflow:hidden;position:relative}
    .multirow-carousel .track{display:inline-flex;animation:scroll-right 20s linear infinite; gap:1vw}
    .multirow-carousel .r2 .track,.multirow-carousel .r4 .track{animation:scroll-left 20s linear infinite}
    .multirow-carousel img{width:14.28vw}
    
@keyframes scroll-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes scroll-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}

.partnerbox { display:flex; flex-wrap:wrap; gap:3vw; justify-content:center; align-items:center; padding:3vw 0 6vw }
    .partnerbox div { max-width:14vw }
.partnerbox.s2 { gap:4%; padding:48px 0 }
    .partnerbox.s2 div { max-width:10% }

.certified-con { position:relative; z-index:2; padding:5% 0 }
.certifiedbox { color:#ffffff; text-align:center; max-width:880px; margin:0 auto }
    .certifiedbox h3 { text-transform:uppercase; font-weight:bold; font-size:48px; letter-spacing:1px; margin-bottom:8px }
    .certifiedbox .seperator { border-bottom:2px dashed #a250fb; width:120px; margin:18px auto }
    .certifiedbox p { font-size:18px; line-height:1.8; opacity:.9; margin-bottom:36px }
    .certifiedbox .cert-badge { display:inline-block; padding:28px 44px; background-color:#ffffff; border:3px solid #3d00a1; border-radius:20px; box-shadow:0 0 24px #b14cff; transition:transform .25s ease, box-shadow .25s ease }
    .certifiedbox .cert-badge:hover { transform:translateY(-4px); box-shadow:0 0 40px #b14cff }
    .certifiedbox .cert-badge:focus-visible { outline:2px solid #b14cff; outline-offset:6px }
    .certifiedbox .cert-badge img { max-width:280px; height:auto; display:block }

.contactus-con { background: url(../img/contact/bg.png) top center no-repeat, linear-gradient(to bottom, transparent 18vw, #030113 18vw); background-size: 100% auto, 100% 100%; position: relative; z-index: 1; margin-top:-14vw }

.contactbox { display:flex; width:100%; justify-content:space-between; padding-top:13vw; padding-bottom:2vw }
    .contactbox .desc { color:#ffffff; margin-top:4%; width:55%; margin-left:2% }
        .contactbox .desc .title { text-transform:uppercase; font-weight:bold; }
            .contactbox .desc .title h2 { padding:0; margin:0; font-weight:bold; font-size:120px; line-height:120px; }                                   
        .contactbox .desc .text { padding:24px 0 }
    .contactbox .iimg { position:relative; width:43% }
        .contactbox .iimg .main { position:relative }
        .contactbox .iimg .main img { animation: floatCharacter2 6s ease-in-out infinite; transform-origin: bottom center; }
        .contactbox .iimg .ee { position:absolute; animation: floatElementAi1 3s ease-in-out infinite; }
            .contactbox .iimg .ee.e1 { top:62%; left:2%; max-width:18%; animation-delay: 0s; }
            .contactbox .iimg .ee.e2 { top:54%; right:4%; max-width:13%; animation-delay: 0.5s; }
            .contactbox .iimg .ee.e3 { top:4%; right:6%; max-width:11%; animation-delay: 1s; }

@keyframes floatCharacter2 {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    25% { transform: translateY(-10px) rotate(-2deg); }
    50% { transform: translateY(-20px) rotate(4deg); }
    75% { transform: translateY(-10px) rotate(-1deg); }
}

@keyframes floatElementAi1 {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    25% { transform: translateY(-8px) rotate(-5deg); }
    50% { transform: translateY(-16px) rotate(5deg); }
    75% { transform: translateY(-8px) rotate(-3deg); }
}

.form-control { border:1px solid #180058; border-radius:80px; background:#020404; color:#ffffff; font-size:20px; padding:18px 36px; margin-bottom:18px }
    .form-control::placeholder { color:#7b7b7b }
.contactbox .form-control { max-width: 90%; }

.footer { background-color:#0d0d0f; padding:4vw 0; font-size:16px }
.footin { display:flex; gap:18px; }
    .footin .f1, .footin .f2 { flex:1;}
    .footin .f3{ flex:2.5; display:flex; flex-direction:column; justify-content:space-between }
    .footin h5 { font-size:16px; font-weight:bold; text-transform:uppercase; color:#ffffff }
    .footin a { color:#707070 }
        .footin a:hover { color:#7035fc }
    .footin ul { margin:0; padding:0; list-style:none }
        .footin ul li { padding:8px 0px }
.fubox { display:flex; gap:12px }
    .fubox a { color:#7035fc }
    .fubox i { font-size:42px }
.followusbox { padding-bottom:24px; }

.copyright { text-align:right; display:flex; flex-direction:column; gap:8px; font-size:14px; }
    .copyright .iimg {  }
    .copyright b { color:#3307cf }

.milestones-con { background-color:#0d072a; color:#ffffff; text-align:center; padding:24px 0  }
.milestones { position:relative; padding:60px 0px 160px }
    .milestones .bbg {  }
    .milestones .res { position:absolute; width:13%; }
        .milestones .res .date { font-weight:bold; font-size:20px; padding-bottom:90% }
        .milestones .res .text { font-size:12px; line-height: 20px; }
    .milestones .res.r1 { top:30%; left:19.5% }
    .milestones .res.r2 { top:24%; left:35.5% }
        .milestones .res.r2 .date { padding-bottom:106% }
    .milestones .res.r3 { top:14%; left:53.5% }
        .milestones .res.r3 .date { padding-bottom:106% }
    .milestones .res.r4 { top:6%; left:70% }

.awards-con { background-color:#05031b; color:#ffffff; text-align:center; padding:24px 0  }

.global-con { background-color:#090423; color:#ffffff; text-align:center; padding:24px 0  }
.globe { position:relative; margin-top:-5% }
    .globe .bbg {  }
        .globe .bbg img { width:100%; max-width:auto }

.gamewrap { padding:2vw 0px 8vw; margin: 0px auto; max-width: 1080px; }
.gfilter-con { display:flex; justify-content:center; align-items:center; font-size:20px; font-weight:bold; gap:12px }
    .gfilter-con  div { width:100% }
.gfilter { width:100% }
    .gfilter * { transition:none }
    .gfilter .dropdown-toggle { border:1px solid #180058; border-radius:80px; background:#020404; color:#ffffff; font-size:16px; padding:18px 24px; width:100%;}

.glist-con { display:flex; flex-wrap:wrap; gap:12px; padding:32px 0px }
    .glist-con .gbox { width:calc(16.66% - 10px) }
    
.gbox {  }
    .gbox .iimg { position:relative } 
        .gbox .iimg .bbg {  } 
        .gbox .iimg .act { display:none; position:absolute; width:100%; height:100%; flex-direction:column; gap:12px; justify-content:center; align-items:center; top:0; left:0; background:rgba(0,0,0,0.7) }
            .gbox .iimg .act .btns { font-size:14px; padding:2px; width:86% }
            .gbox .iimg .act .btns span { padding:8px }
            .gbox .iimg:hover .act { display:flex; }
    .gbox .names { font-size:14px; padding:8px 0px }
    .gbox.active .iimg .act { display:flex; }

.gameinfo-con {  }
.gi-main { display:flex; gap:32px; }
    .gi-main .iimg { width:40% }
    .gi-main .infos { display:flex; flex-direction:column; gap:24px; width:70%; text-align:left }
        .gi-main .infos .title {  }
            .gi-main .infos .title h3 { font-weight:bold; text-transform:uppercase; font-size:58px; line-height:58px }
            .gi-main .infos .title span { font-size:18px; padding-left: 5px; }
        .gi-main .infos .seperator { border-bottom:2px dashed #a250fb; width:100%; display:block; }
        .gi-main .infos .act { display:flex; gap:12px }
        .gi-main .infos .requirements { border:1px solid #9549e7; border-radius:16px; background-color:#000000; padding:28px; display:flex; flex-wrap:wrap; gap:16px; justify-content:center; align-items:center }
            .gi-main .infos .requirements .reqs { display:flex; flex-direction:column; font-size:16px; width:calc(33.33% - 12px); text-align:center }
                .gi-main .infos .requirements .reqs b { font-size:20px }
.gi-desc { text-align:left; padding:48px 0px; line-height: 30px; }
    .gi-desc h5 { font-weight:bold; }

.blogrows.r1 .blogbox:nth-child(2) {
    flex: 1;
}
@media only screen and (max-width: 1400px) {

    

    .container { max-width:96% }

    .btns { font-size:2.4vw; padding:0.4vw }
    .btns span { padding:1.2vw 3.6vw }

    .hb .desc .title h2 { font-size:8vw; line-height:8vw }
    .hb .desc .title h3 { font-size:7vw; line-height:7vw }
    .hb .desc .title h4 { font-size:5.2vw; line-height:5.2vw }
    .hb .desc .text { padding:3vw 0 }

    h2 { font-size:5.6vw }

    .aboutus-conbox .boxes .bbox { padding:2vw }
    .aboutus-conbox .boxes .bbox .tt { font-size:2.6vw }
    .aboutus-conbox .boxes .bbox .text { font-size:2.2vw }
    .aboutus-conbox .boxes .bbox .seperator { margin:2vw 0 }

    .blogbox-con { margin-bottom:-23vw }
    .blogbox .content h5 { font-size:3.2vw }
    .blogrows { gap:2vw; padding-bottom:2vw }

    .exgames .desc .title h2 { font-size:8vw; line-height:8vw }
    .exgames .desc .text { padding:3vw 0 }

    .partnerbox { gap:4vw }

    .contactbox .desc .title h2 { font-size:8vw; line-height:8vw }
    .contactbox .desc .text { padding:3vw 0 }

    .form-control { font-size:2vw; padding:1.5vw 4.5vw; margin-bottom:2vw }

    .gbox .names { font-size:1.2vw; }

    .gi-main .infos { gap:2vw }
    .gi-main .infos .title h3 { font-size:4vw; line-height:4vw }
    .gi-main .infos .title span { font-size:1.6vw }
    .gi-main .infos .requirements { padding:2vw }
    .gi-main .infos .requirements .reqs { font-size:2vw }
    .gi-main .infos .requirements .reqs b { font-size:2.6vw }

}

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

    .navbar-collapse { flex-grow:1 ; flex-basis: 100%!important; padding-bottom:12px }
    .header .nav-link { padding:8px 0px!important; text-align:right; text-shadow: 2px 2px 10px #000000, -2px -2px 10px #000000, 0px 0px 30px #000000, 0px 0px 30px #000000, 0px 0px 30px #000000, 0px 0px 30px #000000; }

    .milestones { padding:12vw 0 24vw }
    .milestones .res .text { font-size:1.3vw }

    .gfilter-con { flex-wrap:wrap }
    .gfilter-con div:first-child, gfilter-con div:last-child { width:100% }
    .gfilter-con div { width:calc(33.33% - 8px) }
    .gfilter .dropdown-toggle { font-size:2.4vw; padding:1.6vw }

}

@media only screen and (max-width: 768px) {
    body { font-size:2vw }

    .glist-con .gbox { width:calc(25% - 9px) }
    .gbox .iimg .act .btns { font-size:2.4vw }
    .gbox .names { font-size:1.6vw; }

    .logo img { max-height: 50px; }
    .hb { margin-top: 0px; }
    .sub.text { font-size: 16px; line-height: 30px;}
    .aboutus-conbox .top .img .logo-badge { width: 15%; }
    .badge-effect { width: 35%; }
    .aboutus-conbox .boxes .bbox { width: calc(45% - 10px); }
    .aboutus-conbox .boxes .bbox .text {font-size: 14px; line-height: 26px;}
    .milestones .res .text { font-size: 12px; line-height: 14px;}
    .gi-desc { font-size: 12px; line-height: 16px; }
    .gi-main .iimg { width: 50%; }

    .certifiedbox h3 { font-size:5.5vw }
    .certifiedbox p { font-size:2.2vw }
    .certifiedbox .cert-badge img { max-width:220px }

}

@media only screen and (max-width: 479px) {
    body { font-size:3vw }

    .aboutus-conbox .boxes { gap:12px; }
    .aboutus-conbox .boxes .bbox { width:calc(50% - 6px) }

    .footer { font-size:12px; }
    .footin { flex-wrap:wrap }
    .footin h5 { font-size:12px; }
    .footin ul li { padding:4px 0px }
    .fubox i { font-size:9vw }
    .copyright { font-size:12px; text-align:center }

    .hb { margin-top: 0px; }
    .sub.text { font-size: 12px; line-height: 16px;}
    .aboutus-conbox .top .img .logo-badge { width: 13%; }
    .badge-effect { width: 35%; }
    .aboutus-conbox .boxes .bbox {border: 2px solid #3d00a1; box-shadow: 0px 0px 10px #b14cff;}
    .aboutus-conbox .boxes .bbox .tt { font-size: 3.6vw;}
    .aboutus-conbox .boxes .bbox .text { font-size: 10px ; line-height: 16px; }
    .contactbox .iimg .main { margin-top: 20px; }
    .milestones .res .date { font-size: 16px; }
    .milestones .res .text { font-size: 5px; line-height: 8px;}
    .gi-desc { font-size: 12px; line-height: 16px; }
    .gi-main .infos .act .btns { font-size: 4.4vw; }
    .gi-main .iimg { width: 70%; margin: 0px auto; }
    .mt-5 { margin-top: 0px !important; }
    h2 { font-size: 8.6vw; }

    .glist-con .gbox { width:calc(33.33% - 8px) }
    .gbox .names { font-size:2.4vw; }

    .gi-main { flex-direction:column;gap: 18px }
    .gi-main .infos { width:100% }
    .gi-main .infos { text-align:center; gap:4vw }
    .gi-main .infos .title h3 { font-size:8vw; line-height:8vw }
    .gi-main .infos .title span { font-size:3vw }
    .gi-main .infos .act { justify-content:center }
    .gi-main .infos .requirements { gap:3vw; padding:3vw }
    .gi-main .infos .requirements .reqs { font-size:3vw }
    .gi-main .infos .requirements .reqs b { font-size:4.2vw }
    .gi-desc { padding:6vw 0 }

    .h3, h3 {
        font-size: 18px;
    }
    .h1mo {
        font-size: 16px;
    }

    .certifiedbox h3 { font-size:7vw }
    .certifiedbox p { font-size:13px; line-height:1.6 }
    .certifiedbox .cert-badge { padding:18px 26px; border-width:2px; box-shadow:0 0 10px #b14cff }
    .certifiedbox .cert-badge img { max-width:160px }
}