/* Above-the-fold grid so bootstrap.css can load async on the homepage */
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.col-12,.col-md-4,.col-md-6,.col-md-10,.col-md-11,.col-lg-6,.col-lg-7,.col-xl-5,.col-xl-6,.col-xl-7{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col-12{flex:0 0 100%;max-width:100%}
.d-none{display:none!important}
@media (min-width:992px){
  .container{max-width:960px}
  .col-lg-6{flex:0 0 50%;max-width:50%}
  .col-lg-7{flex:0 0 58.333%;max-width:58.333%}
  .d-lg-block,.d-none.d-lg-block{display:block!important}
  .d-lg-flex,.d-none.d-lg-flex{display:flex!important}
}
.align-items-center{align-items:center}
.justify-content-center{justify-content:center}
.justify-content-between{justify-content:space-between}
.text-center{text-align:center}
@media (min-width:768px){.container{max-width:720px}.col-md-4{flex:0 0 33.333%;max-width:33.333%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-10{flex:0 0 83.333%;max-width:83.333%}.col-md-11{flex:0 0 91.666%;max-width:91.666%}.d-md-block{display:block!important}}
@media (min-width:1200px){.container{max-width:1140px}.col-xl-5{flex:0 0 41.666%;max-width:41.666%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333%;max-width:58.333%}}
.upcoming_wrapper,.just-gamers-area,.released-games-area,.featured-game-area{content-visibility:auto;contain-intrinsic-size:auto 480px}
footer{content-visibility:visible;overflow:visible}

/* Clip extra slides the moment Slick wraps them — slick.css loads async and otherwise
   the next slide peeks as a vertical/horizontal hairline on first paint. */
.slider-active,.slider-active .slick-list{overflow:hidden}
.slick-list{margin:0;padding:0}
.banner-slider img[data-src]:not([src]),
.banner-slider img[data-src][src=""]{visibility:hidden;border:0}
.transparent-header .navbar-wrap ul li>.submenu{transform:scale(0);overflow:hidden}
.transparent-header .navbar-wrap ul li:hover>.submenu,
.transparent-header .navbar-wrap ul li.show>.submenu{transform:scale(1);overflow:visible}
.mean-container a.meanmenu-reveal span{display:block;width:18px;max-width:18px;height:2px;background:#fff}

.slick-dots{display:none !important;}.profile-card-2{max-width:300px;background-color:#fff;box-shadow:0 0 25px rgba(0,0,0,.1);background-position:center;overflow:hidden;position:relative;margin:10px auto;cursor:pointer;border-radius:10px}.profile-card-2 img{transition:all linear .25s}.profile-card-2 .profile-name{position:absolute;left:30px;bottom:70px;font-size:30px;color:#fff;text-shadow:0 0 20px rgba(0,0,0,.5);font-weight:700;transition:all linear .25s}.profile-card-2 .profile-username{position:absolute;bottom:50px;left:30px;color:#fff;font-size:13px;transition:all linear .25s}h1, h2, h3, h4, h5, h6, .outer_wrapper_matches h4, .outer_wrapper_matches p, .outer_wrapper_matches h6, .outer_wrapper_matches p span {font-family: 'Poppins' !important;}.outer_wrapper_matches .row .col-3 {padding: 0 5px;}
/* Keep first slide visible before Slick init — hiding until JS was crushing LCP (~20s+) */
.slider-active{opacity:1;visibility:visible}
.slider-active:not(.slick-initialized)>.single-slider{display:none}
.slider-active:not(.slick-initialized)>.single-slider:first-child{display:block}
.slider-area.banner-slider{min-height:420px}
@media screen and (max-width:767px){.slider-area.banner-slider{min-height:320px}}
.banner-slider .slider-img img,
.banner-slider .slider-circle-shape img{height:auto;max-width:100%}
/* 1×1 lazy GIFs with height:auto become squares and stretch Slick to show a dark band
   under the current slide until later slides hydrate. Keep the real logo box. */
.banner-slider .slider-content h2 img{
  display:block;
  width:auto;
  max-width:min(100%,600px);
  height:auto;
  max-height:258px;
  aspect-ratio:600/258;
  object-fit:contain;
}
.innerPrice img{width: auto !important;margin-right: 5px;}.outer_wrapper_matches p {width: auto !important;justify-content: flex-start !important;}.outer_wrapper_matches .row {padding: 6px 10px 0;}.outer_wrapper_matches .row p{color: #333333;font-weight: 300;font-size: 13px;}.join_now_btn a {color: #ffffff;font-size: 13px !important;font-weight: 300;}.innerPrice {margin-bottom: 0 !important;}.shop-item .product-thumb img {width: 100%;min-height: 245px;object-fit: cover;}.shop-area .shop-item .product-content {min-height: 245px;}.product-active .slick-arrow.slick-next:hover {color: #ffffff;}.beta-slider .slick-arrow {position: absolute;transform: translateY(-50%);width: 37px;height: 33px;color: #000000;border: 0;border-radius: 3px;display: inline-block;transition: .3s linear;background: #e4a101;cursor: pointer;z-index: 1;}.beta-slider .slick-slide img {width: 100%;}.beta-slider .slick-prev {left: 10px;top: 50%;}.beta-slider .slick-next {top: 50%;right: 10px;}@media screen and (max-width:767px) {.btn.btn-style-two {padding: 15px 25px !important;margin: 0 6px !important;font-size: 14px;}.logo img{height:55px;width:auto;max-width:160px;object-fit:contain;display:block;}.mean-container a.meanmenu-reveal span {height: 1px !important;margin-top: 4px !important;}.mean-container a.meanmenu-reveal {border: 1px solid #fff !important;height: 20px !important;line-height: 20px !important;margin-top: -40px !important;padding: 4px 6px !important;width: 20px !important;}.transparent-header {padding: 10px 0 0px;}.shop-item .product-thumb img {min-height: 150px;}.slider-style-two {padding: 80px 0 40px !important;}.section-title h2 {font-size: 24px !important;margin: 0;}.released-games-area {padding-bottom: 20px !important;}.title-style-two, .title-style-three{margin-bottom: 5px !important;}.banner-slider .slick-slide .slider-content h2 img{width:auto;max-width:100%;height:auto;max-height:180px;margin:0 auto;aspect-ratio:600/258;object-fit:contain;}.just-gamers-bg{padding-bottom: 50px !important;}.just-gamers-list-content p{font-size: 14px !important;}.upcoming_wrapper {padding-bottom: 0 !important;}.footer-social ul {margin: 0 !important;}.footer-social ul li{margin-bottom: 10px;}.fw-link ul li a{line-height: 34px !important;}.footer-widget .fw-title {margin-bottom: 10px;}.mean-container .mean-nav ul li a{padding: 8px 5% !important;font-size: 14px !important;}.mean-container .mean-nav ul li a.mean-expand {padding: 4px 10px !important;height: 28px !important;width: 18px !important;font-size: 18px !important;}.transparent-header .mean-container a.meanmenu-reveal{font-size: 14px !important;}.s-footer-bg{padding-bottom: 0 !important;}.fw-title h5{padding-bottom: 10px !important;}.slider_matches .shop-item {margin: 0 12px;}.footer-contact ul li {margin-bottom: 8px;font-size: 14px;line-height: 24px;}.footer-contact ul li i {margin-right: 6px;}.newsletter-wrap{margin-bottom: 30px !important;}.copyright-text p{line-height: 24px;}#scrollUp {height: 30px;width: 30px;font-size: 20px;line-height: 30px;}.tawk-min-container .tawk-button-circle.tawk-button-large {width: 45px;height: 45px;}.slider_matches .product-content {padding: 30px 20px 20px;}svg.tawk-min-chat-icon {width: 22px;}}@media screen and (max-width:991px) {.banner-slider {padding-top: 80px;}}

.teamModal .btn{
    height: 40px;
    padding: 0 20px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
}

.teamModal h5{
    color: #432352 !important;
}
.redBtn::before{
        background-image: none !important;
}
.greenBtn::before{
        background-image: none !important;
}

.redBtn{
    background-color: #FF3572;
       
}
.greenBtn{
    background-color: #3FB87E;
    
}
.teamLogo{
    width: 70px;
    height: 70px;
    border-radius: 100px;
    margin-bottom: 20px;
}
.teamModal .modal-footer {
    justify-content: center;
    border: 0;
}
.teamModal .modal-body{
    text-align: center;
}

.teamModal .modal-dialog {
    max-width: 400px;
}
.teamModal .modal-dialog .modal-content {
    border-radius: 30px;
    border: 0;
    padding: 30px 10px;
}
.teamModal form{
    margin-top: 20px;
}
.teamModal form input{
    height: 40px;
    padding: 0 20px;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #F0F0F0;
    border: 0;
    width: 100%;
}

/* Homepage accessibility: contrast, link distinction, named overlay controls */
.slider-area,
.banner-slider { background-color: #120c16; }
.slider-content p { color: #ffffff; }
.just-gamers-bg { background-color: #140c18; }
.white-title p,
.title-style-three.white-title p,
.just-gamers-list-content p { color: #f2f2f2; }
.just-gamers-list-content h5 { color: #ffffff; }
.just-gamers-list ul li > a { display: block; overflow: hidden; color: inherit; }
.title-style-three p { color: #444444; }
.s-footer-bg { background-color: #161417; padding-top: 70px; }
.fw-title h5 { line-height: 1.25; overflow: visible; }
.s-copyright-wrap { background-color: #161417; }
.footer-text p,
.footer-contact ul li,
.footer-contact ul li span,
.copyright-text p { color: #e8e8e8; }
.fw-link ul li a { color: #f0f0f0; }
.copyright-text a,
.fw-link ul li a {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.header-social ul li a { color: #f2f2f2; }
.header-top-offer p,
.header-top-mail p,
.header-top-mail p a { color: #e8e8e8; text-decoration: none; }
.transparent-header .menu-style-two { padding: 18px 30px; }
.transparent-header .logo img,
.main-menu .logo img {
    height: 72px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
    display: block;
}
.main-menu nav { align-items: center; }
.pn-yt-facade {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    padding: 0;
    border: 0;
    background: #000;
    cursor: pointer;
    overflow: hidden;
}
.pn-yt-facade img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.pn-yt-facade::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    margin: -24px 0 0 -34px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath fill='%23f00' d='M66.5 7.7c-.8-2.9-3-5.2-5.9-6C55.1.5 34 .5 34 .5S12.9.5 7.4 1.7c-2.9.8-5.1 3.1-5.9 6C.3 13.2.3 24 .3 24s0 10.8 1.2 16.3c.8 2.9 3 5.2 5.9 6C12.9 47.5 34 47.5 34 47.5s21.1 0 26.6-1.2c2.9-.8 5.1-3.1 5.9-6C67.7 34.8 67.7 24 67.7 24s0-10.8-1.2-16.3z'/%3E%3Cpath fill='%23fff' d='M45 24L27 14v20'/%3E%3C/svg%3E") center / contain no-repeat;
    pointer-events: none;
}
.btn.btn-style-two { color: #1a1208; }
.btn.btn-style-two:hover,
.btn.btn-style-two:focus { color: #1a1208; }
#scrollUp { color: #1a1208; }
.outer_wrapper_matches h6,
.outer_wrapper_matches p span { color: #2e2e2e; }
.dragon-tabs .nav-tabs .nav-link.active { color: #2e2e2e; }