body{font-family:"Noto Sans SC",sans-serif;font-size:16px;font-weight:600;line-height:28px;color:var(--white);background:var(--body);text-transform:uppercase;padding:0;margin:0;overflow-x:hidden}
.flex{display:flex!important}
.d-inline-flex{display:inline-flex!important}
.d-none{display:none!important}
.justify-content-center{justify-content:center!important}
.justify-content-around{justify-content:space-around!important}
.justify-content-evenly{justify-content:space-evenly!important}
.justify-content-between{justify-content:space-between!important}
.align-items-center{align-items:center}
.absolute{position:absolute}
.relative{position:relative}
.fixed{position:fixed}
.bm-0{bottom:0}
.left-0{left:0}
.right-0{right:0}
.right-10{right:10px}
.f-column{flex-direction:column}
.f-row{flex-direction:row}
.t-10{top:10px}
.t-0{top:0}
.t--10{top:-10px}
.t-5{top:5px}
.z-2{z-index:2}
.z-3{z-index:3}
.d-block{display:block}
.d-inline-block{display:inline-block}
.h-20{height:20px}
.h-25{height:25px}
.mr-10{margin-right:10px}
.mt-10{margin-top:10px}
.mb-10{margin-bottom:10px}
.mb-0{margin-bottom:0!important}
.team.noborder{border:0}
.top--10{top:-10%}
.z-1{z-index:1}
.text-gray{color:var(--color-text-primary)}
.club-blog-items .content h3,.comingSoon h2{background-image:linear-gradient(to right,#6b29d7,#1c8fdf);background-clip:text;-webkit-background-clip:color: transparent;-webkit-text-fill-color:transparent}
.w-95{width:95%}
.w-80{width:80%}
.hero-1 .hero-content h6,.hero-2 .hero-content h1,.section-title h1 span,.section-title h2 span{letter-spacing:var(--spacing-short)}
.mlr-auto{margin:0 auto}
.hero-content{width:100%}
.section-title h1,.section-title h2{text-shadow:0 3px 3px #0009}
.w-90{width:90%}
.w-100{width:100%}
.h-100{height:100%}
.text-center{text-align:center!important}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.d-grid{display:grid}
.flex-warp{flex-wrap:wrap}
.flex-49{flex:0 0 49%}
.right{text-align:right}
.center{text-align:center}
.left{text-align:left}
.align-items-start{align-items:flex-start}
.pt-10{padding-top:10px!important}
.pb-10{padding-bottom:10px!important}
.pb-100{padding-bottom:100px!important}
.text-white{color:var(--white)}
.section-title h2 span,.section-dark-title h2 span,.section-title h1 span{color:var(--theme)}
.section-padding{padding:40px 0}
.section-title h2 span.purple,.section-dark-title h2 span.purple,.section-title h3 span.purple{color:var(--lightYellow)}
.section-title h2 .text-weight-700{font-weight:700;color:var(--header);letter-spacing:initial;-webkit-text-stroke-width:initial}
.section-dark-title{position:relative;z-index:99;margin-bottom:30px;isolation:isolate;flex-direction:row}
.align-items > div{align-items:center}
.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;display:block}
.section-dark-title h3{font-size:50px;line-height:1.2;font-weight:800;}
.section-dark-title h3 span{color:var(--theme)}
section p{margin:20px 0;color:var(--white);}
section p strong{color:var(--white);font-weight:500}
table,td,th{border:1px solid var(--ast-border-color)}
table thead tr th,table tr:first-child{background-color:#4052a2;color:#fff;text-align:center;min-width:50px}
table{border-collapse:collapse;border-spacing:0;border-width:1px 0 0 1px;margin:0;width:100%}
th{font-weight:600}
th,td{text-align:center;font-size:.95rem;vertical-align:middle;padding:5px;background:#4678af;color:#fff;word-break:break-word}
table tbody tr td:nth-child(n + 2),table tr:not(:first-child) td:nth-child(n + 2){background-color:#3d3e56;color:var(--white);text-align:left}
ul{padding:0;margin:0;list-style:none}
button{border:none;background-color:transparent;padding:0}
input:focus{color:var(--white);outline:none}
input{color:var(--white)}
h1,h2,h3,h4,h5,h6{font-family:"Noto Sans SC",sans-serif;margin:0;padding:0;color:var(--white);transition:all .4s ease-in-out;text-transform:uppercase;overflow:hidden}
h1{font-size:100px;font-weight:800;line-height:109%}
h2{font-size:48px;font-weight:700;line-height:190%}
input:checked ~ .qacontent{max-height:400px;transition:max-height,1s}
input:checked ~ label .cross:before{transform:rotate(180deg)}
input:checked ~ label .cross:after{transform:rotate(0deg)}
input.accordionMenu{display:none}
label{width:100%;height:50px;cursor:pointer;align-items:center;background:#0000004d;border:2px solid #b8b8b8;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
label h3{color:var(--white);font-size:20px;padding-left:20px}
label div:first-child{width:100%;line-height:45px;margin-left:10px;font-size:1.2em}
.back-to-top{border-radius:0;background-color:#5c65db;width:50px;height:50px;line-height:50px;color:var(--white);font-size:18px;position:fixed;display:inline-block;z-index:999;right:10px;bottom:20px;transition:all .4s ease-in-out;opacity:0;visibility:hidden;transform:translateY(20px)}
.back-to-top:hover{background-color:var(--header);color:var(--white)}
.back-to-top.show{opacity:1;visibility:visible;transform:translate(0)}
.preloader{align-items:center;cursor:default;display:flex;height:100%;justify-content:center;position:fixed;left:0;top:0;width:100%;z-index:9999999}
.preloader .animation-preloader{z-index:1000}
.preloader .animation-preloader .spinner{animation:spinner 1s infinite linear;border-radius:50%;border:3px solid #0000000d;border-top-color:var(--white);border-bottom-color:var(--white);height:9em;margin:0 auto 3.5em;width:9em}
@media (max-width: 767px) {
.preloader .animation-preloader .spinner{width:7.5em;height:7.5em;margin:0 auto 1.5em}
}
.preloader .animation-preloader .txt-loading{font:500 5em "Big Shoulders",sans-serif,"Chakra Petch",sans-serif;text-align:center;user-select:none;font-family:"Big Shoulders",sans-serif;font-weight:700}
@media (max-width: 767px) {
.preloader .animation-preloader .txt-loading{font-size:2em}
}
.preloader .animation-preloader .txt-loading .letters-loading{color:var(--white);position:relative}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before{animation-delay:.2s}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before{animation-delay:.4s}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before{animation-delay:.6s}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before{animation-delay:.8s}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before{animation-delay:1s}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before{animation-delay:1.2s}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before{animation-delay:1.4s}
.preloader .animation-preloader .txt-loading .letters-loading::before{animation:letters-loading 4s infinite;color:var(--bs-indigo);content:attr(data-text-preloader);left:0;opacity:0;font-family:"Big Shoulders",sans-serif;position:absolute;top:-1px;transform:rotateY(-90deg);text-shadow:0 0 1px var(--bs-indigo),0 0 1px var(--bs-indigo);mix-blend-mode:difference}
.preloader p{font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:8px;color:var(--theme)}
.preloader .loader{position:fixed;top:0;left:0;width:100%;height:100%;font-size:0;z-index:1;pointer-events:none}
.preloader .loader .row{height:100%}
.preloader .loader .loader-section{padding:0}
.preloader .loader .loader-section .bg{background-image:var(--loadingbg);height:100%;left:0;width:101%;transition:all 800ms cubic-bezier(0.77,0,0.175,1)}
.preloader.loaded .animation-preloader{opacity:0;transition:.3s ease-out}
.preloader.loaded .loader-section .bg{width:0;transition:.7s .3s allcubic-bezier(0.1,0.1,0.1,1)}
.aboutContent{padding-bottom:0px}
.gbtn,.vbtn{border-radius:3px;padding:10px 0;font-weight:700;font-size:20px;text-align:center;cursor:pointer;user-select:none;box-shadow:0 2px 2px #00000026;background:#459ee970;}
.vbtn{color:var(--white);padding: 20px 30px;}
.gbtn.is-disable{opacity:.25;cursor:not-allowed;pointer-events:none;background:var(--btnTeam);}
.gbtn.is-selected,.vbtn.is-selected,.team-btn.is-selected{background:var(--accent);border-color:var(--darkblue);color:#fff;font-weight:700;}
.mapcontainer img{width:100%}
.mapcontainer{width:100%}
.participating{flex-direction:row}
.participating table{width:100%}
.overlay{position:absolute;height:100%;width:100%;z-index:1;top:0}
.marker{position:absolute;width:22px;height:22px;background-color:#2b3db0a3;border-radius:50%;color:#fff;box-shadow:0 0 0 7px #2b48b02e;transition:all ease 2s;transition-delay:3s}
.marker.active{animation:pulse 1s ease forwards}
.marker:after{content:attr(data-count);width:100%;text-align:center;display:block;font-size:.95rem;line-height:22px}
.marker1{left:15%;top:30%}
.marker2{left:27%;top:63%}
.marker3{left:47%;top:35%}
.marker4{left:80%;top:33%}
.marker5{left:52%;top:47%}
.marker6{left:77%;top:58%}
.marker7{left:22%;top:43%}
table .marker{position:relative;left:inherit;top:inherit;float:left}
.mask{background:#deffec;background:radial-gradient(circle,#deffec00 38%,#44557866 100%);z-index:9;border-radius:var(--radius);padding:10px}
.onTop>img.pushNotification{width:200px}
.onTop>p.lead{margin-bottom:5px}
.onTop>article{background:#38508761;border-radius:100px;color:var(--white);padding:0 10px}
.tooltip{position:absolute;width:120px;padding:.5rem 1.5rem;display:block;text-align:center;color:#fff;box-shadow:1px 3px 10px 2px #0000000d;border-radius:20px;font-size:14px;background-color:#11283f;transform:translate(-1900px,210px);transition:transform 1s ease;will-change:transform;z-index:20}
.tooltip:after{content:'\25B2';color:#11283f;width:0;height:0;top:-15px;left:45%;font-size:1.2rem;text-shadow:0 -3px 10px #0000000d;display:block;position:absolute}
.modal-actions.mobile{display:none;}
@keyframes pulse {
50%{box-shadow:0 0 0 21px #2b4db000}
68.9%{box-shadow:0 0 0 50px #2b54b000}
69%{box-shadow:0 0 0 0 #2b36b02e}
100%{box-shadow:0 0 0 7px #422bb02e}
}
.club-blog-section{background:url(../img/club-blog-bg.jpg) no-repeat center center / cover}
.ranking-section{background:url(../img/ranking-bg.jpg) no-repeat center center / cover}
.testimonial-section{background:url(../img/testimonial/testimonial-bg.jpg) no-repeat center center / cover}
.gt-breadcrumb-wrapper{background:url(../img/breadcrumb-bg.jpg) no-repeat center center / auto 100%}
.footer-section{background:url(../img/footer-bg.jpg) no-repeat center center / auto 100%}
.section-dark-title::before{position:absolute;top:20%;width:100%;height:100%;content:"";background:url(../img/bg_title_dark.png) no-repeat left center / auto 100%;pointer-events:none}
.cta-section{background:url(../img/news-01.jpg) no-repeat left center / auto 100%;opacity:.8;height:800px}
.cta-section::after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:#00106e5c url(../img/imgoverlay.png) repeat}
.img_1{background:url(../img/champion_1.jpg) no-repeat left center / auto 100%}
.img_2{background:url(../img/champion_2.jpg) no-repeat left center / auto 100%}
.img_3{background:url(../img/champion_3.jpg) no-repeat left center / auto 100%}
.img_4{background:url(../img/champion_4.jpg) no-repeat left center / auto 100%}
.img_5{background:url(../img/champion_5.jpg) no-repeat left center / auto 100%}
.cta-left{z-index:3}
.cta-left p{color:var(--white);margin-bottom:60px}
.cta-banner-wrapper::after{position:absolute;content:"";width:100%;height:100%;top:0;background:url(../img/cta-match.jpg) no-repeat left center / auto 100%;opacity:.8;z-index:2}
.score-wrapper-3 .score-content ul li{color:var(--white);font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;opacity:.8}
.score-wrapper-3 .score-content ul li strong{background:#ffff00;color:var(--black);border-radius:3px;padding:0 3px;}
.bg-wave{position:relative;inset:0;overflow:hidden;background:linear-gradient(165deg,#9a9ef0 50%,#b2cdff 68%,#eaf2ff 92%,#fff 100%)!important}
.bg-wave::before{content:"";position:absolute;inset:-18%;background:radial-gradient(950px 650px at 138% 22%,#1f127d6e 0%,#e59bdb54 80%),radial-gradient(950px 520px at 72% 52%,#ac96d152 0%,#84e6ec87 68%),radial-gradient(1200px 700px at 18% 68%,#8ec0ff8c 10%,#8fbff47a 0%);filter:blur(12px);transform:rotate(-12deg) scale(1.08);opacity:1;transform:rotate(-2deg) scale(1.08);opacity:1;z-index:0}
.bg-wave::after{content:"";position:absolute;inset:-58%;background:linear-gradient(140deg,#ff9f9f00 0%,#fff9 36%,#ff050500 72%),linear-gradient(140deg,#fff0 0%,#ffffff73 36%,#fff0 72%),linear-gradient(140deg,#fff0 0%,#ffffff52 36%,#fff0 72%),linear-gradient(140deg,#fff0 0%,#ff5f5f38 66%,#fff0 82%);background-repeat:no-repeat;background-size:170% 22%,170% 24%,170% 26%,170% 28%;background-position:0 18%,0 44%,0 68%,0 86%;filter:blur(16px);transform:rotate(-18deg);opacity:.5;mix-blend-mode:plus-lighter;z-index:0}
.score-section-3,.score-section-4{background:url(../img/score-bg.jpg) no-repeat center center / cover;z-index:9;}
.score-wrapper-3 .score-content .score-box-items{display:flex;align-items:center;justify-content:center;gap:32px;border-bottom:1px solid #c7c9ce52;padding-bottom:30px;margin:30px 0}
.score-wrapper-3 .score-content ul{display:flex;align-items:center;justify-content:space-between}
.score-section-4{height:450px;padding:0}
.score-section-4 .container,.score-wrapper-3{height:100%}
.score-section-4 .shape-1{position:absolute;top:0;left:10px;z-index:-1}
.score-section-4 .shape-2{position:absolute;bottom:0;left:-82px;;z-index:-1}
.score-section-4 .shape-3{position:absolute;top:0;right:-69px;z-index:-1}
.score-section-4 .shape-4{position:absolute;bottom:0;right:20px;z-index:-1}
.score-wrapper-3 .score-content .score-box-items .content .original{gap:8px;padding:15px;background:#2a2b3c;width:100px;}
.score-wrapper-3 .score-content .score-box-items .content .original.title-box{background:var(--theme);}
.score-wrapper-3 .score-content .score-box-items .content .original.title-box.bg-2{background:#464e5e52;backdrop-filter:blur(9.5px)}
.score-wrapper-3 .score-content .score-box-items .content .original.title-box h4{font-size:20px;color:var(--white);font-weight:900}
.score-wrapper-3 .score-content .score-box-items .content .original.title-box h2{font-size:40px;color:var(--white);font-weight:900}
.cross{margin-right:15px;margin-top:-16px}
.cross:before,.cross:after{content:'';border-top:2px solid var(--white);width:15px;display:block;margin-top:18px;transition:.3s}
.cross:after{transform:rotate(90deg);margin-top:-2px}
.qacontent{box-sizing:border-box;font-size:.95rem;margin:10px;max-height:0;overflow:hidden;transition:max-height,.5s;color:var(--whiteopa60);font-weight:200;letter-spacing:-.02rem}
.wrapper{flex-direction:row}
.wrapper h1{font-size:30px;margin:20px 0;color:var(--yellow)}
.wrapper>div{width:50%}
.wrapper>div.left{margin-right:1%}
.wrapper>div.right{margin-left:1%}
.slide-one-half{height:450px;overflow:hidden}
.slide-one-half .swiper-slide{background-size:cover;background-position:center}
.gallery-top{height:80%;width:100%}
.gallery-thumbs{height:20%;box-sizing:border-box;padding:10px 0}
.gallery-thumbs .swiper-slide{height:100%;opacity:.4}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1}
.questions{margin-top:20px;max-height:0;overflow:hidden;transition:max-height,.5s}
.questions label{border:none;box-shadow:none;margin:0}
input:checked ~ .questions{max-height:400px;border-bottom:2px solid #3E474F;transition:1s}
.section-title-area{display:flex;height:100px;align-items:center;justify-content:center}
.tip{color:#f03768;cursor:help;position:relative;overflow:visible;font-family:monospace;font-size:1.3em}
.tip:before,.tip:after{position:absolute;opacity:0;z-index:-100;transform:translateY(-30%);transition:.4s}
.tip:before{content:'';border-style:solid;border-width:.8em .5em 0;border-color:#3E474F transparent transparent;transform:translateY(-200%);bottom:90%;left:50%}
.tip:after{content:attr(data-tip);background:#3E474F;color:#fff;width:150px;padding:10px;font-size:.8em;bottom:150%;left:-50%}
.tip:hover:before,.tip:hover:after{opacity:1;z-index:100;transform:scaleY(1)}
.btnGRroup{position:relative;width:60%;margin:20px auto}
.theme-btn{font-size:22px;position:relative;border-radius:5px;z-index:5;font-weight:700;text-transform:uppercase;letter-spacing:.5px;height:63px;line-height:60px;background:var(--accent);overflow:hidden;padding:0 25px;color:var(--white);box-shadow:0 5px 10px rgb(0 0 0 / 80%), 0 0 0 0 inset rgba(5, 5, 5, 0.1), -0.05em -0.05em 0.05em 0 inset var(--shadow-dark), 0 0 0.05em 0.2em inset var(--shadow-light), 0.025em 0.05em 0.1em 0 inset #000, 0.12em 0.12em 0.12em inset var(--shadow-light), -0.075em -0.25em 0.25em 0.1em inset var(--shadow-dark);margin:20px 0}
.theme-btn.border{background:#0000009e;border:1px solid #ffffff7a}
.theme-btn::before{left:50%;content:"";position:absolute;width:0;top:33px;height:0;background:#e3cd0dd4;border-radius:5px;transform:translate(0%,0%);transition:all .2s ease-in-out;z-index:-1;mix-blend-mode:exclusion}
.theme-btn:after{position:absolute;content:'';display:inline-block;top:-180px;left:0;width:30px;height:100%;background-color:#fff;animation:shiny-btn1 3s ease-in-out infinite}
.theme-btn:disabled::after{content:none;}
@-webkit-keyframes shiny-btn1 {
0%{-webkit-transform:scale(0) rotate(45deg);opacity:0}
80%{-webkit-transform:scale(0) rotate(45deg);opacity:.5}
81%{-webkit-transform:scale(4) rotate(45deg);opacity:1}
100%{-webkit-transform:scale(50) rotate(45deg);opacity:0}
}
.theme-btn span{transition:.3s}
.theme-btn span:hover{color:var(--black)}
.theme-btn.bg-white{color:var(--header);background-color:var(--white)}
.theme-btn.bg-white::before{background-color:var(--theme)}
.theme-btn i{margin-left:10px;margin-top:17px}
.theme-btn:hover{color:var(--white);box-shadow:.1em .15em .05em 0 inset var(--shadow-strong),-.025em -.03em .05em .025em inset #05050580 .25em .25em .2em 0 inset #05050580 0 0 .05em .5em inset #ffffff26 .12em .12em .12em inset var(--shadow-light),-.075em -.12em .2em .1em inset var(--shadow-dark);background-color:#040018}
.theme-btn:hover::before{width:101%;left:-.075rem;top:0;height:100%;display:inline-block;transition:all .8s ease-in-out;transform:scale(0.975)}
@keyframes slideRight {
49%{-webkit-transform:translateX(100%);transform:translateX(100%)}
50%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
51%{opacity:1}
}
@keyframes slideUp {
49%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
50%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}
51%{opacity:1}
}
.link-btn{display:inline-block;font-size:16px;font-weight:700;text-transform:uppercase;color:var(--theme);text-decoration:underline}
.link-btn i{margin-left:6px}
.mouseScroll{position:absolute;width:auto;height:24px;bottom:40px;left:50%}
.chevron{position:absolute;width:28px;height:2px;opacity:0;transform:scale3d(0.5,0.5,0.5);animation:move 3s ease-out infinite}
.leading{font-size:24px;line-height:32px}
.swiper{width:100%;padding-bottom:30px}
.swiper .swiper-slide{overflow:hidden;display:flex;flex-direction:column;align-items:start;justify-content:start;cursor:pointer;height:auto;align-self:stretch}
.swiper .swiper-slide .image{width:100%;background:#0528f0;padding-bottom:56.25%}
.swiper .swiper-slide .title{font-weight:700;padding:10px}
.swiper .swiper-slide .description{padding:0 10px 10px;color:#90ee90}
.swiper .swiper-slide.cta{background:#0528f0;align-items:center;justify-content:center}
.swiper .swiper-pagination{bottom:0}
.filter-wrapper{text-align:center;margin:20px auto}
.chevron:first-child{animation:move 3s ease-out 1s infinite}
.chevron:nth-child(2){animation:move 3s ease-out 2s infinite}
.chevron:before,.chevron:after{content:' ';position:absolute;top:0;height:100%;width:51%;background:#fff}
.chevron:before{left:0;transform:skew(0deg,30deg)}
.chevron:after{right:0;width:50%;transform:skew(0deg,-30deg)}
.team-section{--tx:-20px;--op:0}
.team-section,.team-section .container{position:relative}
.team-section::before,.team-section::after,.team-section .container::before,.team-section .container::after{position:absolute;content:"";right:50%;transform:skewX(-30deg) translateX(var(--tx));z-index:0;padding:8px;display:inline-block;opacity:var(--op);transition:transform .6s ease,opacity .6s ease}
.team-section.is-inview{--tx:20px;--op:1}
.team-section::before{width:300px;height:570px;top:20px;margin-right:-245px;background:linear-gradient(180deg,#121773ff 0%,#8ca6fa00 100%)}
.team-section.is-outview{--tx:-20px;--op:0}
.team-section.is-inview::before{transition-delay:0ms}
.team-section.is-inview::after{transition-delay:150ms}
.team-section.is-inview .container::before{transition-delay:300ms}
.team-section.is-inview .container::after{transition-delay:450ms}
.team-section.is-outview::before{transition-delay:450ms}
.team-section.is-outview::after{transition-delay:300ms}
.team-section.is-outview .container::before{transition-delay:150ms}
.team-section.is-outview .container::after{transition-delay:0ms}
.team-section::after{width:640px;height:720px;top:55px;margin-right:-125px;background:linear-gradient(180deg,#9c1fb5cc 0%,#40dec100 100%);mix-blend-mode:plus-lighter;z-index:2}
.team-section .container::before{width:690px;top:90px;height:780px;margin-right:-270px;background:linear-gradient(180deg, #1c00b0 0%, #de40c600 100%);mix-blend-mode:plus-lighter;filter:blur(66px);z-index:q}
.team-section .container::after{width:330px;top:90px;height:780px;margin-right:-270px;background:linear-gradient(180deg,#0086ca4d 0%,#de40c600 100%);mix-blend-mode:overlay;z-index:0}
.split-subline span{margin-left:3px;width:233px;display:inline-flex}
.split-line b,.split-subline b,.split-subline span b{position:relative}
.split-line b:first-child{font-size:100px;letter-spacing:-27px;top:34px}
.split-line b:nth-child(2){font-size:95px;top:26px;letter-spacing:-26px}
.split-line b:nth-child(3){font-size:85px;top:22px;letter-spacing:-12px}
.split-line b:nth-child(4){font-size:75px;top:19px;letter-spacing:-11px}
.split-line b:nth-child(5){font-size:75px;top:13px}
.split-subline b:first-child{font-size:50px;letter-spacing:-10px;top:7px}
.split-subline b:nth-child(2){font-size:48px;top:4px;letter-spacing:-15px}
.split-subline span b:first-child{font-size:80px;top:11px}
.split-subline span b:nth-child(2){font-size:84px;left:-14px;top:14px}
.split-subline span b:nth-child(3){font-size:76px;top:14px;left:-26px}
.split-subline span b:nth-child(4){font-size:70px;top:11px;left:-43px}
.split-line>b,.split-subline>b{text-shadow:2px 2px 4px #00000080}
@keyframes move {
25%{opacity:1}
33%{opacity:1;transform:translateY(30px)}
67%{opacity:1;transform:translateY(40px)}
100%{opacity:0;transform:translateY(55px) scale3d(0.5,0.5,0.5)}
}
.text{display:block;margin-left:-13px;font-size:14px;color:#fff;font-weight:600;white-space:nowrap;opacity:.25;animation:pulse 2s linear alternate infinite}
@keyframes pulse {
to{opacity:1}
}
@media (max-width: 575px) {
body{font-size:16px;font-weight:200;line-height:1.5}
}
.swipeHint{position:absolute;left:70%;bottom:-74px;width:90px;height:90px;pointer-events:none;z-index:50;transition:all .45s ease;transform:rotate(-35deg)}
.swipeHint__finger{position:absolute;left:50%;bottom:0;transform:scale(1);width:120px;height:auto;will-change:transform,opacity;animation:fingerMove 2.4s ease-in-out infinite}
.swipeHint::before,.swipeHint::after{content:"";position:absolute;top:4px;left:calc(50% + 41px);width:18px;height:18px;border-radius:999px;border:2px solid #ffffffd9;opacity:0;transform:translate(-50%,-50%) scale(.35);will-change:transform,opacity;animation:ripple 3s ease-out infinite}
.swipeHint::after{animation-delay:.18s;border-color:#ffffffb3}
@keyframes fingerMove {
0%{transform:scale(.8)}
50%{transform:scale(1)}
100%{transform:scale(.8)}
}
@keyframes ripple {
0%,20%{opacity:0;transform:translate(-50%,-50%) scale(.35)}
28%{opacity:1;transform:translate(-50%,-50%) scale(.6)}
45%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}
100%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}
}
.section-title h2{color:var(--skyBlue);background-image:url(../img/wavy.png);background-repeat:repeat-x;background-position:-200px 100%;background-size:230px;animation:slideleft 1500s infinite linear}
@keyframes slideleft {
from{background-position-x:-200px}
to{background-position-x:-90000px}
}
.hero-content h2,.hero-content h3{color:var(--white);font-weight:500}
.hero-content h2{margin:20px 0;text-align:center}
.hero-content h3{font-weight:300;letter-spacing:-1px;text-align:center}
@media (max-width: 1399px) {
h2{font-size:44px}
}
@media (max-width: 1199px) {
h2{font-size:40px}
}
@media (max-width: 991px) {
h2{font-size:36px}
}
@media (max-width: 767px) {
h2{font-size:42px}
}
@media (max-width: 575px) {
h2{font-size:36px;margin:20px 0 5px}
.hero-content h2{margin:20px 0;font-size:24px;font-weight:500;letter-spacing:var(--spacing-short)}
.section-title h2{font-size:32px}
}
h3{font-size:24px;font-weight:800;line-height:134%}
@media (max-width: 575px) {
h3{font-size:18px;font-weight:600;line-height:145%}
}
h4{font-size:18px;font-weight:400}
h5{font-size:18px;font-weight:600}
h6{font-size:20px;font-weight:300}
.section-title h6,.section-dark-title h6{box-decoration-break:clone;background:#287afc;display:inline-block}
a{text-decoration:none;outline:none!important;cursor:pointer;color:var(--header);transition:all .4s ease-in-out}
p{margin:0;transition:all .4s ease-in-out;letter-spacing:-.01rem;font-size:1rem;font-weight:200;line-height:1.5}
span{margin:0}
.lock{width:20px;margin-right:5px}
.about-wrapper .about-image{position:relative}
@media (max-width: 1199px) {
.about-wrapper .about-image img{width:100%;height:100%}
}
.about-wrapper .about-image .thumb1{position:absolute;left:-70px;bottom:80px}
@media (max-width: 767px) {
.about-wrapper .about-image .thumb1{left:0}
}
@media (max-width: 575px) {
.about-wrapper .about-image .thumb1{max-width:140px}
}
.about-wrapper .about-image .thumb2{position:absolute;right:50px;top:50px}
.about-wrapper .about-content .about-list-items ul li{display:flex;align-items:center;gap:10px;font-weight:300;color:var(--header);font-size:20px}
@media (max-width: 575px) {
.about-wrapper .about-image .thumb2{max-width:140px;top:210px}
p,.about-wrapper .about-content .about-list-items ul li,.about-wrapper .about-content .about-list-items ul li:not(:last-child){font-size:.95rem}
}
.about-wrapper .about-content .about-text{margin-bottom:0;border-bottom:1px solid #c7c9ce3d;padding-bottom:25px}
.about-wrapper .about-content .about-list-items{padding-top:25px;margin-bottom:50px}
@media (max-width: 1199px) {
.about-wrapper .about-content .about-list-items{flex-wrap:wrap;gap:20px}
}
.about-wrapper .about-content .about-list-items ul li:not(:last-child){margin-bottom:18px}
.about-wrapper .about-content .about-list-items ul li i{color:var(--theme);font-size:20px}
.about-section{position:relative;z-index:9}
.about-section .left-shape{position:absolute;top:0;left:0;z-index:-1}
@media (max-width: 1199px) {
.about-section .left-shape{display:none}
}
.about-section .right-shape{position:absolute;right:0;bottom:0;top:0;z-index:-1}
@media (max-width: 1199px) {
.about-section .right-shape{display:none}
}
.about-section .right-shape img{height:100%}
.about-wrapper-2 .about-image-items{position:relative;z-index:9}
.about-wrapper-2 .about-image-items .about-image{max-width:472px;position:relative}
.about-wrapper-2 .about-image-items .about-image .text-circle{position:absolute;bottom:50px;right:-90px;z-index:1;animation:cir36 10s linear infinite;width:260px;height:260px}
.about-wrapper-2 .about-image-items .about-image .text-circle .ball-cicrle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;border-radius:50%;background-color:#368ef5;text-align:center;line-height:100px}
.about-wrapper-2 .about-image-items .about-image .text-circle::before{position:absolute;top:50%;left:50%;content:"";transform:translate(-50%,-50%);width:268px;height:268px;background-color:#88a8ffd9;border-radius:50%;z-index:-1}
.about-wrapper-2 .about-image-items .about-image .text-circle img{width:initial;height:initial;position:relative;z-index:1}
.about-wrapper-2 .about-image-items .about-image img{width:100%;height:100%}
.about-wrapper-2 .about-image-items .about-sm-img{position:absolute;max-width:254px;top:14%;right:-1%;border-radius:254px;border:6px solid var(--theme)}
.about-section{background:url(../img/bg_splashingInk.png) no-repeat left top / 51% auto}
@media (max-width: 470px) {
.about-wrapper-2 .about-image-items .about-sm-img{max-width:140px;border-radius:2px solid var(--theme);border-radius:50%}
.about-section{background:url(../img/bg_splashingInk.png) no-repeat center top / 120% auto}
.about-section::before{position:absolute;content:"";width:100%;height:500px;bottom:0;background:url(../img/World_Cup.jpg) no-repeat center bottom / 120% auto;z-index:0}
.about-section .container{z-index:1}
.about-wrapper .about-content .about-list-items ul li{flex-wrap:wrap;gap:5px}
.about-wrapper .about-content .about-list-items ul li strong{flex:0 0 100%;text-indent:1.5pc}
}
.about-wrapper-2 .about-image-items .about-sm-img img{width:100%;height:100%}
.about-wrapper-2 .about-image-items .about-sm-img .img{position:absolute;z-index:-1;top:-30%;right:20%}
.about-wrapper-2 .about-content{margin-left:40px}
@media (max-width: 1199px) {
.about-wrapper-2 .about-content{margin-left:0}
}
.about-wrapper-2 .about-content .about-text{margin-top:25px;font-size:16px}
.about-wrapper-2 .about-content h5{font-size:20px;font-weight:700;font-family:"Chakra Petch",sans-serif;margin-top:20px}
.about-content .text-area{display:flex;align-items:end;margin:20px 0;gap:20px}
.about-content .text-area strong{font-size:30px;color:#1eb0ff;font-weight:900}
.about-content .text-area h3{font-size:20px;font-weight:700;text-decoration:underline;text-underline-offset:-1px;text-decoration-thickness:8px;text-decoration-color:#5cd5ff85}
.about-content .text-area p{color:#464E5E}
.about-content .theme-btn{margin-top:50px}
.about-section-2{position:relative;padding:100px 0 40px;background:linear-gradient(-45deg,#0e295f,#192c6e,#0c0095,#180643);background-size:400% 400%;-webkit-animation:gradient 15s ease infinite;animation:gradient 5s ease infinite}
.about-section-2.gradient::before{position:absolute;content:"";width:100%;height:70%;bottom:0;left:0;background:linear-gradient(180deg,#2d335e00 0%,#0c0000 100%)}
@-webkit-keyframes gradient {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
@keyframes gradient {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.about-section-2 .vec-shape{position:absolute;bottom:-140px;left:0;z-index:-1}
@media (max-width: 1899px) {
.about-section-2 .vec-shape{display:none}
}
.about-wrapper-3 .about-left-items .about-image{position:relative;z-index:9}
.about-wrapper-3 .about-left-items .about-image img{width:100%;height:100%}
.about-wrapper-3 .about-left-items .about-image .thumb{max-width:260px;position:absolute;bottom:-2%;right:3%}
@media (max-width: 1199px) {
.about-wrapper-3 .about-left-items .about-image .thumb{max-width:180px;bottom:0}
}
.about-wrapper-3 .about-content{margin-left:30px}
@media (max-width: 1199px) {
.about-wrapper-3 .about-content{margin-left:0}
}
.about-wrapper-3 .about-content .section-title h6{color:var(--header);font-family:"Chakra Petch",sans-serif;font-size:18px;font-weight:700;line-height:26px;letter-spacing:6px;text-transform:uppercase;padding:10px 0;position:relative;display:inline-block}
.about-wrapper-3 .about-content .section-title h6::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,#FE5900 0%,#c9cbdf00 100%)}
.about-wrapper-3 .about-content .section-title h6::after{content:"";position:absolute;bottom:1px;left:0;width:100%;height:1px;background:linear-gradient(270deg,#FE5900 0%,#c9cbdf00 100%)}
.about-wrapper-3 .about-content .about-text{margin-top:25px;margin-bottom:30px}
.about-wrapper-3 .about-content .list-box{margin-top:20px}
.about-wrapper-3 .about-content .list-box .list-content{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.about-wrapper-3 .about-content .list-box .list-content i{color:var(--theme)}
.about-wrapper-3 .about-content .list-box .list-content h5{font-family:"Chakra Petch",sans-serif;font-size:18px;font-weight:700}
.about-wrapper-3 .about-content .theme-btn{margin-top:50px}
@media (max-width: 767px) {
.about-wrapper-3 .about-content .theme-btn{margin-top:30px}
.about-wrapper-2 .about-content .text-area strong{font-size:30px;color:#1eb0ff;font-weight:900}
.team-section::after{width:382px;top:45px;background:linear-gradient(180deg, #5a1cdbcc 0%, #40dec100 100%);margin-right:19px}
.about-content .text-area h3{text-decoration-color:#3b66fe85}
.team-section .container::after{width:570px;background:linear-gradient(180deg, #4e0c8e94 0%, #de40c600 100%);mix-blend-mode:plus-lighter}
}
.about-section-3{position:relative}
.about-section-3 .stoke-title2{color:var(--header);font-size:188px;font-weight:900;letter-spacing:-1.88px;text-transform:uppercase;opacity:.06;writing-mode:vertical-rl;position:absolute;top:0;left:20px;bottom:0}
@media (max-width: 1199px) {
.about-section-3 .stoke-title2{display:none}
}
.about-section-3 .stoke-title2 span{-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#030523;font-size:188px;font-weight:900;letter-spacing:-1.88px;text-transform:uppercase;opacity:1;color:transparent}
@-webkit-keyframes rippleOne {
70%{-webkit-box-shadow:0 0 0 40px #f4443800;box-shadow:0 0 0 40px #f4443800}
100%{-webkit-box-shadow:0 0 0 0 #f4443800;box-shadow:0 0 0 0 #f4443800}
}
@keyframes rippleOne {
70%{-webkit-box-shadow:0 0 0 40px #f4443800;box-shadow:0 0 0 40px #f4443800}
100%{-webkit-box-shadow:0 0 0 0 #f4443800;box-shadow:0 0 0 0 #f4443800}
}
@keyframes cir36 {
100%{transform:rotate(360deg)}
}
@keyframes rounded {
50%{transform:rotate(15deg)}
}
@keyframes up-down {
0%{transform:translateY(10px)}
100%{transform:translateY(-10px)}
}
@-webkit-keyframes spinner {
to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}
@keyframes spinner {
to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}
@-webkit-keyframes letters-loading {
0%,75%,100%{opacity:0;transform:rotateY(-90deg)}
25%,50%{opacity:1;transform:rotateY(0deg)}
}
@keyframes letters-loading {
0%,75%,100%{opacity:0;transform:rotateY(-90deg)}
25%,50%{opacity:1;transform:rotateY(0deg)}
}
@keyframes loaderspin {
0%{transform:translate(-50%,-50%) rotate(0deg)}
100%{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes tpswing {
0%{-webkit-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg)}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes width {
0%{width:0}
100%{width:100%}
}
@-webkit-keyframes width {
0%{width:0}
100%{width:100%}
}
@-webkit-keyframes loaderspin {
0%{transform:translate(-50%,-50%) rotate(0deg)}
100%{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes loaderpulse {
0%{transform:scale(1)}
100%{transform:scale(1.2)}
}
@keyframes rounded {
50%{transform:rotate(20deg)}
}
@keyframes cir36 {
100%{transform:rotate(360deg)}
}
.float-bob-y{-webkit-animation-name:float-bob-y;animation-name:float-bob-y;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}
@-webkit-keyframes float-bob-y {
0%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
}
@keyframes float-bob-y {
0%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
}
.float-bob-x{-webkit-animation-name:float-bob-x;animation-name:float-bob-x;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}
@-webkit-keyframes float-bob-x {
0%{-webkit-transform:translateX(0px);transform:translateX(30px)}
50%{-webkit-transform:translateX(10px);transform:translateX(10px)}
100%{-webkit-transform:translateX(30px);transform:translateX(30px)}
}
@keyframes float-bob-x {
0%{-webkit-transform:translateX(30px);transform:translateX(30px)}
50%{-webkit-transform:translateX(10px);transform:translateX(10px)}
100%{-webkit-transform:translateX(30px);transform:translateX(30px)}
}
@keyframes bounce-x {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(30px);transform:translateX(30px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.bounce-x{-webkit-animation:bounce-x 7s infinite linear;animation:bounce-x 7s infinite linear}
@keyframes criss-cross-left {
0%{left:-20px}
50%{left:50%;width:20px;height:20px}
100%{left:50%;width:375px;height:375px}
}
@keyframes criss-cross-right {
0%{right:-20px}
50%{right:50%;width:20px;height:20px}
100%{right:50%;width:375px;height:375px}
}
@keyframes rotated2 {
0%{transform:rotate(0)}
100%{transform:rotate(-360deg)}
}
@keyframes wave {
0%{transform:translateX(0)}
50%{transform:translateX(-25%)}
100%{transform:translateX(-50%)}
}
@keyframes zoom {
0%{transform:scale(0.5)}
50%{transform:scale(1)}
100%{transform:scale(0.5)}
}
@keyframes translateY2 {
0%{-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px)}
100%{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px)}
}
@keyframes translateX2 {
0%{-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-o-transform:translateX(-30px);transform:translateX(-30px)}
100%{-webkit-transform:translatXY(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translateX(20px)}
}
@keyframes moving {
0%{transform:translatey(0px)}
20%{transform:translateX(-50px)}
50%{transform:translatey(-40px)}
100%{transform:translatey(0px)}
}
.img-custom-anim-right{animation:img-anim-right 1.3s forwards cubic-bezier(0.645,0.045,0.355,1) .4s;opacity:0}
@keyframes img-anim-right {
0%{transform:translateX(5%);clip-path:inset(0 0 0 100%);opacity:0}
100%{transform:translateX(0);clip-path:inset(0 0 0 0);opacity:1}
}
.img-custom-anim-left{animation:img-anim-left 1.3s forwards cubic-bezier(0.645,0.045,0.355,1) .4s;opacity:0}
@keyframes img-anim-left {
0%{transform:translateX(-5%);clip-path:inset(0 100% 0 0);opacity:0}
100%{transform:translateX(0);clip-path:inset(0 0 0 0);opacity:1}
}
.img-custom-anim-top{animation:img-anim-top 1.3s forwards cubic-bezier(0.645,0.045,0.355,1);opacity:0}
@keyframes img-anim-top {
0%{transform:translateY(-5%);clip-path:inset(0 0 100% 0);opacity:0}
100%{transform:translateY(0);clip-path:inset(0 0 0 0);opacity:1}
}
@keyframes animate-positive {
0%{width:0}
}
@keyframes scale {
0%{top:-1000px;-webkit-transform:scale(1);transform:scale(1);opacity:0}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.animation-infinite{animation:ShapeAnim 50s linear infinite;height:30px;width:100%;background-repeat:repeat;overflow:hidden}
@keyframes ShapeAnim {
0%{background-position:top left}
100%{background-position:top left 3000px}
}
.splt-txt .whitespace{width:8px}
.splt-txt.animated .char{-webkit-animation:fadeIn .4s cubic-bezier(0.3,0,0.7,1) both;animation:fadeIn .4s cubic-bezier(0.3,0,0.7,1) both;-webkit-animation-delay:calc(30ms * var(--char-index));animation-delay:calc(30ms * var(--char-index))}
.splt-txt-bounce .whitespace{width:20px}
@media (max-width: 991px) {
.splt-txt-bounce .whitespace{width:10px}
}
.splt-txt-bounce.animated .char{-webkit-animation:bounceIn .4s cubic-bezier(0.3,0,0.7,1) both;animation:bounceIn .4s cubic-bezier(0.3,0,0.7,1) both;-webkit-animation-delay:calc(30ms * var(--char-index));animation-delay:calc(30ms * var(--char-index))}
.sponsor-wrapper .sponsor-image{text-align:center;padding:25px 40px}
@media (max-width: 1399px) {
.sponsor-wrapper .sponsor-image{padding:20px;border:1px solid #c7c9ce3d!important}
.sponsor-wrapper .sponsor-image img{width:initial!important}
}
.sponsor-wrapper .sponsor-image img{width:100%;height:64px}
@media (max-width: 767px) {
.sponsor-wrapper .sponsor-image img{height:initial;width:70px!important}
}
.sponsor-wrapper .theme-btn{margin-left:20px;padding:0 24px}
.sponsor-wrapper .bb-left{border-left:1px solid #c7c9ce3d}
.sponsor-wrapper .bb-right{border-right:1px solid #c7c9ce3d}
.sponsor-wrapper .bb-bottom{border-bottom:1px solid #c7c9ce3d}
.sponsor-wrapper .bb-top{border-top:1px solid #c7c9ce3d}
.brand-logo-3{margin-top:30px;text-align:center;border:1px solid #c7c9ce3d;padding:30px 0}
.sponsor-wrapper-21{margin-top:60px}
@media (max-width: 1199px) {
.sponsor-wrapper-21{margin-top:30px}
}
.sponsor-wrapper-21 .table-responsive{overflow:hidden}
@media (max-width: 1399px) {
.sponsor-wrapper-21 .table-responsive{overflow-x:auto}
.sponsor-wrapper-21 .table-responsive .sponsor-wrap{width:1500px}
}
.sponsor-wrapper-21 .sponsor-box-items{display:flex;align-items:center;justify-content:space-between}
.sponsor-wrapper-21 .sponsor-box-items .sponsor-img{width:180px;height:148px;border:1px solid #c7c9ce3d;display:flex;align-items:center;justify-content:center}
.sponsor-wrapper-21 .sponsor-box-items .sponsor-img img{max-width:100%;max-height:100%;object-fit:contain}
.sponsor-wrapper-21 .sponsor-box-items .sponsor-img.bb-top-none{border-top:none}
.sponsor-wrapper-21 .sponsor-box-items .sponsor-img.bb-top-bottom{border-bottom:none}
.sponsor-wrapper-21 .sponsor-box-items .sponsor-img.bb-top-left{border-left:none}
.sponsor-wrapper-21 .sponsor-box-items .sponsor-img.bb-top-right{border-right:none}
.sponsor-wrapper-21 .sponsor-box-items .sponsor-img.bb-none{border:none!important}
.contact-info-wrapper{max-width:1000px;margin:0 auto;padding:80px 0}
.contact-info-wrapper .contact-info-items{border-left:2px solid var(--theme);padding-left:24px}
.contact-info-wrapper .contact-info-items h3{margin-bottom:10px}
.contact-info-wrapper .contact-info-items p{color:#464E5E}
.contact-info-wrapper .contact-info-items p b{font-weight:600;display:block;color:#464E5E}
.contact-info-wrapper .contact-info-items p a{color:#464E5E;display:block}
.contact-box-wrapper .map-area iframe{width:100%;height:628px}
.contact-box-wrapper .gt-contact-right-items{border-radius:0;background-color:var(--bg);padding:43px}
@media (max-width: 767px) {
.contact-box-wrapper .gt-contact-right-items{padding:30px}
}
.contact-box-wrapper .gt-contact-right-items h2{font-size:32px;margin-bottom:10px}
.contact-box-wrapper .gt-contact-right-items .contact-form-box{margin-top:30px}
.contact-box-wrapper .gt-contact-right-items .contact-form-box h4{margin-bottom:15px;font-family:"Chakra Petch",sans-serif;font-size:18px;font-weight:700}
.contact-box-wrapper .gt-contact-right-items .contact-form-box .form-clt input,.contact-box-wrapper .gt-contact-right-items .contact-form-box .form-clt textarea{border-radius:0;border:none;background:var(--white);line-height:1;padding:20px 25px;width:100%;text-transform:capitalize;color:var(--text);font-weight:600}
.contact-box-wrapper .gt-contact-right-items .contact-form-box .form-clt textarea{padding-bottom:110px}
.cta-banner-wrapper{position:relative;display:flex;align-items:center;justify-content:space-between;padding-right:30px}
@media (max-width: 1199px) {
.cta-banner-wrapper{display:grid;gap:30px;justify-content:center;padding:30px;text-align:center}
}
.cta-banner-wrapper .cta-left{display:flex;align-items:center;gap:24px}
@media (max-width: 1199px) {
.cta-banner-wrapper .cta-left{display:grid;gap:20px;justify-content:center}
}
.cta-banner-wrapper .cta-left h2{color:var(--white);font-size:48px}
@media (max-width: 575px) {
.cta-banner-wrapper .cta-left h2{font-size:35px}
}
.cta-banner-wrapper .cta-left h2 span{font-size:40px}
.cta-banner-wrapper .right-image{position:absolute;right:0;bottom:0;top:0}
@media (max-width: 1399px) {
.cta-banner-wrapper .right-image{display:none}
}
.cta-banner-wrapper .right-image img{height:100%}
.ranking-wrapper .ranking-table-1{margin-top:60px}
@media (max-width: 991px) {
.ranking-wrapper .ranking-table-1{margin-top:20px}
}
.ranking-wrapper .ranking-table-1 .top-content{margin-bottom:30px;display:flex;align-items:center;align-items:end;justify-content:center}
@media (max-width: 575px) {
.ranking-wrapper .ranking-table-1 .top-content{margin-bottom:10px;flex-wrap:wrap;gap:20px;justify-content:center;text-align:center}
}
.ranking-wrapper .ranking-table-1 .top-content .content h3{margin-bottom:7px}
.ranking-wrapper .ranking-table-1 .top-content .content P{color:#fffc}
.ranking-wrapper .ranking-table-1 .top-content .rank-text{text-decoration:underline;color:var(--theme);text-transform:uppercase;font-size:16px;font-weight:700}
.ranking-wrapper .ranking-table-1 table{width:100%;margin:0 auto;border-collapse:collapse;font-size:16px;text-align:left;border:1px solid #ffffff26}
@media (max-width: 1399px) {
.ranking-wrapper .ranking-table-1 table{width:800px}
}
.ranking-wrapper .ranking-table-1 table th,.ranking-wrapper .ranking-table-1 table td{border:1px solid #ffffff26;padding:18px 20px;font-size:16px;font-weight:600;text-transform:uppercase}
.ranking-wrapper .ranking-table-1 table thead th{font-size:16px;font-weight:600;text-transform:uppercase;color:#ffffffb3}
.ranking-wrapper .ranking-table-1 table .rank{font-weight:700;font-size:18px;color:#fff}
.ranking-wrapper .ranking-table-1 table .club{display:flex;align-items:center;font-size:16px;gap:12px;font-weight:700;color:#fff;text-transform:uppercase;border:none;border-bottom:1px solid #c7c9ce29!important}
.ranking-wrapper .ranking-table-1 table .club.bb-none{border-bottom:none!important}
.ranking-wrapper .ranking-table-1 table .club img{width:32px;height:auto;display:block}
.ranking-wrapper .ranking-table-1 table .points{font-weight:700;color:#fff;text-transform:uppercase}
.ranking-wrapper .ranking-table-1 table .pos{font-weight:700;color:#fff;text-transform:uppercase}
.ranking-wrapper .ranking-table-1 table .pos.negative{font-weight:700;color:#fff;text-transform:uppercase}
.match-box-items{background-color:#fff;text-align:center;border-width:1px;border-style:solid;border-image:linear-gradient(to right,#bbc7ce,#FFF,#c0c7cb);border-image-slice:80;padding:30px;box-shadow:0 0 2px 0 #3030301a 0 4px 4px 0 #3030301a}
.match-box-items a{background:#18aaf9;color:var(--white);padding:0 3px}
@media (max-width: 1199px) {
.match-box-items{padding:15px}
}
.match-box-items h3{font-size:24px;border-bottom:1px solid #c7c9ce66;padding-bottom:15px;margin-bottom:25px}
.match-box-items h4 strong{color:var(--black)}
.match-box-items h4{font-size:18px;font-weight:600;margin-bottom:5px;color:#9ea5b3}
.match-box-items .match-schedule{display:flex;align-items:center;gap:30px;justify-content:center;margin-top:25px}
.match-status{background-color:var(--color-bg-alert);color:var(--color-text-alert);padding:8px 12px;border-radius:6px;font-weight:600;font-size:14px;display:flex;align-items:center;line-height:1;margin-right:auto}
.match-status:before{content:"";display:block;width:6px;height:6px;background-color:currentColor;border-radius:50%;margin-right:8px}
@media (max-width: 1199px) {
.match-box-items .match-schedule{gap:15px}
}
.match-box-items .match-schedule span{display:flex}
.match-box-items .match-schedule .match-date{background-color:var(--white);padding:12px 24px;line-height:1}
@media (max-width: 1199px) {
.match-box-items .match-schedule .match-date{padding:10px 16px}
}
.match-box-items .match-schedule .match-date span{color:var(--header);font-size:24px;font-weight:900;font-family:"Big Shoulders",sans-serif}
@media (max-width: 1199px) {
.match-box-items .match-schedule .match-date span{font-size:48px}
.match-box-items .match-schedule .match-date span strong{font-size:35px;font-weight:700;line-height:1.3;padding:0 10px;color:#dbdade}
}
.match-box-items .match-btn{display:flex;align-items:center;gap:16px;margin-top:35px;justify-content:center}
@media (max-width: 1399px) {
.match-box-items .match-btn{flex-wrap:wrap;justify-content:center}
}
.match-box-items .match-btn .theme-btn{height:52px;line-height:52px;padding:0 30px;background-color:var(--color-violet);border:1px solid transparent}
@media (max-width: 1600px) {
.match-box-items .match-btn .theme-btn{padding:0 15px}
.match-box-items .match-btn .theme-btn svg{margin-top:16px;margin-right:-4px;transform:scale(.7)}
}
.match-box-items .match-btn .theme-btn::before{background-color:var(--theme)}
.match-box-items .match-btn .theme-btn:hover{border:1px solid var(--theme)}
.match-box-items .match-btn .theme-btn.style-2{background-color:transparent;border:1px solid #464E5E;color:var(--header)}
.match-box-items .match-btn .theme-btn.style-2::before{background-color:var(--theme)}
.match-box-items .match-btn .theme-btn.style-2 svg path{fill:var(--header);transition:all .4s ease-in-out}
.match-box-items .match-btn .theme-btn.style-2:hover{color:var(--white);border:1px solid var(--theme)}
.match-box-items .match-btn .theme-btn.style-2:hover svg path{fill:var(--white)}
@media (max-width: 991px) {
.match-result-wrapper{padding:40px 0}
.match-result-wrapper .array-button-2{display:flex!important;justify-content:center}
}
.match-result-wrapper .left-headling{color:var(--header);font-size:20px;font-weight:700;text-transform:uppercase}
@media (max-width: 991px) {
.match-result-wrapper .left-headling{text-align:center}
.flag-item{width:80px;height:80px}
.flag-item h5{font-size:.95rem}
}
.match-result-wrapper .match-result-item{border-left:1px solid #C7C9CE;padding:32px 16px;position:relative}
@media (max-width: 991px) {
.match-result-wrapper .match-result-item{border-left:none;background-color:var(--white)}
}
.match-result-wrapper .match-result-item .arrow-shape{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.match-result-wrapper .match-result-item p{font-size:16px;font-weight:700;color:var(--header);text-transform:uppercase;text-align:center}
.match-result-wrapper .match-result-item ul li{display:flex;align-items:center;justify-content:space-between}
.match-result-wrapper .match-result-item ul li:not(:last-child){margin-bottom:10px}
.match-result-wrapper .match-result-item ul li .match-left{color:var(--header);font-size:17px;font-weight:700;display:flex;align-items:center;gap:10px}
.match-result-wrapper .match-result-item ul li .match-right{display:grid;align-items:center}
.match-result-wrapper .match-result-item ul li .match-right span{color:var(--header);font-size:16px;font-weight:700}
.match-result-wrapper .swiper-slide-duplicate-next{border-right:1px solid #C7C9CE}
.match-result-wrapper .swiper-slide-duplicate-prev{border-right:1px solid #C7C9CE}
.ticket-box-items{margin-top:30px;display:flex;align-items:center;padding:25px;position:relative;background-repeat:no-repeat;background-position:center;gap:40px;background-color:var(--white);position:relative;padding-left:42px;overflow:hidden}
.ticket-box-items .circle2{width:32px;height:32px;border-radius:50%;background-color:#F5F6F6;position:absolute;bottom:-14px;left:92px}
.ticket-box-items .circle-list{display:grid;align-items:center;gap:18px;position:absolute;left:-18px}
.ticket-box-items .circle-list .circle-1{width:32px;height:32px;border-radius:50%;background-color:#F5F6F6}
.ticket-box-items .circle1{width:32px;height:32px;border-radius:50%;background-color:#F5F6F6;position:absolute;top:-14px;left:92px}
.ticket-box-items .mask-shape{position:absolute;bottom:0;left:0;right:0;width:100%;height:100%}
.ticket-box-items .ticket-left{position:relative;z-index:9;border-right:1px dashed #C7C9CE;padding-right:27px}
.ticket-box-items .ticket-left p{font-size:14px;font-weight:700;text-transform:uppercase}
.ticket-box-items .ticket-left .number{font-size:40px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;color:var(--header);font-family:"Big Shoulders",sans-serif;writing-mode:vertical-rl;transform:rotate(0deg);margin-top:8px}
.ticket-box-items .ticket-left h6{font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:20px}
.ticket-box-items .content{position:relative;z-index:9}
.ticket-box-items .content span{margin-bottom:10px;display:inline-block}
.ticket-box-items .content span img{margin-right:6px}
.ticket-box-items .content span b{font-weight:700;color:var(--header)}
.ticket-box-items .content .match-list{display:flex;align-items:center;gap:10px;margin-top:10px;margin-bottom:30px}
.ticket-box-items .content .match-list h3{font-size:20px}
.ticket-box-items .content .theme-btn{height:49px;line-height:49px;padding:0 22px}
.ticket-scaner{background-color:#030523;padding:21px 20px;margin-top:30px;text-align:center}
.ticket-scaner h3{font-size:20px;color:var(--white);margin-bottom:15px}
.ticket-scaner .theme-btn{font-size:14px;padding:0 16px;margin-top:17px}
.ticket-scaner .theme-btn::before{background-color:var(--white)}
.ticket-scaner .theme-btn:hover{color:var(--header)}
.upcooming-match-wrapper .upcomming-match-items-2{background-color:#F5F6F6;padding:24px}
.upcooming-match-wrapper .upcomming-match-items-2 .top-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--theme);padding-bottom:15px}
.upcooming-match-wrapper .upcomming-match-items-2 .top-head h6{font-size:14px;font-weight:700;font-family:"Chakra Petch",sans-serif}
.upcooming-match-wrapper .upcomming-match-items-2 .top-head h6 span{font-weight:600}
.upcooming-match-wrapper .upcomming-match-items-2 .match-list{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.upcooming-match-wrapper .upcomming-match-items-2 .match-list ul li{display:flex;align-items:center;gap:16px}
.upcooming-match-wrapper .upcomming-match-items-2 .match-list ul li:not(:last-child){border-bottom:1px solid #c7c9ce3d;padding-bottom:8px;margin-bottom:8px}
.upcooming-match-wrapper .upcomming-match-items-2 .match-list ul li img{width:initial;height:initial}
.upcooming-match-wrapper .upcomming-match-items-2 .match-list ul li span{font-weight:700;color:var(--header)}
.upcooming-match-wrapper .upcomming-match-items-2 .match-list h3{display:flex;align-items:center;gap:10px}
.upcooming-match-wrapper .upcomming-match-items-2 .match-list h3 span{font-size:16px;font-weight:600;font-family:"Chakra Petch",sans-serif;color:#464E5E}
.upcooming-match-wrapper .upcomming-match-items-2 .bottom-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c7c9ce3d;margin-top:15px;padding-top:12px}
.upcooming-match-wrapper .upcomming-match-items-2 .bottom-head p{font-size:14px;color:var(--header);font-weight:600}
.upcooming-match-wrapper .upcomming-match-items-2 .bottom-head span{font-size:14px;color:var(--header);font-weight:700}
.upcooming-match-wrapper .upcomming-match-slider{height:475px}
@media (max-width: 1399px) {
.upcooming-match-wrapper .upcomming-match-slider{height:530px}
}
@media (max-width: 1199px) {
.upcooming-match-wrapper .upcomming-match-slider{height:475px}
}
@media (max-width: 767px) {
.upcooming-match-wrapper .upcomming-match-slider{height:242px}
}
.upcooming-match-wrapper .fifa-ranking-box{padding:50px 48px;background-color:#F5F6F6}
@media (max-width: 991px) {
.upcooming-match-wrapper .fifa-ranking-box{padding:35px}
}
@media (max-width: 575px) {
.upcooming-match-wrapper .fifa-ranking-box{padding:28px}
}
.upcooming-match-wrapper .fifa-ranking-box h3{font-size:32px;border-bottom:1px solid #c7c9ce3d;padding-bottom:25px;margin-bottom:28px}
.upcooming-match-wrapper .fifa-ranking-box table{width:100%;margin:0 auto;border-collapse:collapse;font-size:16px;border-radius:0;font-weight:600;overflow:hidden}
@media (max-width: 767px) {
.upcooming-match-wrapper .fifa-ranking-box table{width:700px}
}
.upcooming-match-wrapper .fifa-ranking-box thead{background:#ffecec;color:var(--header);font-weight:600;font-size:16px;text-transform:uppercase}
.upcooming-match-wrapper .fifa-ranking-box thead th{padding:15px;color:var(--header);font-weight:600;font-size:16px}
.upcooming-match-wrapper .fifa-ranking-box tbody tr{background:#fff;border-bottom:1px solid #eee}
.upcooming-match-wrapper .fifa-ranking-box tbody tr:nth-child(even){background:#f9f9f9}
.upcooming-match-wrapper .fifa-ranking-box tbody td{padding:15px;text-align:center;font-weight:700;color:#464E5E;font-size:18px}
.upcooming-match-wrapper .fifa-ranking-box .rank{color:#464E5E;font-weight:700}
.upcooming-match-wrapper .fifa-ranking-box .country{text-align:left;font-weight:700;color:#0a0a23;white-space:nowrap}
.upcooming-match-wrapper .fifa-ranking-box .country img{width:30px;height:20px;vertical-align:middle;margin-right:10px;border:1px solid #ddd}
.upcooming-match-wrapper .fifa-ranking-box .change{color:#666;font-size:14px;display:inline-flex;align-items:center;gap:4px}
.upcooming-match-wrapper .fifa-ranking-box .circle{border:1px solid #bbb;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px}
.match-start-wrapper-3{margin-top:-125px;position:relative;z-index:9}
@media (max-width: 1199px) {
.match-start-wrapper-3{margin-top:80px}
}
.match-start-wrapper-3 .match-start-box-3{position:relative;text-align:center;z-index:9}
@media (max-width: 1399px) {
.match-start-wrapper-3 .match-start-box-3{background-image:none!important;background-color:#030523}
}
.match-start-wrapper-3 .match-start-box-3.style-top{margin-top:-10px}
@media (max-width: 1399px) {
.match-start-wrapper-3 .match-start-box-3.style-top{margin-top:0}
}
.match-start-wrapper-3 .match-start-box-3 .content{padding:40px 0;margin-left:60px}
@media (max-width: 1399px) {
.match-start-wrapper-3 .match-start-box-3 .content{margin-left:0;text-align:center}
}
.match-start-wrapper-3 .match-start-box-3 .content.style-2{margin-left:0;margin-left:-40px}
@media (max-width: 1399px) {
.match-start-wrapper-3 .match-start-box-3 .content.style-2{margin-left:0;text-align:center}
}
.match-start-wrapper-3 .match-start-box-3 .left-shape{position:absolute;top:0;left:0;bottom:0;z-index:-1}
@media (max-width: 1399px) {
.match-start-wrapper-3 .match-start-box-3 .left-shape{display:none}
}
.match-start-wrapper-3 .match-start-box-3 h3{color:var(--white);margin-bottom:9px}
.match-start-wrapper-3 .match-start-box-3 p{color:var(--white);margin-bottom:20px}
.match-start-wrapper-3 .match-start-box-3 h2{font-size:40px;display:flex;align-items:center;gap:10px;justify-content:center;color:var(--white)}
.match-start-wrapper-3 .match-start-box-3 h2 span{font-size:18px;font-weight:700;font-family:"Chakra Petch",sans-serif;color:var(--white);opacity:.7}
.match-start-wrapper-3 .match-start-box-3 .theme-btn{height:50px;line-height:50px;padding:0 20px}
.match-start-wrapper-3 .match-start-box-3 .theme-btn::before{background-color:var(--white)}
.match-start-wrapper-3 .match-start-box-3 .theme-btn:hover{color:var(--header)}
.match-start-wrapper-3 .match-vs-start{display:flex;align-items:center;gap:24px;justify-content:center;background-color:#F5F6F6;backdrop-filter:blur(215.5px);height:100%;padding:63px 0}
.match-start-wrapper-3 .match-vs-start .vs-text{color:#030523;text-align:center;font-size:48px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;font-family:"Big Shoulders",sans-serif}
.ranking-wrapper-3 .ranking-box-3-items .score-table{width:100%;overflow-x:auto}
.ranking-wrapper-3 .ranking-box-3-items .score-table table{width:100%;border-collapse:collapse;text-align:center;font-family:Arial,sans-serif;font-weight:600;background:#030523;color:var(--white)}
@media (max-width: 1199px) {
.ranking-wrapper-3 .ranking-box-3-items .score-table table{width:800px}
}
.ranking-wrapper-3 .ranking-box-3-items .score-table table thead{background:#030523}
.ranking-wrapper-3 .ranking-box-3-items .score-table table thead th{padding:12px 10px;font-size:15px;text-transform:uppercase;font-weight:700;letter-spacing:1px;color:var(--white);border-right:1px solid #c7c9ce29}
.ranking-wrapper-3 .ranking-box-3-items .score-table table tbody td{padding:12px;border-top:1px solid #c7c9ce29;border-right:1px solid #c7c9ce29;font-size:15px;font-weight:700}
.ranking-wrapper-3 .ranking-box-3-items .score-table table tbody td:first-child{font-weight:700;color:var(--white)}
.ranking-wrapper-3 .ranking-box-3-items .score-table table tbody td img{width:32px;height:32px;margin-right:8px;vertical-align:middle}
@media (max-width: 1399px) {
.ranking-wrapper-3 .ranking-box-3-items .score-table table thead th{font-size:12px;padding:12px 8px}
.ranking-wrapper-3 .ranking-box-3-items .score-table table tbody td{font-size:13px;padding:10px 8px}
.ranking-wrapper-3 .ranking-box-3-items .score-table table tbody td img{width:26px;height:26px;margin-right:6px}
}
.ranking-wrapper-3 .bg-white-01{background:#ffffff1a}
.ranking-wrapper-3 .man-image{height:450px}
@media (max-width: 1399px) {
.ranking-wrapper-3 .man-image{height:400px}
}
@media (max-width: 1199px) {
.ranking-wrapper-3 .man-image{height:396px}
}
@media (max-width: 991px) {
.ranking-wrapper-3 .man-image{height:initial}
}
.ranking-wrapper-3 .man-image img{width:100%;height:100%;object-fit:cover}
.tournaments-league-wrapper-3 .tournaments-league-box{position:relative;z-index:9;margin-top:30px}
@media (max-width: 575px) {
.tournaments-league-wrapper-3 .tournaments-league-box{background-color:#fff;padding:20px}
}
.tournaments-league-wrapper-3 .tournaments-league-box .thumb{margin:0 auto;padding:12px}
.tournaments-league-wrapper-3 .tournaments-league-box .thumb img{width:100%;height:100%}
.tournaments-league-wrapper-3 .tournaments-league-box::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 238 232"><path fill-rule="evenodd" clip-rule="evenodd" d="M237.839 0H119.019H0.161465C-5.07895 194.525 118.981 232 118.981 232C118.981 232 243.079 194.525 237.839 0Z" /></svg>');mask-repeat:no-repeat;mask-position:center center;mask-size:cover;background-color:#fff;z-index:-1}
@media (max-width: 575px) {
.tournaments-league-wrapper-3 .tournaments-league-box::before{display:none}
}
.tournaments-league-wrapper-3 .tournaments-league-box h3{font-size:20px;text-align:center}
.tournaments-league-wrapper-3 .tournaments-league-box .icon{text-align:center;margin-top:25px;position:relative;z-index:9;padding-bottom:26px}
.tournaments-league-wrapper-3 .tournaments-league-box .icon .icon-bg{position:absolute;bottom:10px;left:0;right:0;z-index:-1;padding-bottom:0}
.upcoming-match-box-items-3{margin-top:30px;background-color:var(--white);padding:26px 30px}
.upcoming-match-box-items-3 .top-items{display:flex;align-items:center;justify-content:space-between}
@media (max-width: 1199px) {
.upcoming-match-box-items-3 .top-items{flex-wrap:wrap;gap:10px;justify-content:center;text-align:center}
}
.upcoming-match-box-items-3 .top-items p{font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--header)}
.upcoming-match-box-items-3 .top-items span{font-size:14px;font-weight:700;text-transform:uppercase;color:#464E5E}
.upcoming-match-box-items-3 .match-logo-items{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:15px}
.upcoming-match-box-items-3 .match-logo-items .content{text-align:center;max-width:200px;width:100%}
.upcoming-match-box-items-3 .match-logo-items .content p{font-size:14px;font-weight:700;text-transform:uppercase;color:#464E5E;margin-top:5px}
.upcoming-match-box-items-3 .bottom-items{border-top:1px solid #c7c9ce3d;margin-top:24px;padding-top:24px;display:flex;align-items:center;justify-content:space-between}
@media (max-width: 1199px) {
.upcoming-match-box-items-3 .bottom-items{flex-wrap:wrap;gap:10px;justify-content:center;text-align:center}
}
.upcoming-match-box-items-3 .bottom-items p{color:var(--header);font-size:14px;font-weight:700;text-transform:uppercase}
.upcoming-match-section{margin-top:-130px;padding-top:220px!important}
.team-box-items-3{margin-top:30px;background-color:#F5F6F6}
.team-box-items-3 .thumb img{width:100%;height:100%}
.team-box-items-3 .content{padding:28px 24px;position:relative}
.team-box-items-3 .content .flag-image{position:absolute;right:24px;top:28px}
.team-box-items-3 .content h3{margin-bottom:5px}
.team-box-items-3 .content h3 a:hover{color:var(--theme)}
.team-box-items-3 .content p{font-size:15px;font-weight:700;margin-top:15px}
.team-box-items-3 .content p b{color:#030523}
.team-box-items-3 .content .theme-color-text{color:var(--theme);font-size:16px;font-weight:700}
.match-moments-image{margin-top:26px;position:relative;overflow:hidden}
.match-moments-image::before{content:"";position:absolute;top:0;left:0;top:0;bottom:0;right:0;background:#1d1d1d99;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;transform-origin:top right;-webkit-transform:scale(1,0);transform:scale(1,0);width:100%;height:100%;z-index:9}
.match-moments-image img{width:100%;height:100%}
.match-moments-image .gt-icon{display:inline-block;position:absolute;top:-100px;left:50%;transform:translate(-50%,-50%);font-size:28px;color:var(--white);transition:all .4s ease-in-out;opacity:0;visibility:hidden;z-index:99}
.match-moments-image:hover::before{-webkit-transform:scale(1,1);transform:scale(1,1);transform-origin:bottom center}
.match-moments-image:hover .gt-icon{top:50%;opacity:1;visibility:visible}
@media (max-width: 1399px) {
.score-wrapper-3 .score-logo{max-width:288px;margin:0 auto}
.score-wrapper-3 .score-logo img{width:100%;height:100%}
}
@media (max-width: 767px) {
.score-wrapper-3 .score-logo{max-width:180px}
}
@media (max-width: 575px) {
.score-wrapper-3 .score-logo{max-width:140px}
}
@media (max-width: 991px) {
.score-wrapper-3 .score-content .score-box-items{flex-wrap:wrap;gap:16px}
}
.score-wrapper-3 .score-content .score-box-items .content{display:flex;align-items:center;gap:16px}
.score-wrapper-3 .score-content .score-box-items .content h2{font-size:34px;line-height:40px;}
.score-wrapper-3 .score-content .score-box-items .content h3{color:var(--white);text-align:right}
@media (max-width: 1399px) {
.score-wrapper-3 .score-content .score-box-items .content h3{font-size:20px}
}
@media (max-width: 1399px) {
.score-wrapper-3 .score-content .score-box-items .content .title-box h2{font-size:28px}
}
@media (max-width: 1199px) {
.score-wrapper-3 .score-content ul{flex-wrap:wrap;gap:10px;justify-content:center}
}
@media (max-width: 1600px) {
.score-section-3 .shape-1{left:6%}
}
@media (max-width: 1399px) {
.score-section-3 .shape-1{display:none}
}
@media (max-width: 1600px) {
.score-section-3 .shape-2{left:0}
}
@media (max-width: 1399px) {
.score-section-3 .shape-2{display:none}
}
@media (max-width: 1600px) {
.score-section-3 .shape-3{right:0}
}
@media (max-width: 1399px) {
.score-section-3 .shape-3{display:none}
}
@media (max-width: 1600px) {
.score-section-3 .shape-4{right:6%}
}
@media (max-width: 1399px) {
.score-section-3 .shape-4{display:none}
}
.match-moments-section .nav{display:flex;align-items:center;gap:32px;padding:0}
@media (max-width: 1199px) {
.match-moments-section .nav{flex-wrap:wrap;gap:14px}
}
.match-moments-section .nav .nav-item{padding:0}
.match-moments-section .nav .nav-item .nav-link{padding:0;font-size:16px;font-weight:700;color:var(--header)}
.match-moments-section .nav .nav-item .nav-link i{margin-left:5px;opacity:0;visibility:hidden;transition:all .4s ease-in-out}
.match-moments-section .nav .nav-item .nav-link.active{color:var(--theme);text-decoration:underline}
.match-moments-section .nav .nav-item .nav-link.active i{opacity:1;visibility:visible}
.team-wrapper p{font-size:14px;font-weight:600;color:#464E5E}
.team-wrapper b{font-weight:200;text-align:center;font-size:14px;color:#626161;margin:10px 0 20px;background:#445578;background:linear-gradient(90deg,#44557800 0%,#acc7c680 33%,#acc7c680 62%,#44557800 100%)}
.team-wrapper .calender-list{display:flex;align-items:center;gap:48px;margin-top:20px;margin-bottom:25px}
@media (max-width: 1199px) {
.team-wrapper .calender-list{flex-wrap:wrap;gap:20px}
}
.team-wrapper .calender-list li{color:var(--header);font-size:18px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.team-wrapper .ticket-title{font-size:32px;font-weight:900;margin-bottom:20px}
@media (max-width: 575px) {
.team-wrapper .ticket-title{font-size:26px}
}
.team-wrapper .check-list li:not(:last-child){margin-bottom:15px}
.team-wrapper .check-list li i{color:var(--theme);margin-right:5px;font-size:20px}
.team-wrapper .check-list li b{font-size:18px;font-weight:700;color:var(--header);margin-right:6px}
.team-wrapper .form-clt{max-width:250px;width:100%;display:inline-block}
.team-wrapper .form-clt .form .single-select{border:1px solid var(--theme);background-color:transparent;width:100%;padding:17px 30px;height:initial;line-height:initial;text-transform:uppercase;font-size:16px;font-weight:700;color:var(--header);letter-spacing:.5px;border-radius:0}
.team-wrapper .form-clt .form .single-select::after{border-bottom:2px solid var(--header);border-right:2px solid var(--header);width:8px;height:8px;right:30px}
.team-wrapper .form-clt .form .single-select .list{width:100%}
.team-wrapper .ticket-list-items{background-color:var(--bg);display:block;padding:32px}
.team-wrapper .ticket-list-items .ticket-wrap{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-bottom:1px solid #c7c9ce3d;padding-bottom:32px}
@media (max-width: 1199px) {
.team-wrapper .ticket-list-items .ticket-wrap{flex-wrap:wrap;gap:20px}
}
.team-wrapper .ticket-list-items h3{font-size:32px;font-weight:900;border-bottom:1px solid #c7c9ce3d;padding-bottom:15px;margin-bottom:20px}
.team-wrapper .ticket-list-items .left-item{display:flex;align-items:center;gap:15px}
.team-wrapper .ticket-list-items .left-item h4{font-size:24px;font-weight:900}
@media (max-width: 1399px) {
.team-wrapper .ticket-list-items .left-item h4{font-size:18px}
}
.team-wrapper .ticket-list-items .right-items{display:flex;align-items:center;gap:24px}
.team-wrapper .ticket-list-items .right-items h5{font-size:20px;font-weight:900;color:var(--header)}
.team-wrapper .ticket-list-items .right-items h5 sub{font-size:14px;color:var(--text);font-family:"Chakra Petch",sans-serif;margin-left:5px}
.team-wrapper .ticket-list-items .right-items .price-quantity .quantity{border-radius:0;border:1px solid #c7c9ce3d}
@media (max-width: 767px) {
.team-wrapper .ticket-list-items .right-items .price-quantity .quantity{flex-basis:100%}
}
.team-wrapper .ticket-list-items .right-items .price-quantity .quantity button i{font-size:18px;color:var(--header)}
.team-wrapper .ticket-list-items .right-items .price-quantity .quantity .quantityValue{width:40px;text-align:center;font-size:24px;font-weight:900;font-family:"Big Shoulders",sans-serif;padding:0;color:var(--header);border:unset;background:transparent}
.team-wrapper .ticket-list-items .quantity-items{margin-top:24px;display:flex;align-items:center;justify-content:space-between}
@media (max-width: 1199px) {
.team-wrapper .ticket-list-items .quantity-items{flex-wrap:wrap;gap:20px}
}
.team-wrapper .ticket-list-items .quantity-items .quantity-list{display:flex;align-items:center;gap:70px}
@media (max-width: 1199px) {
.team-wrapper .ticket-list-items .quantity-items .quantity-list{flex-wrap:wrap;gap:20px}
}
.team-wrapper .ticket-list-items .quantity-items .quantity-list p{font-size:16px;font-weight:600}
.team-wrapper .ticket-list-items .quantity-items .quantity-list p b{color:#030523;font-weight:700}
.team-wrapper .ticket-details-information{margin-left:40px}
@media (max-width: 1199px) {
.team-wrapper .ticket-details-information{margin-left:0}
}
.team-wrapper .ticket-details-information h3{font-size:32px;font-weight:900;border-bottom:1px solid #c7c9ce3d;padding-bottom:15px;margin-bottom:20px}
.team-wrapper .ticket-details-information ul li{display:flex;align-items:center;font-size:16px;font-weight:600}
@media (max-width: 1199px) {
.team-wrapper .ticket-details-information ul li{flex-wrap:wrap;gap:20px}
}
.team-wrapper .ticket-details-information ul li:not(:last-child){margin-bottom:15px}
.team-wrapper .ticket-details-information ul li span{flex-basis:50%;font-size:18px;font-weight:700;color:var(--header)}
.latest-world-ranking-wrapper .content{border-bottom:1px solid #c7c9ce29;padding-bottom:30px;margin-bottom:30px}
.latest-world-ranking-wrapper .content h3{font-size:32px}
.latest-world-ranking-wrapper .content .text-item{display:flex;align-items:center;gap:72px;margin-top:10px}
@media (max-width: 1199px) {
.latest-world-ranking-wrapper .content .text-item{gap:10px;flex-wrap:wrap}
}
.latest-world-ranking-wrapper .ranking-category-items{margin-bottom:35px}
.latest-world-ranking-wrapper .ranking-category-items .filter-btn{display:inline-block;background-color:var(--theme);font-size:16px;font-weight:700;text-transform:uppercase;color:var(--white);height:50px;line-height:50px;padding:0 35px}
.latest-world-ranking-wrapper .ranking-category-items .filter-btn img{margin-left:10px}
.latest-world-ranking-wrapper .ranking-category-items .filter-btn:hover{background-color:var(--header)}
.latest-world-ranking-wrapper .ranking-category-items .form-clt .form .single-select{border:1px solid #c7c9ce3d;background-color:transparent;width:100%;padding:17px 18px;height:initial;line-height:initial;text-transform:uppercase;font-size:16px;font-weight:600;color:var(--text);letter-spacing:.5px;border-radius:0}
.latest-world-ranking-wrapper .ranking-category-items .form-clt .form .single-select::after{border-bottom:2px solid var(--header);border-right:2px solid var(--header);width:8px;height:8px;right:12px}
.latest-world-ranking-wrapper .ranking-category-items .form-clt .form .single-select .list{width:100%}
.latest-world-ranking-wrapper .ranking-box-style{background-color:#F5F6F6;text-align:center;padding:30px 18px}
.latest-world-ranking-wrapper .ranking-box-style p{text-transform:uppercase;font-size:16px;font-weight:700;color:var(--header);margin-top:15px;line-height:1}
.latest-world-ranking-wrapper .ranking-box-style span{font-size:14px;font-weight:600}
.latest-world-ranking-wrapper .ranking-box-style h3{font-size:32px;font-weight:900;margin-top:7px}
.latest-world-ranking-wrapper .ranking-box-style .color-theme{color:var(--theme)}
.latest-world-ranking-wrapper .ranking-box-style .color-theme2{color:#881C0B}
.latest-world-ranking-wrapper .latest-world-ranking-table{margin-top:70px}
@media (max-width: 767px) {
.latest-world-ranking-wrapper .latest-world-ranking-table{margin-top:40px}
}
.latest-world-ranking-wrapper .latest-world-ranking-table table{width:100%;border-collapse:collapse;text-align:left}
@media (max-width: 1399px) {
.latest-world-ranking-wrapper .latest-world-ranking-table table{width:1100px}
}
.latest-world-ranking-wrapper .latest-world-ranking-table table thead{background:#f7f7f7}
.latest-world-ranking-wrapper .latest-world-ranking-table table th,.latest-world-ranking-wrapper .latest-world-ranking-table table td{padding:14px 15px;border-bottom:1px solid #eee;font-size:18px;font-weight:700;color:var(--header)}
.latest-world-ranking-wrapper .latest-world-ranking-table table th{font-weight:600;text-transform:uppercase;font-size:16px;color:var(--text)}
.latest-world-ranking-wrapper .latest-world-ranking-table table .team{display:flex;align-items:center;gap:10px;font-weight:600}
.latest-world-ranking-wrapper .latest-world-ranking-table table .positive{color:green;font-weight:600}
.latest-world-ranking-wrapper .latest-world-ranking-table table .negative{color:var(--header);font-size:16px;font-weight:700}
.latest-world-ranking-wrapper .latest-world-ranking-table table .badge{display:inline-block;width:28px;height:28px;border-radius:28px;text-align:center;line-height:30px;font-size:16px;font-weight:700;color:#fff;margin-right:5px;padding:0}
.latest-world-ranking-wrapper .latest-world-ranking-table table .badge.w{background:var(--theme)}
.latest-world-ranking-wrapper .latest-world-ranking-table table .badge.d{background:#464E5E}
.latest-world-ranking-wrapper .latest-world-ranking-table table .badge.l{background:#030523}
.club-lineup-wrapper .club-lineup-left .club-lineup-head{display:flex;align-items:center;gap:24px;justify-content:center;border-bottom:1px solid #c7c9ce3d;padding-bottom:24px;margin-bottom:35px}
.club-lineup-wrapper .club-lineup-left .club-lineup-head h3{font-size:32px}
.club-lineup-wrapper .club-lineup-left .club-lineup-head span{font-size:18px;font-weight:700;text-transform:uppercase;color:var(--header)}
.club-lineup-wrapper .club-lineup-left .club-lineup-head span img{margin-right:8px}
.club-lineup-wrapper .club-lineup-left ul li{display:flex;align-items:center;justify-content:space-between}
.club-lineup-wrapper .club-lineup-left ul li:not(:last-child){margin-bottom:30px}
.club-lineup-wrapper .club-lineup-left ul li .lineup-item{display:flex;align-items:center;gap:12px}
.club-lineup-wrapper .club-lineup-left ul li .lineup-item .content h3{font-size:20px;font-weight:900}
.club-lineup-wrapper .club-lineup-left ul li .lineup-item .content h3 span{font-size:16px;font-weight:600;font-family:"Chakra Petch",sans-serif}
.club-lineup-wrapper .club-lineup-left ul li .number{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;background-color:#F5F6F6;font-size:16px;font-weight:700;color:var(--header)}
.club-lineup-wrapper .match-information-box{border-left:1px solid #c7c9ce3d;margin-left:40px;padding-left:40px}
@media (max-width: 1199px) {
.club-lineup-wrapper .match-information-box{margin-left:0;padding-left:0;border-left:none}
}
.club-lineup-wrapper .match-information-box ul li{display:flex;align-items:center;justify-content:space-between}
.club-lineup-wrapper .match-information-box ul li:not(:last-child){border-bottom:1px solid #c7c9ce3d;padding-bottom:31px;margin-bottom:31px}
.club-lineup-wrapper .match-information-box ul li .color-text-1{color:var(--theme);font-size:32px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;font-family:"Big Shoulders",sans-serif}
@media (max-width: 575px) {
.club-lineup-wrapper .match-information-box ul li .color-text-1{font-size:25px}
}
.club-lineup-wrapper .match-information-box ul li .sub-text{color:#464E5E;text-align:center;font-size:20px;font-weight:700;text-transform:uppercase}
.club-lineup-wrapper .match-information-box ul li .color-text-2{color:var(--header);font-size:32px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;font-family:"Big Shoulders",sans-serif}
@media (max-width: 575px) {
.club-lineup-wrapper .match-information-box ul li .color-text-2{font-size:25px}
}
.club-lineup-wrapper .match-information-box .match-head-title{display:flex;align-items:center;justify-content:center;gap:40px;border-bottom:1px solid #c7c9ce3d;padding-bottom:26px;margin-bottom:26px}
@media (max-width: 767px) {
.club-lineup-wrapper .match-information-box .match-head-title{flex-wrap:wrap;gap:20px}
}
.club-lineup-wrapper .match-information-box .match-head-title span{font-size:18px;font-weight:700;color:var(--header);display:flex;align-items:center;gap:16px}
.club-lineup-wrapper .match-information-box .match-head-title h3{font-size:32px}
@media (max-width: 575px) {
.club-lineup-wrapper .match-information-box .match-head-title h3{font-size:26px}
}
.lineup-bg-wrapper{padding:0;margin-top:0}
.adoutImg{position:absolute;right:0;top:0}
.lineup-bg-wrapper h1{font-size:70px}
@media (max-width: 991px) {
.lineup-bg-wrapper{margin-top:50px}
.lineup-bg-wrapper.removeMT{margin-top:0}
.lineup-bg-wrapper{margin:0}
}
.lineup-bg-wrapper .lineup-content{text-align:center;margin-bottom:40px}
.lineup-bg-wrapper .text-item{display:flex;align-items:center;gap:24px;justify-content:center;margin-top:10px}
@media (max-width: 575px) {
.lineup-bg-wrapper .text-item{flex-wrap:wrap;gap:18px}
}
.lineup-bg-wrapper .lineup-result-items{display:flex;justify-content:center;gap:100px}
@media (max-width: 1199px) {
.lineup-bg-wrapper .lineup-result-items{gap:30px}
}
@media (max-width: 991px) {
.lineup-bg-wrapper .lineup-result-items{display:grid;gap:30px;justify-content:start}
.lineup-bg-wrapper .lineup-result-items .left-item p{text-align:left!important}
}
.lineup-bg-wrapper .lineup-result-items .left-item .thumb{display:flex;align-items:center;gap:24px;margin-bottom:30px}
@media (max-width: 575px) {
.lineup-bg-wrapper .lineup-result-items .left-item .thumb{margin-bottom:15px;display:grid}
}
.lineup-bg-wrapper .lineup-result-items .left-item .thumb h3{font-size:32px}
@media (max-width: 575px) {
.lineup-bg-wrapper .lineup-result-items .left-item .thumb h3{font-size:25px}
}
.lineup-bg-wrapper .lineup-result-items .score-result{display:inline-block;height:56px;line-height:56px;padding:0 30px;background-color:var(--theme);color:var(--white);text-align:center;font-size:24px;font-weight:900;letter-spacing:.5px}
.playing-ranking-items{display:flex;align-items:center}
@media (max-width: 1399px) {
.playing-ranking-items{display:block}
}
.playing-ranking-items .thumb{max-width:368px}
@media (max-width: 1399px) {
.playing-ranking-items .thumb{max-width:initial;margin-bottom:30px}
}
.playing-ranking-items .thumb img{width:100%;height:100%}
.playing-ranking-items .content{border-left:4px solid var(--theme);background:linear-gradient(270deg,#fe590000 88.44%,var(--Primary-500,#fe590014) 98.58%),var(--BG-Sedentary,#F5F6F6);padding:28px 32px;max-width:500px;width:100%}
@media (max-width: 1399px) {
.playing-ranking-items .content{max-width:initial}
}
.playing-ranking-items .content .top-content{border-bottom:1px solid #c7c9ce3d;padding-bottom:15px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}
.playing-ranking-items .content .sub-content p{font-size:14px;font-weight:600}
.playing-ranking-items .content .theme-btn{height:48px;line-height:48px;padding:0 18px;margin-top:25px}
.playing-ranking-items .content table{width:100%;border-collapse:collapse;text-align:center;font-size:16px}
@media (max-width: 1399px) {
.playing-ranking-items .content table{width:600px}
}
.playing-ranking-items .content thead{background:#f9f9f9}
.playing-ranking-items .content thead th{padding:10px;font-weight:700;color:#030523;font-size:16px;border-bottom:2px solid #eee}
.playing-ranking-items .content tbody td{padding:10px;font-weight:600;color:#030523;font-size:16px;border-bottom:1px solid #eee}
.playing-ranking-items .content tbody tr:last-child td{border-bottom:none}
.playing-result-box2{background-color:#F5F6F6;padding:26px 30px}
@media (max-width: 1399px) {
.playing-result-box2{height:500px;overflow-y:auto;overflow-x:hidden}
}
.playing-result-box2.style-2{background-color:var(--white);padding:35px 30px}
.playing-result-box2.style-2 .match-result-box{padding-top:22px;margin-bottom:22px;border-top:1px solid 1px solid #c7c9ce3d}
.playing-result-box2 h3{text-align:center;font-size:32px;margin-bottom:15px}
.playing-result-box2 .match-result-box{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #c7c9ce3d;padding-top:15px;margin-bottom:15px}
@media (max-width: 1399px) {
.playing-result-box2 .match-result-box{display:grid;justify-content:center}
}
.playing-result-box2 .match-result-box .match-result{text-align:center;margin:0 auto}
.playing-result-box2 .match-result-box .match-result p{font-weight:700;color:#030523;margin-top:10px}
.playing-result-box2 .match-result-box .content{text-align:center}
.playing-result-box2 .match-result-box .result-box{text-align:center;border:1px solid #c7c9ce29;padding:12px 24px;margin-top:12px}
.playing-result-box2 .match-result-box .result-box h4{font-size:20px;font-weight:900}
.upcoming-match-section{position:relative}
.upcoming-match-section .section-title{z-index:initial}
.upcoming-match-section .array-button-2{position:relative;z-index:99}
@media (max-width: 1199px) {
.upcoming-match-section .array-button-2{display:none!important}
}
.upcoming-match-section .array-button-2 .array-prev2{position:absolute;top:0;left:0;z-index:99}
.upcoming-match-section .array-button-2 .array-next2{position:absolute;top:0;right:0}
.counter-wrapper{display:flex;justify-content:space-between;background-color:var(--white);padding:40px 32px;margin-bottom:-80px;position:relative;z-index:99}
@media (max-width: 1199px) {
.counter-wrapper{flex-wrap:wrap;gap:30px;padding:30px}
}
.counter-wrapper .counter-items{border-right:1px solid #C7C9CE;padding-right:50px}
@media (max-width: 1399px) {
.counter-wrapper .counter-items{padding-right:0;border-right:none}
}
.counter-wrapper .counter-items.border-none{border-right:none;padding-right:0}
.counter-wrapper .counter-items h6{font-family:"Chakra Petch",sans-serif;font-size:20px;font-weight:700}
.counter-wrapper .counter-items .icon-box{display:flex;align-items:center;gap:16px;margin-top:18px}
.counter-wrapper .counter-items .icon-box h2{font-size:40px;color:var(--theme);font-weight:900}
.feature-progress-wrapper{margin-top:-150px;position:relative;z-index:99}
@media (max-width: 991px) {
.feature-progress-wrapper{margin-top:80px}
}
.feature-progress-wrapper .content{display:flex;align-items:center;gap:64px;margin-top:-180px}
@media (max-width: 991px) {
.feature-progress-wrapper .content{margin-top:0;flex-wrap:wrap;gap:30px}
}
.feature-progress-wrapper .content .list-item ul{display:flex;align-items:center;gap:12px}
.feature-progress-wrapper .content .list-item ul li .icon{width:40px;height:40px;line-height:40px;text-align:center;background-color:var(--theme)}
.feature-progress-wrapper .content .list-item ul .box-list{font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border:1px solid #c7c9ce3d;padding:12px 16px;line-height:1}
.feature-progress-wrapper .content h3{font-size:40px;font-weight:900}
@media (max-width: 1199px) {
.feature-progress-wrapper .content h3{font-size:33px}
}
@media (max-width: 767px) {
.feature-progress-wrapper .content h3{font-size:35px}
}
@media (max-width: 575px) {
.feature-progress-wrapper .content h3{font-size:30px}
}
.feature-progress-wrapper .content h3 span{color:var(--theme)}
.feature-progress-wrapper .feature-progress-thumb{position:relative}
@media (max-width: 1399px) {
.feature-progress-wrapper .feature-progress-thumb img{width:100%;height:100%}
}
.feature-progress-wrapper .feature-progress-thumb .video-btn{display:inline-block;width:70px;height:70px;line-height:70px;text-align:center;border-radius:50%;background-color:var(--theme);color:var(--white);position:absolute;left:-30px;top:50%;transform:translateY(-50%)}
@media (max-width: 1199px) {
.feature-progress-wrapper .feature-progress-thumb .video-btn{left:50%;transform:translate(-50%,-50%)}
}
.basketball-leagues-items .content{text-align:center;border:1px solid #c7c9ce3d;padding:40px 45px}
.basketball-leagues-items .themb img{width:100%;height:100%}
.hottest-box-items-3{margin-top:30px}
.hottest-box-items-3 .hottest-thumb{position:relative;height:450px}
.hottest-box-items-3 .hottest-thumb img{width:100%;height:100%;object-fit:cover}
.hottest-box-items-3 .hottest-thumb .post-box{position:absolute;display:inline-block;font-weight:700;color:var(--header);position:absolute;top:24px;left:24px;background-color:var(--white);padding:11px 19px;border-radius:100px;line-height:1}
.hottest-box-items-3 .hottest-thumb .post-box-2{position:absolute;display:inline-block;font-weight:700;color:var(--header);position:absolute;bottom:24px;right:24px;background-color:var(--white);padding:11px 19px;border-radius:100px;line-height:1}
@media (max-width: 1199px) {
.hottest-box-items-3 .hottest-thumb .post-box-2{bottom:initial;top:24px}
}
.hottest-box-items-3 .hottest-thumb .video-btn{display:inline-block;width:70px;height:70px;line-height:70px;text-align:center;border-radius:50%;background-color:var(--theme);color:var(--white);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.hottest-box-items-3 .hottest-thumb .hottest-content{position:absolute;bottom:20px;left:20px}
.hottest-box-items-3 .hottest-thumb .hottest-content h3 a{color:var(--white)}
.hottest-box-items-3 .hottest-thumb .hottest-content h3 a:hover{color:var(--theme)}
.hottest-box-items-3 .hottest-thumb .hottest-content p{color:var(--white)}
.trophy-section{margin-top:-67px;margin-bottom:-42px}
.footer-subscribe-wrapper{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c7c9ce3d;padding-bottom:80px}
@media (max-width: 1399px) {
.footer-subscribe-wrapper{flex-wrap:wrap;justify-content:start;gap:25px}
}
.footer-subscribe-wrapper h3{color:var(--white)}
.footer-subscribe-wrapper form{max-width:490px;width:100%;position:relative}
.footer-subscribe-wrapper form input{background:#ffffff1f;backdrop-filter:blur(24px);border:none;outline:none;width:100%;padding:20px;color:#ffffffb3}
.footer-subscribe-wrapper form input::placeholder{color:#ffffffb3}
.footer-subscribe-wrapper form button{position:absolute;right:5px;bottom:0;top:5px}
.footer-subscribe-wrapper .footer-right{display:flex;align-items:center;gap:32px}
@media (max-width: 767px) {
.footer-subscribe-wrapper .footer-right{flex-wrap:wrap;gap:20px}
}
.footer-subscribe-wrapper .footer-right .social-icon{gap:16px}
.footer-subscribe-wrapper .footer-right .social-icon a{display:inline-block;border-radius:100px;background:#ffffff1f;backdrop-filter:blur(46px);width:48px;height:48px;line-height:48px;text-align:center;border-radius:50%;color:var(--white)}
.footer-subscribe-wrapper .footer-right .social-icon a:hover{background-color:var(--theme)}
.footer-widget-wrapper{padding:0 10px}
.footer-widget-wrapper .footer-widget-items{margin-top:20px}
.footer-widget-items .list-area li{width:15%;border:1px solid #cccccc7a;padding:1px;text-align:center;height:55px}
.footer-widget-items .list-area li:first-child{width:17%}
.footer-widget-wrapper .widget-head{margin:20px auto;width:200px}
.footer-widget-wrapper .widget-head h3{color:var(--white)}
.footer-widget-wrapper .footer-content p{color:#ffffffb3;font-size:14px;margin-bottom:10px;text-align:left}
.footer-widget-wrapper .list-area li a{color:#ffffffb3}
.footer-widget-wrapper .list-area li a:hover{color:var(--theme)}
.footer-widget-wrapper .list-area li:not(:last-child){margin-bottom:15px}
.footer-widget-wrapper .footer-contact-list li{color:#ffffffb3}
.footer-widget-wrapper .footer-contact-list li a{color:#ffffffb3}
.footer-widget-wrapper .footer-contact-list li:not(:last-child){margin-bottom:15px}
.footer-widget-wrapper .app-items{display:flex;align-items:center;gap:16px}
.footer-widget-wrapper .footer-form form{position:relative}
.footer-widget-wrapper .footer-form form input{background:#ffffff1f;backdrop-filter:blur(24px);border:none;outline:none;width:100%;padding:20px;color:#ffffffb3;text-transform:uppercase}
.footer-widget-wrapper .footer-form form input::placeholder{color:#ffffffb3}
.footer-widget-wrapper .footer-form form button{position:absolute;right:5px;bottom:0;top:5px}
.footer-widget-wrapper .footer-form form button .theme-btn{padding:0 24px}
.footer-widget-wrapper .footer-form .form-check{margin:20px 0 0!important;padding:0}
@media (max-width: 1399px) {
.footer-widget-wrapper .footer-form .form-check{margin-top:0}
}
.footer-widget-wrapper .footer-form .form-check .form-check-input{float:left;margin-left:0;transform:translateY(0);width:16px;height:16px;border-radius:0;border:1px solid #fff9;background-color:transparent}
.footer-widget-wrapper .footer-form .form-check .form-check-input:checked{background-color:var(--theme);border-color:var(--theme)}
.footer-widget-wrapper .footer-form .form-check .form-check-label{margin-left:10px;color:var(--white);font-weight:600;opacity:.8;font-size:14px}
.footer-widget-wrapper .footer-form .form-check .form-check-label a{text-decoration:underline;color:var(--white)}
@media (max-width: 575px) {
.footer-widget-wrapper .footer-form .form-check .form-check-label{margin-left:22px;font-size:14px}
}
.footer-widget-wrapper .footer-form .social-icon{margin-top:30px;gap:12px}
.footer-widget-wrapper .footer-form .social-icon a{display:inline-block;border-radius:100px;background:#ffffff1f;backdrop-filter:blur(46px);width:45px;height:45px;line-height:45px;text-align:center;border-radius:50%;color:var(--white)}
.footer-widget-wrapper .footer-form .social-icon a:hover{background-color:var(--theme)}
.footer-widget-wrapper .footer-post-items li{display:flex;align-items:center;gap:16px}
.footer-widget-wrapper .footer-post-items li:not(:last-child){margin-bottom:24px}
.footer-widget-wrapper .footer-post-items li .content{max-width:296px}
.footer-widget-wrapper .footer-post-items li .content .top-text{color:var(--white);opacity:.7;font-size:16px;font-weight:600;text-transform:uppercase;display:flex;align-items:center;gap:15px;margin-bottom:5px}
.footer-widget-wrapper .footer-post-items li .content h6{font-size:16px;font-weight:700;font-family:"Chakra Petch",sans-serif;line-height:150%}
.footer-widget-wrapper .footer-post-items li .content h6 a{color:var(--white)}
.footer-widget-wrapper .footer-post-items li .content h6 a:hover{color:var(--theme)}
.footer-bottom{display:flex;align-items:center;justify-content:center}
@media (max-width: 767px) {
.footer-bottom{flex-wrap:wrap;gap:20px;justify-content:center}
.footer-bottom p{font-size:14px}
.footer-widget-wrapper .footer-content p{text-align:center}
}
.footer-bottom.style-3{border-top:1px solid #c7c9ce3d;background:#030523;padding:20px 0;overflow:hidden;position:relative;z-index:99}
.footer-bottom.style-3 .footer-bottom-wrapper-3{display:flex;align-items:center;justify-content:space-between}
@media (max-width: 575px) {
.footer-bottom.style-3 .footer-bottom-wrapper-3{flex-wrap:wrap;justify-content:center;gap:20px}
}
.footer-bottom.style-3 .social-icon{gap:12px}
.footer-bottom.style-3 .social-icon a{display:inline-block;border-radius:100px;background:#ffffff1f;backdrop-filter:blur(46px);width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;color:var(--white)}
.footer-bottom.style-3 .social-icon a:hover{background-color:var(--theme)}
.footer-bottom p{color:var(--white);font-weight:700}
.footer-bottom p b{color:var(--theme)}
.footer-bottom .footer-menu{display:flex;align-items:center;gap:20px}
.footer-bottom .footer-menu li a{color:#ffffffb3;background-image:linear-gradient(var(--theme-color),var(--theme-color));background-position:0 95%;background-repeat:no-repeat;background-size:0 2px;display:inline-block;transition:all .4s ease-in-out;text-transform:uppercase}
.footer-bottom .footer-menu li a:hover{background-size:100% 1px;color:var(--theme)}
.footer-instagram-wrapper{padding:100px 0}
.footer-instagram-wrapper .footer-instagram-image{position:relative;overflow:hidden}
.footer-instagram-wrapper .footer-instagram-image::before{content:"";position:absolute;top:0;left:0;top:0;bottom:0;right:0;background:#1d1d1d99;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;transform-origin:top right;-webkit-transform:scale(1,0);transform:scale(1,0);width:100%;height:100%;z-index:9}
.footer-instagram-wrapper .footer-instagram-image .gt-icon{display:inline-block;position:absolute;top:-100px;left:50%;transform:translate(-50%,-50%);font-size:22px;color:var(--white);transition:all .4s ease-in-out;opacity:0;visibility:hidden;z-index:99}
.footer-instagram-wrapper .footer-instagram-image img{width:100%;height:100%}
.footer-instagram-wrapper .footer-instagram-image:hover .gt-icon{top:50%;opacity:1;visibility:visible}
.footer-instagram-wrapper .footer-instagram-image:hover::before{-webkit-transform:scale(1,1);transform:scale(1,1);transform-origin:bottom center}
.footer-logo-item{text-align:center;display:flex;align-items:center;justify-content:space-between}
@media (max-width: 1399px) {
.footer-logo-item{justify-content:center;border-bottom:1px solid #c7c9ce3d;padding-bottom:50px}
.footer-logo-item .border-img{display:none!important}
}
.footer-bottom-2{background:#ffffff1f;backdrop-filter:blur(46px);text-align:center;padding:28px 0}
.footer-bottom-2 p{text-align:center;font-weight:700;color:var(--white)}
.footer-bottom-2 p b{color:var(--theme)}
.footer-top-wrapper-3{padding:100px 0 50px;border-bottom:1px solid #c7c9ce3d}
.footer-top-wrapper-3 p{color:var(--white);opacity:.88;font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;max-width:376px;margin-left:70px}
@media (max-width: 1199px) {
.footer-top-wrapper-3 p{margin-left:0}
}
.footer-top-wrapper-3 ul li{font-size:16px;font-weight:700;color:var(--white);opacity:.88}
.footer-top-wrapper-3 ul li:not(:last-child){margin-bottom:10px}
.footer-top-wrapper-3 ul li a{color:var(--white);opacity:.88}
.footer-left-40{margin-left:60px}
@media (max-width: 1399px) {
.footer-left-40{margin-left:0}
}
.style-right-30{margin-right:20px}
@media (max-width: 1199px) {
.style-right-30{margin-right:0}
}
.style-right-30 .theme-btn{padding:0 22px}
.footer-section-3{position:relative}
.footer-section-3::before{position:absolute;top:0;bottom:0;left:39%;width:1px;height:100%;content:"";background:#c7c9ce3d}
@media (max-width: 1600px) {
.footer-section-3::before{left:36%}
}
@media (max-width: 1399px) {
.footer-section-3::before{display:none}
}
.footer-section-3::after{position:absolute;top:0;bottom:0;left:63%;width:1px;height:100%;content:"";background:#c7c9ce3d}
@media (max-width: 1600px) {
.footer-section-3::after{left:66%}
}
@media (max-width: 1399px) {
.footer-section-3::after{display:none}
}
.header-main{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.header-main .logo,.header-1.sticky .header-main .logo{width:177px;height:56px}
.header-main .logo{background:url(../img/logo/logo.png) no-repeat 0 0 / cover}
.header-1.sticky{background:url(../img/bg_header.jpg) no-repeat 0 0 / cover}
.header-1.sticky .header-main .logo{background:url(../img/logo/logo_2.png) no-repeat 0 0 / 100% 100%}
.header-main .main-menu ul{margin-bottom:0}
.header-main .main-menu ul li{position:relative;list-style:none;display:inline-block;margin-inline-end:45px}
.header-main .main-menu ul li:last-child{margin-inline-end:0}
.header-main .main-menu ul li a{display:inline-block;font-size:20px;font-weight:700;color:var(--white);font-family:"Chakra Petch",sans-serif;padding:20px 0;text-align:left;position:relative;text-transform:uppercase;transition:all .4s ease-in-out}
.header-main .main-menu ul li a span{display:inline}
.header-main .main-menu ul li a i{margin-left:4px;font-size:14px}
.header-main .main-menu ul li a:hover{color:var(--theme)!important}
.header-main .main-menu ul li .submenu{position:absolute;top:115%;inset-inline-start:0;min-width:240px;background:var(--white);padding:20px 0;z-index:99999;visibility:hidden;opacity:0;transform-origin:top center;color:var(--header);transform:translateY(-10px);transition:all .4s ease-in-out;border-top:6px solid var(--theme);box-shadow:#63636333 0 2px 8px 0}
.header-main .main-menu ul li .submenu li{display:block;width:100%;margin:0}
.header-main .main-menu ul li .submenu li a{position:relative;z-index:11;font-size:16px;font-weight:700;color:var(--header);line-height:38px;padding:0 0 0 32px;padding-right:22px;width:100%;display:flex;align-items:center;justify-content:space-between}
.header-main .main-menu ul li .submenu li a::before{content:"";position:absolute;width:0;height:2px;background:var(--theme);left:14px;bottom:18px;transition:all .4s ease-in-out}
.header-main .main-menu ul li .submenu li a:hover{color:var(--theme)!important}
.header-main .main-menu ul li .submenu li:last-child a{border:none}
.header-main .main-menu ul li .submenu li .submenu{inset-inline-start:100%;top:0;visibility:hidden;opacity:0}
.header-main .main-menu ul li .submenu li:hover > a{color:var(--theme)!important;margin-left:10px}
.header-main .main-menu ul li .submenu li:hover > a::before{width:10px}
.header-main .main-menu ul li .submenu li:hover > a::after{color:var(--theme)}
.header-main .main-menu ul li .submenu li:hover > .submenu{-webkit-transform:translateY(1);-moz-transform:translateY(1);-ms-transform:translateY(1);-o-transform:translateY(1);transform:translateY(1);visibility:visible;opacity:1}
.header-main .main-menu ul li .submenu li.has-dropdown > a::after{position:absolute;top:50%;inset-inline-end:25px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:var(--theme)}
.header-main .main-menu ul li .has-homemenu{width:800px;padding:30px 30px 10px;opacity:0;left:-90px;visibility:hidden;padding:30px 30px 10px 30px}
.header-main .main-menu ul li .has-homemenu .homemenu-items{display:flex;align-items:center;gap:30px;justify-content:space-between}
@media (max-width: 991px) {
.header-main .main-menu ul li .has-homemenu .homemenu-items{flex-wrap:wrap}
.header-main{padding:5px 0}
.header-main .logo,.header-1.sticky .header-main .logo{width:141px;height:50px}
.header-main .main-menu ul li{display:flex;flex-direction:row;width:15%;margin-inline-end:0;justify-content:center}
.header-main .main-menu ul li a{font-size:16px}
.header-main .main-menu ul li a span{display:block}
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu{position:relative}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb{position:relative}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);gap:10px;display:flex;justify-content:center;flex-direction:column;opacity:0;visibility:hidden;transition:all .4s ease-in-out;margin-top:20px;text-align:center}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .gt-theme-btn{padding:5px 15px;color:var(--white)!important;min-width:130px;width:100%;text-align:center;justify-content:center;background-color:var(--theme)}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .gt-theme-btn:hover{background-color:var(--header)!important}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb::before{background:-webkit-gradient(linear,left top,left bottom,from(#14131300),to(#5e5ef6));background:linear-gradient(to bottom,#635c5c00 0%,#252527 100%);background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;content:""}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover::before{visibility:visible;opacity:1}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .demo-button{opacity:1;visibility:visible;margin-top:0}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn{opacity:1;visibility:visible;bottom:50%;transform:translateY(50%)}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb img{width:100%}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-title{text-align:center;margin:15px auto;display:inline-block;font-size:18px;font-weight:600;font-family:"Big Shoulders",sans-serif}
.header-main .main-menu ul li:hover > a{color:var(--theme)}
.header-main .main-menu ul li:hover > a::after{color:var(--theme)}
.header-main .main-menu ul li:hover > .submenu{visibility:visible;opacity:1;transform:translateY(0px)}
.header-main .header-right{display:none}
@media (max-width: 1399px) {
.header-main .header-right{gap:20px;display:block}
}
.header-main .sidebar__toggle{cursor:pointer;font-size:20px}
.header-1{position:absolute;z-index:9999;width:100%;left:0}
@media (max-width: 575px) {
.header-1 .logo img{width:150px}
.header-main{justify-content:center}
}
@media (max-width: 470px) {
.header-1 .logo img{width:130px}
}
.header-1 .container{max-width:1800px}
.header-1 .sidebar__toggle{cursor:pointer}
.header-1 .sidebar__toggle .header-bar{position:relative;width:40px;height:11px}
.header-1 .sidebar__toggle .header-bar span{position:absolute;width:100%;height:2px;display:inline-block;transition:all .3s;left:0;background:var(--header);overflow:hidden}
.header-1 .sidebar__toggle .header-bar span:first-child{top:0;background:var(--white);left:0;width:40px}
.header-1 .sidebar__toggle .header-bar span:last-child{bottom:0;background:var(--white);width:40px}
.header-1 .sidebar__toggle .header-bar.active span:first-child{transform:rotate(45deg) translate(3px,9px)}
.header-1 .sidebar__toggle .header-bar.active span:nth-child(2){opacity:0}
.header-1 .sidebar__toggle .header-bar.active span:last-child{transform:rotate(-45deg) translate(3px,-9px)}
.header-1 .sidebar__toggle .header-bar:hover{cursor:pointer}
.header-1.header-3 .container{max-width:1720px}
@media (max-width: 575px) {
.header-1.header-3 .logo img{width:150px}
}
@media (max-width: 470px) {
.header-1.header-3 .logo img{width:130px}
}
.header-1.header-3 .mega-menu-wrapper{padding:0 24px}
.header-1.header-3 .header-main .main-menu ul li a{color:var(--header)}
.header-1.header-3 .header-main .main-menu ul li a:hover{color:var(--theme)!important}
.header-1.header-3 .sidebar__toggle .header-bar span{background:var(--white)}
.header-1.header-3 .sidebar__toggle .header-bar span:first-child{background:var(--white)}
.header-1.header-3 .sidebar__toggle .header-bar span:last-child{background:var(--white)}
.header-1.header-3 .header-main .main-menu ul li a:hover{color:var(--theme)!important}
.header-1.header-3 .sidebar__toggle .header-bar span{background:var(--white)}
.header-1.header-3 .sidebar__toggle .header-bar span:first-child{background:var(--white)}
.header-1.header-3 .sidebar__toggle .header-bar span:last-child{background:var(--white)}
.header-2{background-color:#030523}
.header-2 .container{max-width:1610px}
.hero-1 .hero-content::before{position:absolute;top:10%;left:0;content:"";width:850px;height:482px;background:url(../img/bg_ink_brush.webp) no-repeat 0 0 / 100% 100%;z-index:0;mix-blend-mode:screen;opacity:.7;z-index:0}
@media (max-width: 575px) {
.header-2 .logo img{width:150px}
.hero-1 .hero-content::before{width:380px;height:302px}
}
@media (max-width: 470px) {
.header-2 .logo img{width:130px}
}
.header-2 .header-btn{display:flex;align-items:center;gap:24px}
@media (max-width: 1199px) {
.header-2 .header-btn{display:none}
}
.header-2 .header-btn .theme-btn{border:1px solid transparent}
.header-2 .header-btn .theme-btn.border-btn{background-color:transparent;border:1px solid var(--white)}
.header-2 .header-btn .theme-btn.border-btn::before{background-color:var(--theme)}
.header-2 .header-btn .theme-btn.border-btn:hover{border:1px solid var(--theme)}
.header-2 .sidebar__toggle{cursor:pointer}
.header-2 .sidebar__toggle .header-bar{position:relative;width:40px;height:11px}
.header-2 .sidebar__toggle .header-bar span{position:absolute;width:100%;height:2px;display:inline-block;transition:all .3s;left:0;background:var(--header);overflow:hidden}
.header-2 .sidebar__toggle .header-bar span:first-child{top:0;background:var(--white);left:0;width:40px}
.header-2 .sidebar__toggle .header-bar span:last-child{bottom:0;background:var(--white);width:40px}
.header-2 .sidebar__toggle .header-bar.active span:first-child{transform:rotate(45deg) translate(3px,9px)}
.header-2 .sidebar__toggle .header-bar.active span:nth-child(2){opacity:0}
.header-2 .sidebar__toggle .header-bar.active span:last-child{transform:rotate(-45deg) translate(3px,-9px)}
.header-2 .sidebar__toggle .header-bar:hover{cursor:pointer}
.header-top-section{position:relative;z-index:999;padding:12px 0}
@media (max-width: 991px) {
.header-top-section{display:none}
}
.header-top-section .container{max-width:1610px}
.header-top-section .header-top-wrapper{display:flex;align-items:center;justify-content:space-between}
.header-top-section .header-top-wrapper p{font-size:16px;font-weight:700}
.header-top-section .header-top-wrapper p a{color:var(--theme);text-decoration:underline}
.header-top-section .header-top-wrapper .form-clt{max-width:125px;width:100%;display:flex;align-items:center;gap:10px}
.header-top-section .header-top-wrapper .form-clt .form{max-width:110px;width:100%}
.header-top-section .header-top-wrapper .form-clt .form .single-select{border:none;background-color:transparent;border-radius:0;padding:0;line-height:initial;height:initial}
.header-top-section .header-top-wrapper .form-clt .form .single-select span{margin-bottom:0;font-size:16px;font-weight:600;text-transform:uppercase}
.header-top-section .header-top-wrapper .form-clt .form .single-select .list{width:100%}
.header-top-section .header-top-wrapper .form-clt .form .single-select::after{right:0;width:8px;height:8px;top:43%;border-bottom:2px solid var(--text);border-right:2px solid var(--text)}
.header-top-section.header-section-2{background:#ffffff1f;backdrop-filter:blur(50px);z-index:99999;position:relative}
.header-top-section.header-section-2 .container{max-width:1720px}
.header-top-section.header-section-2 .header-top-wrapper p{color:var(--white);font-size:16px;font-weight:600}
.header-top-section.header-section-2 .header-top-wrapper .top-left{display:flex;align-items:center;gap:30px}
.header-top-section.header-section-2 .header-top-wrapper .top-left .social-icon{gap:12px}
.header-top-section.header-section-2 .header-top-wrapper .top-left .social-icon a{display:inline-block;width:35px;height:35px;display:inline-block;line-height:35px;text-align:center;border-radius:50%;background-color:var(--white);color:var(--text)}
.header-top-section.header-section-2 .header-top-wrapper .top-left .social-icon a:hover{background-color:var(--theme);color:var(--white)}
.header-top-section.header-section-2 .header-top-wrapper .top-right{display:flex;align-items:center;gap:30px;max-width:365px;width:100%}
.header-top-section.header-section-2 .header-top-wrapper .top-right p{font-weight:700}
.header-top-section.header-section-2 .header-top-wrapper .top-right p b{font-weight:700;color:var(--theme)}
.header-top-section.header-section-2 .header-top-wrapper .top-right .form-clt .form .single-select span{color:var(--white)}
.header-top-section.header-section-2 .header-top-wrapper .top-right .form-clt .form .single-select::after{border-bottom:2px solid var(--white);border-right:2px solid var(--white)}
.header-top-section-3{position:absolute;top:0;left:0;width:100%;z-index:100}
.sticky{position:fixed;top:0;left:0;width:100%;z-index:9999;transition:all .9s;background-color:var(--white);-webkit-animation:500ms ease-in-out 0s normal none 1 running fadeInDown;animation:500ms ease-in-out 0s normal none 1 running fadeInDown;box-shadow:#091e334a 0 8px 24px}
.sticky.header-1 .header-main .main-menu ul li a{color:var(--header)}
.sticky.header-1 .header-main .main-menu ul li a:hover{color:var(--theme)!important}
.sticky.header-1 .sidebar__toggle .header-bar span{background:var(--header)}
.sticky.header-1 .sidebar__toggle .header-bar span:first-child{background:var(--header)}
.sticky.header-1 .sidebar__toggle .header-bar span:last-child{background:var(--header)}
.sticky.header-2{background-color:#030523}
.offcanvas__info{background:var(--bgDarkMenu) none repeat scroll 0 0;position:fixed;right:0;top:0;width:400px;height:100%;-webkit-transform:translateX(calc(100% + 80px));-moz-transform:translateX(calc(100% + 80px));-ms-transform:translateX(calc(100% + 80px));-o-transform:translateX(calc(100% + 80px));transform:translateX(calc(100% + 80px));-webkit-transition:transform .45s ease-in-out,opacity .45s ease-in-out;-moz-transition:transform .45s ease-in-out,opacity .45s ease-in-out;transition:transform .45s ease-in-out,opacity .45s ease-in-out;z-index:99999;overflow-y:scroll;overscroll-behavior-y:contain;scrollbar-width:none}
.offcanvas__info::-webkit-scrollbar{display:none}
.offcanvas__info.info-open{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.offcanvas__content{position:relative;display:flex;flex-direction:column;justify-content:center;height:100%}
.offcanvas__top{position:absolute;top:20px;right:20px}
.offcanvas__logo{display:none}
.offcanvas__wrapper{position:relative;height:100%;padding:30px}
.offcanvas__wrapper .offcanvas__content h4{font-weight:700}
.offcanvas__wrapper .offcanvas__content .text{color:var(--text)}
.offcanvas__wrapper .offcanvas__content .offcanvas__close{width:45px;height:45px;line-height:45px;text-align:center;border-radius:50%;background-color:#4151b6;position:relative;z-index:9;cursor:pointer}
.offcanvas__wrapper .offcanvas__content .offcanvas__close i{color:var(--white)}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact{margin-top:20px}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul{margin-top:20px}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li{font-size:16px;font-weight:600;text-transform:capitalize}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li a{color:var(--text)}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child){margin-bottom:15px}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon{margin-right:20px}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon i{color:var(--theme)}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact span{text-transform:initial}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button .theme-btn{width:100%;padding:20px 40px;text-transform:capitalize!important}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon{margin-top:30px;gap:10px}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a{width:45px;height:45px;line-height:45px;text-align:center;font-size:16px;display:block;background:var(--bg);color:var(--header);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;text-align:center;border-radius:0}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a:hover{background-color:var(--theme);color:var(--white)}
.offcanvas__overlay{position:fixed;height:100%;width:100%;background:#151515;z-index:900;top:0;opacity:0;visibility:hidden;right:0}
.offcanvas__overlay.overlay-open{opacity:.8;visibility:visible}
@media (max-width: 450px) {
.offcanvas__info{width:300px}
}
.gt-breadcrumb-wrapper{overflow:hidden;z-index:9}
.gt-breadcrumb-wrapper.bg-before{position:relative}
.gt-breadcrumb-wrapper.bg-before::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";top:66%;background-color:var(--white)}
.gt-breadcrumb-wrapper .gt-page-heading{position:relative;padding:130px 0;z-index:9}
@media (max-width: 575px) {
.offcanvas__wrapper{padding:20px 30px}
.gt-breadcrumb-wrapper{overflow:visible}
.gt-breadcrumb-wrapper::before{position:absolute;content:"";width:100%;height:620px;top:0;right:0;background:url(../img/bg_soccer_banner.webp) no-repeat 0 0 /100% 100%;z-index:2}
.about-section-2{background:transparent}
}
@media (max-width: 1199px) {
.gt-breadcrumb-wrapper .gt-page-heading{padding-top:220px}
}
@media (max-width: 991px) {
.gt-breadcrumb-wrapper .gt-page-heading{padding-top:180px}
}
@media (max-width: 767px) {
.gt-breadcrumb-wrapper .gt-page-heading{text-align:center;padding-top:120px;padding-bottom:60px}
}
.gt-breadcrumb-wrapper .gt-page-heading h1{color:var(--white);font-size:100px;position:relative;text-transform:uppercase;z-index:9;font-weight:900;letter-spacing:.36px}
@media (max-width: 767px) {
.gt-breadcrumb-wrapper .gt-page-heading h1{font-size:60px}
}
@media (max-width: 575px) {
.gt-breadcrumb-wrapper .gt-page-heading h1{font-size:50px}
}
@media (max-width: 470px) {
.gt-breadcrumb-wrapper .gt-page-heading h1{font-size:50px;letter-spacing:-2px}
}
.gt-breadcrumb-items > img{width:50px}
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items{display:inline-flex;margin-top:20px;gap:10px}
@media (max-width: 575px) {
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items{margin-top:15px}
}
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li{color:var(--white);text-transform:uppercase;font-weight:600;font-size:22px}
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li a{color:var(--white);transition:all .4s ease-in-out;opacity:.7;text-decoration:underline;text-underline-offset:-3px;text-decoration-thickness:7px;text-decoration-color:#18c6c4}
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li a:hover{color:var(--theme);opacity:1}
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li a i{color:var(--lightYellow);margin-right:5px}
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li i{color:var(--white)}
section p.testimonial{color:var(--white);font-weight:200}
.gt-error-items{text-align:center;position:relative}
.gt-error-items .gt-error-image{margin-bottom:50px}
.gt-error-items .gt-error-image img{width:100%;height:100%}
.gt-error-items h2{margin-bottom:15px}
@media (max-width: 575px) {
.gt-error-items h2{font-size:30px}
}
.gt-error-items p{margin-bottom:48px;max-width:872px}
@media (max-width: 767px) {
.gt-error-items p{margin-bottom:30px}
}
.gt-error-items .gt-theme-btn .gt-icon-btn{background-color:var(--header)}
.gt-error-items .gt-theme-btn .gt-icon-btn::after{background-color:var(--theme)}
.array-button-2{gap:16px;top:55%;z-index:12}
.array-button-2.style-3 .array-prev2{transform:rotate(0deg)}
.array-button-2.style-3 .array-prev2 i{transform:rotate(0deg)}
.array-button-2.style-3 .array-prev2:hover i{color:var(--white)}
.array-button-2.style-3 .array-next2{transform:rotate(0deg)}
.array-button-2.style-3 .array-next2 i{transform:rotate(0deg)}
.array-button-2.style-3 .array-next2:hover i{color:var(--white)}
@media (max-width: 1199px) {
.array-button-2{flex-wrap:wrap}
}
.array-button-2 .array-prev2{width:55px;height:55px;line-height:50px;text-align:center;background-color:transparent;color:var(--header);transition:all .4s ease-in-out;overflow:hidden;border:1px solid #c7c9ce52;left:-5%}
@media (max-width: 575px) {
.array-button-2 .array-prev2{width:50px;height:50px;line-height:50px}
}
.array-button-2 .array-prev2 i{transform:rotate(45deg);transition:all .4s ease-in-out}
.array-button-2 .array-prev2:hover{background-color:var(--theme);color:var(--header);border:1px solid var(--theme)}
.array-button-2 .array-prev2:hover svg path{fill:var(--white)}
.array-button-2 .array-next2{width:55px;height:55px;line-height:55px;text-align:center;background-color:transparent;color:var(--header);transition:all .4s ease-in-out;border:1px solid #c7c9ce52;right:-5%}
@media (max-width: 575px) {
.array-button-2 .array-next2{width:50px;height:50px;line-height:50px}
section p{text-align:center}
.group{display:none}
}
.array-button-2 .array-next2 i{transform:rotate(45deg);transition:all .4s ease-in-out}
.array-button-2 .array-next2:hover{background-color:var(--theme);color:var(--header);border:1px solid var(--theme)}
.array-button-2 .array-next2:hover svg path{fill:var(--white)}
.bg-cover{background-repeat:no-repeat;background-size:cover;position:relative;background-position:center}
.fix{overflow:hidden}
.ralt{position:relative}
.sticky-style{position:sticky!important;top:100px}
.gt-slide-transtion{-webkit-transition-timing-function:linear;transition-timing-function:linear}
.gt-brand-slide-element{width:auto;display:inline-block}
.p-relative{position:relative}
.right_NinetyPercent{right:90%}
.right_zero{right:0}
.soccer{right:-50px;top:0}
.ripple{position:relative}
.ripple::before,.ripple::after{position:absolute;left:50%;top:50%;width:70px;height:70px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);border-radius:50%;box-shadow:0 0 0 0 #fe590080;-webkit-animation:rippleOne 3s infinite;animation:rippleOne 3s infinite}
.ripple::before{-webkit-animation-delay:.9s;animation-delay:.9s;content:"";position:absolute;right:0;bottom:0}
.ripple::after{-webkit-animation-delay:.6s;animation-delay:.6s;content:"";position:absolute;right:0;bottom:0}
.ribbon-wrap{width:100px;height:63px;top:-7px;right:0;pointer-events:none;background:url(../img/flag/label.png) no-repeat center center / 100% 100%}
.comingSoon{width:100%;height:100%;background:#ffffffd4;left:0;top:0;z-index:5}
.comingSoon img{width:120px;height:120px}
.page-nav-wrap{margin-top:60px}
.page-nav-wrap ul li{display:inline-block}
.page-nav-wrap ul li.active .page-numbers{background-color:var(--theme);color:var(--white)}
.page-nav-wrap ul li .page-numbers{display:inline-block;width:48px;height:48px;text-align:center;line-height:48px;border-radius:0;background:#F4F4F4;color:var(--header);font-weight:900;transition:all .3s ease-in-out;margin:0 2px;border-radius:0;font-family:"Big Shoulders",sans-serif}
.page-nav-wrap ul li .page-numbers.current{background-color:var(--theme);color:var(--white)}
@media (max-width: 767px) {
.page-nav-wrap ul li .page-numbers{margin-top:10px;width:40px;height:40px;line-height:40px;font-size:14px}
.section-dark-title{flex-direction:column}
.ranking-section{padding-top:50px;}
.section-dark-title::before{top:-10%;right:-20px;height:220px;}
.maskoverlay::before, .maskoverlay::after{content:none}
}
.page-nav-wrap ul li .page-numbers i{margin-top:2px;color:var(--header);transition:all .4s ease-in-out}
.page-nav-wrap ul li .page-numbers:hover{background-color:var(--theme);color:var(--white)}
.page-nav-wrap ul li .page-numbers:hover i{color:var(--white)}
.wf-loading body{font-family:system-ui,-apple-system,"Noto Sans SC",Arial,sans-serif}
.wf-active body h1.hero_title_1{font-family:"hellofont-id-liefeng","Noto Sans SC",Arial,sans-serif}
.split-line b,.split-subline b,.split-line b > div,.split-subline b > div{display:inline-block}
.hero-1{padding:0;padding-right:0;position:relative;overflow:hidden;height:100vh}
.hero-1 .tilt_scale{transition:transform .2s ease;display:inline-block;top:50%;right:6%;margin-top:-190px;transform:scale(1.1)}
@media (max-width: 1600px) {
.hero-1{padding-right:0px}
.hero-1 .hero-content h1{line-height:205%;}
.hero-content h2 {font-size:34px;margin:50px 0 10px 0;}
.hero-section1 .container{max-width:100%;}
.split-subline b:first-child{top:27px;}
.split-subline b:nth-child(2){top:27px}
.split-subline span b:first-child{top:33px;}
.split-subline span b:nth-child(2){top:31px}
.split-subline span b:nth-child(3){top:29px;}
.split-subline span b:nth-child(4){top:26px}
.flipTimer .seperator{font-size:22px;}
.hero-1 .tilt_scale{margin-top:-150px;}
}
@media (max-width: 1399px) {
.hero-1{padding-right:0;padding-bottom:100px}
}
@media (max-width: 991px) {
.hero-1{padding-top:180px;padding-bottom:0}
}
@media (max-width: 767px) {
.hero-1{padding-top:150px}
.split-subline span b:first-child{font-size:100px;left:-7px}
.split-subline span b:nth-child(2){font-size:104px;left:-30px;}
.split-subline span b:nth-child(3){font-size:76px;left:-50px}
.split-subline span b:nth-child(4){left:-67px}
.hero-content h2 {font-size: 24px;margin: 30px 0 10px 0;}
}
@media (max-width: 575px) {
.hero-1{padding-top:60px;height:100vh}
}
@media (max-width:375px) {
.hero-1{padding-top:30px;height:100vh}
}
.hero-1 .right-shape{position:absolute;bottom:0;right:0;z-index:9}
@media (max-width: 1199px) {
.hero-1 .right-shape{display:none}
}
.hero-1 .container{max-width:100%;height:100%;display:flex}
@media (max-width: 991px) {
.hero-1 .hero-content{text-align:center}
}
.hero-1 .hero-content h6{color:var(--theme);font-size:26px;font-weight:400;font-family:"hellofont-id-liefeng",sans-serif;margin-bottom:0;text-align:center}
@media (max-width: 470px) {
.hero-1 .hero-content h6{font-size:24px;margin-left:0}
}
.hero-1 .hero-content h1{color:var(--white);letter-spacing:-5px;overflow:visible;transform:scale(2);justify-content:space-evenly;line-height:151%}
@media (max-width: 1600px) {
.hero-1 .hero-content h1{font-size:75px}
}
@media (max-width: 1199px) {
.hero-1 .hero-content h1{font-size:62px}
}
@media (max-width: 991px) {
.hero-1 .hero-content h1{font-size:68px}
}
@media (max-width: 767px) {
.hero-1 .hero-content h1{font-size:55px}
}
@media (max-width: 575px) {
.hero-1 .hero-content h1{font-size:48px}
}
@media (max-width: 470px) {
.hero-1 .hero-content h1{font-size:50px;letter-spacing:-1px;justify-content:center;transform:scale(1.1)}
}
.tv_hero_subtitle .split-subline > span > b > div > div.colorMask{display:inline-block;line-height:1.2;padding:.08em 0}
.hero-1 .hero-content h1 span .colorMask{color:transparent;text-shadow:0 0 5px #fffac8b3;background:linear-gradient(to right,var(--theme) 0%,#2b9bff 10%,#5cfafc 20%,#afe7be 50%,#5cfafc 75%,#2b9bff 80%,var(--theme) 100%);background-size:500% auto;text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:move 5s ease-in-out infinite alternate}
@-webkit-keyframes move {
0%{background-position:0 50%}
100%{background-position:100% 50%}
}
@-moz-keyframes move {
0%{background-position:0 50%}
100%{background-position:100% 50%}
}
@keyframes move {
0%{background-position:0 50%}
100%{background-position:100% 50%}
}
.hero-1 .hero-content p{color:var(--white);line-height:150%;max-width:785px;font-size:30px}
.hero-1 .hero-content .hero-btn{margin-top:20px;display:flex;align-items:center;gap:24px}
@media (max-width: 991px) {
.hero-1 .hero-content .hero-btn{flex-wrap:wrap;margin-top:30px;justify-content:center}
}
.hero-1 .hero-image{position:relative;isolation:isolate;transform:scale(1.2);height:100vh;transition:.3s}
@media (max-width: 767px) {
.hero-1 .hero-image{text-align:center;mix-blend-mode:plus-lighter;transform:scale(1);z-index:0}
.mouseScroll{left:9%}
.hero-1 .hero-image img.soccers{width:100%;height:100%;mix-blend-mode:screen}
.hero-1 .hero-image img.soccer.scale{transform:scale(2.2)!important;margin-top:80px;opacity:.7;}
}
.hero-1 .hero-image .hero-image-bg{position:absolute;bottom:0;left:0;top:0;z-index:-1}
.hero-1 .hero-image .hero-image-bg img{height:100vh}
@media (max-width: 1399px) {
.hero-1 .hero-image .hero-image-bg{display:block}
}
.hero-2{padding:190px 0 280px;position:relative;z-index:9}
@media (max-width: 991px) {
.hero-2{padding:150px 0}
}
@media (max-width: 767px) {
.hero-2{padding:140px 0}
}
@media (max-width: 575px) {
.hero-2{padding:100px 0 130px}
}
.hero-2 .vec-shape1{position:absolute;top:0;left:35%;z-index:-1}
@media (max-width: 1199px) {
.hero-2 .vec-shape1{display:none}
}
.hero-2 .vec-shape2{position:absolute;right:0;top:20%;z-index:-1}
@media (max-width: 1199px) {
.hero-2 .vec-shape2{display:none}
}
.hero-2::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";background:linear-gradient(251deg,var(--Text-Primary,#030523) 7.32%,#0305237a 80.97%);z-index:-1}
.hero-2 .stoke-title{text-align:center;-webkit-text-stroke-width:4px;-webkit-text-stroke-color:var(--white);font-size:200px;font-weight:900;letter-spacing:-2px;text-transform:uppercase;color:transparent;opacity:.16;writing-mode:vertical-rl;transform:rotate(-180deg);position:absolute;top:0;left:0;bottom:0}
@media (max-width: 1199px) {
.hero-2 .stoke-title{display:none}
}
.hero-2 .container{max-width:1719px}
@media (max-width: 991px) {
.hero-2 .hero-content{margin:0 auto;text-align:center}
}
.hero-2 .hero-content h6{color:var(--white);font-size:18px;font-weight:700;font-family:"Chakra Petch",sans-serif;margin-bottom:15px}
.hero-2 .hero-content h1{color:var(--white)}
@media (max-width: 575px) {
.hero-2 .hero-content h1{line-height:140%}
}
.hero-2 .hero-content h1 span{color:var(--theme)}
.hero-2 .hero-content p{color:var(--white);line-height:150%;margin-top:24px;max-width:785px}
@media (max-width: 991px) {
.hero-2 .hero-content p{margin:30px auto 0}
}
@media (max-width: 470px) {
.hero-2 .hero-content p{font-size:15px;line-height:180%}
}
.hero-2 .hero-content .hero-btn{margin-top:48px;display:flex;align-items:center;gap:24px}
@media (max-width: 1199px) {
.hero-2 .hero-content .hero-btn{flex-wrap:wrap;gap:20px}
}
@media (max-width: 991px) {
.hero-2 .hero-content .hero-btn{justify-content:center}
}
@media (max-width: 767px) {
.hero-2 .hero-content .hero-btn{margin-top:30px}
}
.hero-3{padding:280px 0 270px;position:relative}
@media (max-width: 1199px) {
.hero-3{padding:230px 0 150px}
}
@media (max-width: 767px) {
.hero-3{padding:160px 0}
}
@media (max-width: 575px) {
.hero-3{padding:140px 0}
}
.hero-3 .left-shape{position:absolute;top:0;bottom:0;left:0;z-index:1}
@media (max-width: 1199px) {
.hero-3 .left-shape{display:none}
}
.hero-3 .left-shape img{height:100%}
.hero-3 .stoke-title2{color:#ffffff14;font-size:188px;font-weight:900;letter-spacing:-1.88px;text-transform:uppercase;writing-mode:vertical-rl;position:absolute;top:22%;right:0;bottom:0;z-index:22}
@media (max-width: 1199px) {
.hero-3 .stoke-title2{display:none}
}
.hero-3 .stoke-title2 span{-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#ffffff3d;font-size:188px;font-weight:900;letter-spacing:-1.88px;text-transform:uppercase;color:transparent;display:block}
.hero-3 .container{max-width:1665px}
.hero-3 .hero-bg{position:absolute;top:0;left:0;height:100%;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;transform:scale(1);-webkit-transition:all 8s ease-out 0s;-moz-transition:all 8s ease-out 0s;-ms-transition:all 8s ease-out 0s;-o-transition:all 8s ease-out 0s;transition:all 8s ease-out 0s}
.hero-3 .hero-bg::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";background:linear-gradient(251deg,var(--Text-Primary,#030523b8) 7.32%,#03052359 80.97%)}
.hero-3 .hero-content{position:relative;z-index:3}
.hero-3 .hero-content h6{color:var(--white);font-family:"Chakra Petch",sans-serif;font-size:18px;font-weight:700;letter-spacing:6px;text-transform:uppercase;margin-bottom:20px;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#03052300 0%,var(--theme) 100%);border-bottom:2px solid transparent;border-image-slice:2;display:inline-block;padding-bottom:5px}
@media (max-width: 1199px) {
.hero-3 .hero-content h6{border-bottom:none}
}
@media (max-width: 575px) {
.hero-3 .hero-content h6{font-size:15px}
}
.hero-3 .hero-content h1{margin-bottom:15px;color:var(--white);font-size:108px}
@media (max-width: 1399px) {
.hero-3 .hero-content h1{font-size:85px}
}
@media (max-width: 1199px) {
.hero-3 .hero-content h1{font-size:72px;line-height:140%}
}
@media (max-width: 991px) {
.hero-3 .hero-content h1{font-size:70px}
}
@media (max-width: 767px) {
.hero-3 .hero-content h1{font-size:55px}
}
@media (max-width: 575px) {
.hero-3 .hero-content h1{font-size:40px}
}
@media (max-width: 470px) {
.hero-3 .hero-content h1{font-size:35px}
}
.hero-3 .hero-content p{color:var(--white);opacity:.88;max-width:745px;margin-top:30px}
@media (max-width: 1199px) {
.hero-3 .hero-content p{margin-top:10px}
}
.hero-3 .hero-content .hero-btn{margin-top:48px;display:flex;align-items:center;gap:24px}
@media (max-width: 1199px) {
.hero-3 .hero-content .hero-btn{flex-wrap:wrap;margin-top:30px;flex-wrap:wrap}
}
.hero-section-3{position:relative}
.hero-section-3 .swiper-slide.swiper-slide-active .hero-bg{-webkit-transform:scale(1.19);-moz-transform:scale(1.19);transform:scale(1.19)}
.hero-section-3 .gt-product-dot{border:1px solid #c7c9ce3d;background:#ffffff1f;backdrop-filter:blur(50px);padding:20px;position:absolute;bottom:180px;right:100px;z-index:99;display:flex;align-items:center;gap:16px;max-width:375px;left:unset!important}
@media (max-width: 1199px) {
.hero-section-3 .gt-product-dot{display:none}
}
.hero-section-3 .gt-product-dot .dot-content img{width:100px;height:100px;object-fit:cover;border:1px solid transparent}
.hero-section-3 .gt-product-dot .swiper-pagination-bullet{cursor:pointer;width:100px;height:100px;opacity:1;border:1px solid transparent;margin:0;padding:0}
.hero-section-3 .gt-product-dot .swiper-pagination-bullet.swiper-pagination-bullet-active{border:1px solid var(--theme)}
.hero-section-3 .gt-product-dot .swiper-pagination-bullet.swiper-pagination-bullet-active img{border:1px solid var(--theme)}
.mean-container a.meanmenu-reveal{display:none}
.mean-container .mean-nav{background:none;margin-top:0}
.mean-container .mean-bar{padding:0;min-height:auto;background:none}
.mean-container .mean-nav > ul{padding:0;margin:0;width:100%;list-style-type:none;display:block!important}
.mean-container a.meanmenu-reveal{display:none!important}
.mean-container .mean-nav ul li a{width:100%;padding:10px 0;color:var(--white);font-size:18px;line-height:2.5;font-weight:400;text-transform:uppercase;border-bottom:1px solid #5565cb!important;border:none;font-family:"Big Shoulders",sans-serif}
.mean-container .mean-nav ul li a:hover{color:var(--theme)}
.mean-container .mean-nav ul li a:last-child{border-bottom:0}
.mean-container .mean-nav ul li a:hover{color:var(--theme)}
.mean-container .mean-nav ul li a.mean-expand{margin-top:5px;padding:0!important}
.mean-container .mean-nav ul li > a > i{display:none}
.mean-container .mean-nav ul li > a.mean-expand i{display:inline-block;font-size:18px}
.mean-container .mean-nav > ul > li:first-child > a{border-top:0}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked i{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transition:all .4s ease-in-out}
.mean-container .mean-nav ul li .mega-menu li a{height:200px;width:100%;padding:0;border-top:0;margin-bottom:20px}
.news-thumb1{margin-top:30px;position:relative}
@media (max-width: 991px) {
.news-thumb1{height:600px}
.mean-container .mean-nav ul li a{font-size:20px}
.mean-container .mean-nav ul li a img{filter:brightness(0) invert(1)}
}
.news-thumb1 img{width:100%;height:100%;object-fit:cover}
.news-thumb1 .video-box{position:absolute;top:32px;right:32px;padding:8px 18px 8px 8px;background-color:#FFEEE7;display:flex;align-items:center;gap:12px;color:#030523;border-radius:100px;line-height:1}
.news-thumb1 .video-box i{font-size:36px;color:var(--theme)}
.news-thumb1 .news-content{position:absolute;left:32px;bottom:32px;right:32px}
.news-thumb1 .news-content span{display:inline-block;background-color:var(--theme);color:var(--white);font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:11px 24px;border-radius:100px}
.news-thumb1 .news-content ul{display:flex;align-items:center;gap:16px;margin-top:20px;margin-bottom:20px}
.news-thumb1 .news-content ul li{font-size:16px;font-weight:600;text-transform:uppercase;color:var(--white)}
.news-thumb1 .news-content h3 a{color:var(--white)}
.news-thumb1 .news-content h3 a:hover{color:var(--theme)}
.news-box-items{margin-top:30px;background-color:#F5F6F6}
.news-box-items .thumb{position:relative}
.news-box-items .thumb img{width:100%;height:100%}
.news-box-items .thumb .video-box{position:absolute;top:14px;right:14px;padding:8px 18px 8px 8px;background-color:#FFEEE7;display:flex;align-items:center;gap:12px;color:#030523;border-radius:100px;line-height:1}
.news-box-items .thumb .video-box i{font-size:27px;color:var(--theme)}
.news-box-items .content{padding:40px 30px;padding-top:0;margin-top:-18px;position:relative;z-index:9}
.news-box-items .content span{background-color:var(--theme);color:var(--white);display:inline-block;padding:4px 20px;border-radius:100px}
.news-box-items .content ul{display:flex;align-items:center;gap:16px;margin-top:20px;margin-bottom:20px}
.news-box-items .content ul li{font-size:16px;font-weight:600;text-transform:uppercase;color:var(--text)}
@media (max-width: 1399px) {
.news-box-items .content h3{font-size:20px}
}
@media (max-width: 1199px) {
.news-box-items .content h3{font-size:22px}
}
.news-box-items .content h3 a:hover{color:var(--theme)}
.club-blog-items{margin-top:30px}
.club-blog-items .thumb img{width:100%;height:100%}
.club-blog-items .content{padding:24px;background-color:var(--white);margin-left:24px;margin-right:24px;margin-top:-170px;position:relative;z-index:99;height:280px;box-shadow:0 20px 30px #00000026}
@media (max-width: 1399px) {
.club-blog-items .content{margin-left:20px;margin-left:20px;padding:20px}
}
.club-blog-items .content ul{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
@media (max-width: 1399px) {
.club-blog-items .content ul{flex-wrap:wrap;gap:12px}
}
.club-blog-items .content ul li{color:var(--text)}
.club-blog-items .content ul li span{text-transform:uppercase;font-size:16px;font-weight:600}
.club-blog-items .content ul li span i{margin-right:8px}
.club-blog-items .content ul li span b{color:var(--theme)}
.club-blog-items .content h3{font-size:22px;margin:10px 0;display:flex;align-items:center}
.club-blog-items .content h3 img{width:22px;margin-right:10px}
@media (max-width: 1399px) {
.club-blog-items .content h3{font-size:21px}
}
@media (max-width: 1199px) {
.club-blog-items .content h3{font-size:18px}
}
@media (max-width: 767px) {
.club-blog-items .content h3{font-size:20px}
}
@media (max-width: 575px) {
.club-blog-items .content h3{font-size:22px}
.club-blog-items .content{height:250px}
.club-blog-items .content h3 a:hover{color:var(--theme)}
.club-table-score .scoreboard{border:1px solid #c7c9ce29;background:var(--white);padding:25px 40px}
.club-table-score .scoreboard .match{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--border)}
.club-table-score .scoreboard .match .team{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--text);justify-content:end;flex-basis:25%}
.club-table-score .scoreboard .match .team img{width:35px;height:35px;object-fit:contain}
.club-table-score .scoreboard .match .score{border:1px solid #c7c9ce3d;padding:8px 18px;font-size:22px;font-weight:700;color:#111;background-color:red}
.news-box-items-2{margin-top:30px}
.news-box-items-2 .thumb{position:relative}
.news-box-items-2 .thumb .post-box{padding:12px 16px;background-color:var(--theme);border-radius:100px;color:var(--white);line-height:1;font-size:16px;font-weight:600;text-transform:uppercase;position:absolute;top:30px;left:30px}
.news-box-items-2 .thumb img{width:100%;height:100%}
.news-box-items-2 .news-content{margin-top:24px}
.news-box-items-2 .news-content ul{display:flex;align-items:center;gap:80px;border-bottom:1px solid #c7c9ce29;padding-bottom:20px;margin-bottom:20px}
.news-box-items-2 .news-content ul li{color:var(--white)}
.news-box-items-2 .news-content h3{margin-bottom:24px}
.news-box-items-2 .news-content h3 a{color:var(--white)}
.news-box-items-2 .news-content h3 a:hover{color:var(--theme)}
.news-table-right-items{background-color:var(--white);padding:32px}
.news-table-right-items h3{font-size:32px;border-bottom:1px solid #c7c9ce29;padding-bottom:24px;margin-bottom:20px}
.news-table-right-items table{width:100%;border-collapse:collapse;margin-bottom:30px;border-radius:0}
@media (max-width: 1399px) {
.news-table-right-items table{width:700px}
}
.news-table-right-items table thead th{font-size:18px;text-transform:uppercase;color:var(--header);text-align:center;font-weight:700;padding-bottom:15px}
.news-table-right-items table tbody tr{border:1px solid #eee}
.news-table-right-items table tbody td{padding:15px 9px;font-weight:600;color:#0a1633}
.news-table-right-items .rank{width:50px;text-align:center;font-size:14px;font-weight:600}
.news-table-right-items .team{display:flex;align-items:center;gap:12px}
.news-table-right-items .team-name{font-weight:700;letter-spacing:.5px;font-size:16px;color:var(--header)}
.news-table-right-items .stats{text-align:center}
.news-table-right-items .last-10{text-align:center;font-weight:700}
.news-table-right-items .badge{padding:9px 14px;border-radius:0;font-size:14px;font-weight:600;display:inline-block;color:#fff;background-color:#FE5900}
.news-list-items{background-color:var(--white);display:flex;align-items:center;margin-top:30px}
.news-list-items .thumb{max-width:256px;position:relative}
.news-list-items .thumb img{width:100%;height:100%}
.news-list-items .content{padding:0 30px}
.news-list-items .content ul{display:flex;align-items:center;gap:30px;margin-bottom:20px;border-bottom:1px solid #C7C9CE;padding-bottom:20px}
.news-list-items .content ul li{color:var(--text)}
.news-list-items .content ul li span{text-transform:uppercase;font-size:16px;font-weight:600}
.news-list-items .content ul li span i{margin-right:8px}
.news-list-items .content ul li span b{color:var(--theme)}
.news-list-items .content h3{margin-bottom:15px}
.news-list-items .content h3 a:hover{color:var(--theme)}
.news-section-2{position:relative;z-index:9}
.news-section-2 .vec-dot{position:absolute;top:-40%;right:0;z-index:-1}
.news-section-2 .vec-circle{position:absolute;right:0;top:30%;z-index:-1}
.hottest-box-items{margin-top:30px}
.hottest-box-items .hottest-thumb{position:relative}
.hottest-box-items .hottest-thumb img{width:100%;height:100%}
.hottest-box-items .hottest-thumb .video-btn{display:inline-block;width:70px;height:70px;line-height:70px;text-align:center;border-radius:50%;background-color:var(--theme);color:var(--white);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.hottest-box-items .hottest-thumb .post-box{position:absolute;display:inline-block;font-weight:700;color:var(--header);position:absolute;top:24px;left:24px;background-color:var(--white);padding:11px 19px;border-radius:100px;line-height:1}
.hottest-box-items .hottest-content{margin-top:25px}
.hottest-box-items .hottest-content ul{display:flex;align-items:center;gap:16px;margin-bottom:15px}
.hottest-box-items .hottest-content ul li{font-size:16px;font-weight:600}
.hottest-box-items .hottest-content ul li span{color:var(--theme)}
.hottest-box-items .hottest-content h3 a:hover{color:var(--theme)}
.hottest-hoop-wrap-content{background-color:#F5F6F6;padding:48px}
.hottest-hoop-wrap-content .post-tag{display:inline-block;padding:9px 19px;background-color:var(--white);border-radius:100px;color:var(--header);font-size:16px;font-weight:700;line-height:1}
.hottest-hoop-wrap-content ul{display:flex;align-items:center;gap:16px;margin-bottom:15px;margin-top:25px}
.hottest-hoop-wrap-content ul li{font-size:16px;font-weight:600}
.hottest-hoop-wrap-content ul li span{color:var(--theme)}
.hottest-hoop-wrap-content p{margin-top:25px}
.hottest-hoop-wrap-content .theme-btn{margin-top:40px}
.hottest-hoop-wrap-thumb{height:510px;position:relative}
.hottest-hoop-wrap-thumb .video-btn{display:inline-block;width:70px;height:70px;line-height:70px;text-align:center;border-radius:50%;background-color:var(--theme);color:var(--white);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.hottest-hoop-wrap-thumb .post-box{position:absolute;display:inline-block;font-weight:700;color:var(--header);position:absolute;top:24px;left:24px;background-color:var(--white);padding:11px 19px;border-radius:100px;line-height:1}
.hottest-hoop-wrap-thumb img{width:100%;height:100%}
.hottest-hoop-wrapper{background-color:#F5F6F6;margin-top:50px}
.news-box-items-3{margin-top:30px}
.news-box-items-3 .thumb img{width:100%;height:100%}
.news-box-items-3 .content{background-color:var(--white);padding:20px}
.news-box-items-3 .content ul{display:flex;gap:30px}
.news-box-items-3 .content ul li span i{margin-right:8px}
.news-box-items-3 .content h3{margin-top:10px}
.news-box-items-3 .content h3 a:hover{color:var(--theme)}
.news-box-items-3 .content .link-btn{margin-top:20px}
.news-box-items-3 .content .link-btn:hover{color:var(--header)}
.news-content-3{background-color:var(--white);padding:31px 24px;margin-top:30px}
.news-content-3 ul{display:flex;gap:30px}
.news-content-3 ul li span i{margin-right:8px}
.news-content-3 h3{margin-top:10px}
.news-content-3 h3 a:hover{color:var(--theme)}
.news-content-3 .link-btn{margin-top:20px}
.news-content-3 .link-btn:hover{color:var(--header)}
.news-section-3{position:relative}
.news-section-3 .stoke-title2{color:#030523;font-family:"Big Shoulders",sans-serif;font-size:188px;font-weight:900;letter-spacing:-1.88px;text-transform:uppercase;opacity:.03;position:absolute;top:5%;left:15%;right:0}
.news-section-3 .stoke-title2 span{-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#030523;font-size:188px;font-weight:900;letter-spacing:-1.88px;text-transform:uppercase;opacity:1;color:transparent}
.ranking-secion-3{position:relative}
.ranking-secion-3 .stoke-title2{color:#fff;font-size:156px;font-weight:900;letter-spacing:-1.88px;text-transform:uppercase;opacity:.04;writing-mode:vertical-rl;position:absolute;top:70px;right:20px;bottom:0}
.ranking-secion-3 .stoke-title2 span{-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#fff;font-size:156px;font-weight:900;letter-spacing:-1.88px;text-transform:uppercase;opacity:1;color:transparent}
.team-section-3{position:relative}
.team-section-3 .stoke-title2{color:#030523;font-family:"Big Shoulders",sans-serif;font-size:188px;font-weight:900;letter-spacing:-1.88px;text-transform:uppercase;opacity:.03;position:absolute;top:3%;left:52%;transform:translateX(-50%);right:0}
.team-section-3 .stoke-title2 span{-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#030523;font-size:188px;font-weight:900;letter-spacing:-1.88px;text-transform:uppercase;opacity:1;color:transparent}
.highlights-match-section{position:relative}
.highlights-match-section .stoke-title2{color:#030523;font-family:"Big Shoulders",sans-serif;font-size:188px;font-weight:900;letter-spacing:-1.88px;text-transform:uppercase;opacity:.03;position:absolute;top:2%;left:15%;right:0}
.highlights-match-section .stoke-title2 span{-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#030523;font-size:188px;font-weight:900;letter-spacing:-1.88px;text-transform:uppercase;opacity:1;color:transparent}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4{margin-bottom:30px}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-image{overflow:hidden}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-image img{width:100%;height:100%;transform:scale(1.02);transition:all 1.5s ease-out}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .gt-date-list{display:flex;align-items:center;gap:20px;margin-top:24px;margin-bottom:15px}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .gt-date-list li i{margin-right:10px}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content h3{margin-bottom:10px;font-size:32px;font-weight:900}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content h3 a{background-position:0 95%;background-repeat:no-repeat;background-size:0 2px;display:inline}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content h3 a:hover{color:var(--theme);background-size:100% 2px;background-image:linear-gradient(180deg,var(--theme) 0%,var(--theme) 100%)}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .theme-btn{padding:0 30px;border:1px solid var(--theme);background:transparent;color:var(--theme);margin-top:24px}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .theme-btn::before{background-color:var(--theme)}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .theme-btn:hover{color:var(--white)}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4:hover .gt-news-image img{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
.gt-news-details-wrapper .gt-details-image img{width:100%;height:100%}
.gt-news-details-wrapper .gt-news-details-content{margin-top:24px}
.gt-news-details-wrapper .gt-news-details-content h3{font-size:40px;margin-bottom:10px;font-weight:900}
.gt-news-details-wrapper .gt-news-details-content .gt-list{margin-top:30px;margin-bottom:30px;border-radius:0}
.gt-news-details-wrapper .gt-news-details-content .gt-list .gt-list-item{margin-bottom:30px}
.gt-news-details-wrapper .gt-news-details-content .gt-list .gt-list-item h3{font-weight:800;font-size:24px}
.gt-news-details-wrapper .gt-news-details-content .gt-list .gt-list-item .gt-details-list{margin-top:20px}
.gt-news-details-wrapper .gt-news-details-content .gt-list .gt-list-item .gt-details-list li{font-size:16px;font-weight:800;color:var(--header)}
.gt-news-details-wrapper .gt-news-details-content .gt-list .gt-list-item .gt-details-list li:not(:last-child){margin-bottom:20px}
.gt-news-details-wrapper .gt-news-details-content .gt-list .gt-list-item .gt-details-list li i{color:var(--theme);margin-right:8px}
.gt-news-details-wrapper .gt-news-details-content .gt-sideber{padding:30px 40px;border:1.5px solid var(--theme);margin-top:20px}
.gt-news-details-wrapper .gt-news-details-content .gt-sideber h6{margin-bottom:15px;font-weight:700;font-size:20px;line-height:160%}
.gt-news-details-wrapper .gt-news-details-content .gt-sideber .client-info-item{display:flex;align-items:center;justify-content:space-between}
.gt-news-details-wrapper .gt-news-details-content .gt-sideber .client-info-item .client-info{display:flex;align-items:center;gap:12px}
.gt-news-details-wrapper .gt-news-details-content .gt-sideber .client-info-item .client-info .image{border-radius:100%}
.gt-news-details-wrapper .gt-news-details-content .gt-sideber .client-info-item .client-info h4{font-size:20px;font-weight:700}
.testimonial-box-slider .client-info-items .client-info img{width:90px;height:90px}
.gt-news-details-wrapper .gt-news-details-content .news-title{font-size:22px;font-weight:800;margin-top:20px;margin-bottom:15px;font-family:"Chakra Petch",sans-serif}
.gt-news-details-wrapper .gt-news-details-content .text{font-size:24px;margin-top:30px}
.gt-news-details-wrapper .gt-news-details-content .gt-tag-share-wrap{border-bottom:1.2px solid #bfbfbf3d;padding:30px 0}
.gt-news-details-wrapper .gt-news-details-content .gt-tag-share-wrap .tagcloud span{font-size:20px;font-weight:600;display:inline-block;color:var(--header);font-family:"Big Shoulders",sans-serif;margin-right:10px}
.gt-news-details-wrapper .gt-news-details-content .gt-tag-share-wrap .tagcloud a{display:inline-block;padding:14px 26px;line-height:1;background:#F5F6F6;margin-right:8px;text-transform:uppercase;font-weight:700;transition:all .4s ease-in-out;border-radius:0}
.gt-news-details-wrapper .gt-news-details-content .gt-tag-share-wrap .tagcloud a:hover{background-color:var(--theme);color:var(--white)}
.gt-news-details-wrapper .gt-news-details-content .gt-tag-share-wrap .social-share a{font-size:16px;color:var(--header);display:inline-block;width:42px;height:42px;line-height:42px;text-align:center;background-color:var(--bg);border-radius:0}
.gt-news-details-wrapper .gt-news-details-content .gt-tag-share-wrap .social-share a:not(:last-child){margin-right:10px}
.gt-news-details-wrapper .gt-news-details-content .gt-tag-share-wrap .social-share a:hover{color:var(--white);background-color:var(--theme)}
.gt-news-details-wrapper .gt-news-details-content .gt-comments-area{margin-top:40px}
.gt-news-details-wrapper .gt-news-details-content .gt-comments-area h3{font-size:28px}
.gt-news-details-wrapper .gt-news-details-content .gt-comments-area .gt-blog-single-comment{border-bottom:1.2px solid #bfbfbf3d}
.gt-news-details-wrapper .gt-news-details-content .gt-comments-area .gt-blog-single-comment .gt-content .head .con h5{margin-bottom:10px;font-weight:700;font-size:22px}
.gt-news-details-wrapper .gt-news-details-content .gt-comments-area .gt-blog-single-comment .gt-content .reply{padding:5px 18px;font-weight:600;background-color:var(--theme);color:var(--white);transition:all .4s ease-in-out;border-radius:0}
.gt-news-details-wrapper .gt-news-details-content .gt-comments-area .gt-blog-single-comment .gt-content .reply:hover{background-color:var(--header)}
.gt-news-details-wrapper .gt-news-details-content .gt-comment-form-wrap{background-color:var(--bg);padding:30px}
.gt-news-details-wrapper .gt-news-details-content .gt-comment-form-wrap h3{margin-bottom:30px;border-bottom:1.2px solid #6666663d;padding-bottom:24px;margin-bottom:24px;font-size:28px}
.gt-news-details-wrapper .gt-news-details-content .gt-comment-form-wrap .form-clt span{color:var(--header);display:inline-block;margin-bottom:10px;font-size:16px;font-weight:700}
.gt-news-details-wrapper .gt-news-details-content .gt-comment-form-wrap .form-clt input,.gt-news-details-wrapper .gt-news-details-content .gt-comment-form-wrap .form-clt textarea{width:100%;outline:none;border:none;background-color:var(--border);padding:16px 20px;font-weight:600;color:var(--text);background-color:var(--white);text-transform:uppercase;border-radius:0}
.gt-news-details-wrapper .gt-news-details-content .gt-comment-form-wrap .form-clt input::placeholder,.gt-news-details-wrapper .gt-news-details-content .gt-comment-form-wrap .form-clt textarea::placeholder{color:var(--text)}
.gt-news-details-wrapper .gt-news-details-content .gt-comment-form-wrap .form-clt textarea{padding-bottom:100px;resize:none}
.gt-news-details-wrapper .gt-news-details-content .gt-comment-form-wrap button.theme-btn{background-color:var(--theme);color:var(--white)}
.gt-news-details-wrapper .gt-news-details-content .gt-comment-form-wrap button.theme-btn::before{background-color:var(--header)}
.gt-main-sideber .gt-single-sideber-widget{margin-bottom:40px;background-color:#F5F6F6;padding:30px}
.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form{width:100%;position:relative}
.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form input{background-color:var(--white);font-size:18px;font-weight:400;padding:16px 20px;width:100%;border:none;color:var(--text)}
.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form button{position:absolute;right:-2px;top:0;width:58px;border-radius:8px;font-size:18px;height:100%;background-color:var(--theme);color:var(--white);text-align:center;transition:all .3s ease-in-out}
.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form button:hover{background-color:var(--header)}
.gt-main-sideber .gt-single-sideber-widget .gt-widget-title{border-bottom:1.5px solid #8181813d;padding-bottom:16px;margin-bottom:30px}
.gt-main-sideber .gt-single-sideber-widget .gt-widget-title h3{font-weight:800}
.gt-main-sideber .gt-single-sideber-widget .amenities-list li{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500}
.gt-main-sideber .gt-single-sideber-widget .amenities-list li:not(:last-child){margin-bottom:20px}
.gt-main-sideber .gt-single-sideber-widget .gt-category-list li{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:600;color:var(--header);transition:all .4s ease-in-out;background-color:var(--white);padding:18px 22px;line-height:1;text-transform:uppercase}
.gt-main-sideber .gt-single-sideber-widget .gt-category-list li a{color:var(--header)}
.gt-main-sideber .gt-single-sideber-widget .gt-category-list li i{transition:all .4s ease-in-out;color:var(--header)}
.gt-main-sideber .gt-single-sideber-widget .gt-category-list li:not(:last-child){margin-bottom:20px}
.gt-main-sideber .gt-single-sideber-widget .gt-category-list li span b{font-weight:400;color:var(--theme)}
.gt-main-sideber .gt-single-sideber-widget .gt-category-list li:hover{background-color:var(--theme)}
.gt-main-sideber .gt-single-sideber-widget .gt-category-list li:hover a{color:var(--white)}
.gt-main-sideber .gt-single-sideber-widget .gt-category-list li:hover i,.gt-main-sideber .gt-single-sideber-widget .gt-category-list li:hover span{color:var(--white)}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items{display:flex;align-items:center;gap:20px}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items:not(:last-child){margin-bottom:20px}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items .gt-recent-content h5{margin-bottom:5px;font-weight:700;font-size:16px;line-height:150%;font-family:"Chakra Petch",sans-serif}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items .gt-recent-content h5 a:hover{color:var(--theme)}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items .gt-recent-content ul li{color:var(--text);font-weight:500}
.gt-main-sideber .gt-single-sideber-widget .tagcloud a{display:inline-block;padding:12px 18px;line-height:1;font-weight:600;background:var(--white);margin-right:10px;margin-bottom:10px;text-transform:uppercase}
.gt-main-sideber .gt-single-sideber-widget .tagcloud a:last-child{margin-right:0}
.gt-main-sideber .gt-single-sideber-widget .tagcloud a:hover{background-color:var(--theme);color:var(--white)}
.cursor-outer{-webkit-margin-start:-12px;margin-inline-start:-12px;margin-top:-12px;width:30px;height:30px;border:1px solid var(--theme);background-color:var(--theme);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10000000;opacity:.34;-webkit-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s}
.cursor-outer.cursor-hover{opacity:.14}
.cursor-outer.cursor-big{opacity:0}
.mouseCursor{position:fixed;top:0;inset-inline-start:0;inset-inline-end:0;bottom:0;pointer-events:none;border-radius:50%;-webkit-transform:translateZ(0);transform:translateZ(0);visibility:hidden;text-align:center}
.mouseCursor.cursor-big{width:20px;height:20px;-webkit-margin-start:-12px;margin-inline-start:-12px;margin-top:-12px}
.cursor-inner{-webkit-margin-start:-3px;margin-inline-start:-3px;margin-top:-3px;width:10px;height:10px;z-index:10000001;background-color:var(--theme);opacity:1;-webkit-transition:all .24s ease-out 0s;transition:all .24s ease-out 0s}
.cursor-inner span{color:var(--text);line-height:60px;opacity:0;text-transform:uppercase;letter-spacing:1px;font-size:12px}
.cursor-inner.cursor-big span{opacity:1}
.cursor-inner.cursor-hover{-webkit-margin-start:-10px;margin-inline-start:-10px;margin-top:-10px;width:30px;height:30px;background-color:var(--theme);border:1px solid #686363;opacity:0}
.section-title h3{font-size:32px;margin-bottom:20px}
.section-title.style-2 h2 span{color:var(--theme);-webkit-text-stroke-width:initial}
.section-title h6,.section-dark-title h6{font-size:18px;font-weight:600;line-height:1;color:var(--white);position:relative;margin:15px 0;box-decoration-break:clone;background:#1891f9d4;display:inline;padding:0 5px;border-radius:100px}
.section-title h2,.section-dark-title h2{text-transform:uppercase;font-weight:800;padding-bottom:10px;line-height:1.1}
.section-title-area{display:flex;align-items:center;justify-content:center;position:relative;z-index:9;height:110px;background-image:none;background-size:auto 100%;background-position:center center;opacity:0;transition:opacity 4s ease}
.section-title-area.is-visible{opacity:1}
.section-title-area .section-title{margin-bottom:0}
.center{text-align:center;margin:0 auto}
.section-bg{background-color:var(--bg)}
.section-padding{padding:120px 0}
.section-padding-img{position:relative}
.our-club-payer-item{margin-top:30px}
.our-club-payer-item .player-image{position:relative}
.our-club-payer-item .player-image img{width:100%;height:100%}
.our-club-payer-item .player-image .number{-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#ffffff3d;top:20px;right:20px;position:absolute;background:transparent;color:transparent;transition:all .4s ease-in-out}
.our-club-payer-item .player-image .number.style-2{-webkit-text-stroke-color:var(--white)}
.our-club-payer-item .player-image .player-content{position:absolute;bottom:45px;text-align:center;left:40px;right:40px;transition:all .4s ease-in-out}
.our-club-payer-item .player-image .player-content h4{text-transform:uppercase;font-size:24px;font-weight:900;margin-bottom:10px}
.our-club-payer-item .player-image .player-content h4 a{color:var(--white);background-position:0 95%;background-repeat:no-repeat;background-size:0 2px;display:inline}
.our-club-payer-item .player-image .player-content h4 a:hover{color:var(--theme);background-size:100% 2px;background-image:linear-gradient(180deg,var(--theme) 0%,var(--theme) 100%)}
.our-club-payer-item .player-image .player-content p{font-size:16px;font-weight:600;text-transform:uppercase;color:#ffffffb3}
.our-club-payer-item .player-image .content-item{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:-23px;left:30px;right:30px;opacity:0;visibility:hidden;transition:all .4s ease-in-out;border-top:1px solid #c7c9ce29;padding-top:16px}
.our-club-payer-item .player-image .content-item .content{text-align:center}
.our-club-payer-item .player-image .content-item .content h6{text-transform:uppercase;font-family:"Chakra Petch",sans-serif;font-size:14px;font-weight:700;color:var(--white)}
.our-club-payer-item .player-image .content-item .content h5{font-size:24px;font-weight:900;color:var(--white)}
.our-club-payer-item .player-image .content-item .content span{font-size:12px;font-weight:400;color:var(--white);display:inline-block}
.our-club-payer-item .player-image .content-item .content .title{color:var(--theme);font-size:16px;font-weight:700}
.our-club-payer-item:hover .player-image .player-content{margin-bottom:100px}
.our-club-payer-item:hover .player-image .number{background:transparent;color:var(--white);-webkit-text-stroke-width:var(--white);-webkit-text-stroke-color:var(--white);opacity:1}
.our-club-payer-item:hover .player-image .number.style-2{-webkit-text-stroke-width:var(--white);-webkit-text-stroke-color:var(--white);color:var(--white);opacity:1}
.our-club-payer-item:hover .player-image .content-item{opacity:1;visibility:visible;bottom:23px}
.team-images-items .themb{position:relative;overflow:hidden;z-index:9}
.team-images-items .themb::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";background:linear-gradient(180deg,#03052300 32.76%,var(--Text-Primary,#030523) 100%);opacity:0;visibility:hidden;transition:all .4s ease-in-out}
.team-images-items .themb img{width:100%;height:100%}
.team-images-items .themb .social-icon{display:grid;align-items:center;gap:8px;position:absolute;top:20px;left:-20px;opacity:0;visibility:hidden;transition:all .4s ease-in-out;z-index:9}
.team-images-items .themb .social-icon a{display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;border-radius:50%;background-color:var(--white);color:var(--header);font-size:14px}
.team-images-items .themb .social-icon a:hover{background-color:var(--theme);color:var(--white)}
.team-images-items .content{position:absolute;left:20px;right:20px;bottom:-24px;transition:all .4s ease-in-out;opacity:0;visibility:hidden;z-index:9}
.team-images-items .content img{width:initial;height:initial}
.team-images-items .content h3 a{color:var(--white)}
.team-images-items .content h3 a:hover{color:var(--theme)}
.team-images-items .content span{color:var(--white)}
.team-images-items .content .last-name{display:flex;align-items:center;justify-content:space-between}
.team-images-items .content .last-name p{color:#ffffffb3}
.team-images-items .content .last-name .flag-name{background:#ffffff1f;backdrop-filter:blur(44px);padding:8px;color:var(--white)}
.team-images-items .content .last-name .flag-name img{margin-right:8px}
.team-images-items:hover .themb::before{opacity:1;visibility:visible}
.team-images-items:hover .themb .social-icon{opacity:1;visibility:visible;left:20px}
.team-images-items:hover .themb .content{bottom:24px;opacity:1;visibility:visible}
.team-content-box{margin-left:25px}
.team-content-box .team-text{margin-top:25px;margin-bottom:50px;opacity:.8}
.team-content-box .theme-btn::before{background-color:var(--white)}
.team-content-box .theme-btn:hover{color:var(--header)}
.team-details-wrapper{margin-bottom:100px}
.team-details-wrapper .team-details-image{position:relative}
.team-details-wrapper .team-details-image .number{-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#ffffff3d;top:20px;right:20px;position:absolute;background:transparent;color:transparent;transition:all .4s ease-in-out}
.team-details-wrapper .team-details-image img{width:100%;height:100%}
.team-details-wrapper .team-details-content{margin-left:40px}
.team-details-wrapper .team-details-content .top-details{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c7c9ce52;padding-top:24px;margin-top:24px}
.team-details-wrapper .team-details-content .top-details .left-details{display:flex;align-items:center;gap:12px}
.team-details-wrapper .team-details-content .top-details .left-details p{font-weight:700}
.team-details-wrapper .team-details-content .top-details .left-details span{color:var(--header);font-size:18px;font-weight:700}
.team-details-wrapper .team-details-content .top-details .left-details span img{margin-left:6px}
.team-details-wrapper .team-details-content .top-details .right-details{display:flex;align-items:center}
.team-details-wrapper .team-details-content .top-details .right-details p{font-weight:700;margin-right:12px}
.team-details-wrapper .team-details-content .top-details .right-details span{color:var(--header);font-size:18px;font-weight:700}
.team-details-wrapper .team-details-content ul{display:flex;align-items:center;gap:48px;margin-top:20px;margin-bottom:30px}
.team-details-wrapper .team-details-content ul li{font-size:16px;font-weight:700}
.team-details-wrapper .team-details-content ul li b{color:var(--header)}
.team-details-wrapper .team-details-content .social-icon{margin-top:48px;gap:16px}
.team-details-wrapper .team-details-content .social-icon span{font-weight:700;color:var(--header);display:inline-block;margin-right:12px}
.team-details-wrapper .team-details-content .social-icon a{display:inline-block;width:48px;height:48px;line-height:48px;text-align:center;border-radius:50%;background-color:var(--bg)}
.team-details-wrapper .team-details-content .social-icon a:hover{background-color:var(--theme);color:var(--white)}
.trophy-box-item{text-align:center}
.trophy-box-item .content{margin-top:20px}
.trophy-box-item .content span{color:var(--theme);font-weight:700;display:inline-block;margin-top:5px}
.gallery-thumb-inner{margin-top:30px;position:relative}
.gallery-thumb-inner::before{content:"";position:absolute;top:0;left:0;top:0;bottom:0;right:0;background:#1d1d1d99;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;transform-origin:top right;-webkit-transform:scale(1,0);transform:scale(1,0);width:100%;height:100%;z-index:9}
.gallery-thumb-inner .gt-icon{display:inline-block;position:absolute;top:-100px;left:50%;transform:translate(-50%,-50%);font-size:28px;color:var(--white);transition:all .4s ease-in-out;opacity:0;visibility:hidden;z-index:99}
.gallery-thumb-inner img{width:100%;height:100%}
.gallery-thumb-inner:hover .gt-icon{top:50%;opacity:1;visibility:visible}
.gallery-thumb-inner:hover::before{-webkit-transform:scale(1,1);transform:scale(1,1);transform-origin:bottom center}
.gallery-section .nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}
.gallery-section .nav .nav-item .nav-link{font-size:16px;font-weight:700;background-color:var(--bg);color:var(--header);text-align:center;padding:16px 28px;line-height:1}
.gallery-section .nav .nav-item .nav-link i{margin-left:5px;opacity:0;visibility:hidden;transition:all .4s ease-in-out}
.gallery-section .nav .nav-item .nav-link.active{background-color:var(--theme);color:var(--white)}
.gallery-section .nav .nav-item .nav-link.active i{opacity:1;visibility:visible}
.testimonial-box-slider{background:#142036;padding:64px 48px}
.testimonial-box-slider .quote-icon{margin-bottom:10px}
.testimonial-box-slider .quote-icon img{width:70px}
.testimonial-box-slider p strong{color:var(--white)}
.testimonial-box-slider p{color:#d5d3d3;font-size:20px;font-weight:200;line-height:1.7;letter-spacing:-.01rem}
.testimonial-box-slider p.gradient_transparent{-webkit-mask-image:linear-gradient(to bottom,#000f 0%,#000f 10%,#00000080 30%,#0000 100%)}
.quote-icon h1{width:115px;font-size:400%;text-shadow:0 0 18px #fff;position:relative;color:var(--white)}
.quote-icon h1::after,.quote-icon h1::before{content:attr(data-text);position:absolute;left:3px;text-shadow:none;background-image:url(../img/giphy-1196945254.gif);background-clip:text;color:transparent;mix-blend-mode:lighten;pointer-events:none}
.quote-icon h1::before{left:-3px;mix-blend-mode:lighten}
.testimonial-box-slider .client-info-items{background:#ffffff14;padding:27px;margin-top:40px;display:flex;align-items:center;justify-content:space-between}
.testimonial-box-slider .client-info-items .client-info{display:flex;align-items:center;gap:20px;border-right:1px solid #fff3;padding-right:80px}
.testimonial-box-slider .client-info-items .client-info img{border:1px solid var(--white);border-radius:50%}
.testimonial-box-slider .client-info-items .client-info .content h4{font-size:24px;font-family:"Chakra Petch",sans-serif;font-weight:900;text-transform:uppercase;color:#FFF}
.testimonial-box-slider .client-info-items .client-info .content span{color:#FFF;font-weight:600;opacity:.7;fomt-size:14px}
.testimonial-box-slider .client-info-items .star{color:var(--theme)}
.testimonial-right-items{margin-left:30px}
.testimonial-right-items .section-title{margin-bottom:30px}
.testimonial-right-items .testi-count{border:1px solid #2c3485;background:url(../img/bg_blue.jpg) no-repeat center top / cover;text-align:center;padding:20px;margin-bottom:1rem}
.my-odometer,.my-odometer .odometer-value{color:var(--white);background:url(../img/germany_worldCup.jpg) no-repeat 0 0 / cover;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;font-variant-numeric:tabular-nums;animation:glowPulse 1.6s linear infinite}
.testimonial-right-items .testi-count h5{color:var(--white);font-size:24px}
.testimonial-right-items .testi-count .text_clip .archivo,.rating-holder strong{font-family:"Archivo Black",sans-serif}
.testimonial-right-items .testi-count .text_clip .archivo{font-size:70px;display:inline-flex}
.testimonial-right-items .testi-count .text_clip .archivo img{width:30px}
.testimonial-right-items .array-button{gap:16px;position:relative;z-index:9;margin-top:37px}
.testimonial-right-items .array-button .array-prev{width:55px;height:55px;line-height:50px;text-align:center;background-color:transparent;color:var(--header);transition:all .4s ease-in-out;overflow:hidden;border:1px solid #c7c9ce52}
.testimonial-right-items .array-button .array-prev i{transform:rotate(45deg);transition:all .4s ease-in-out}
.testimonial-right-items .array-button .array-prev:hover{background-color:var(--theme);color:var(--header);border:1px solid var(--theme)}
.testimonial-right-items .array-button .array-prev:hover svg path{fill:var(--white)}
.testimonial-right-items .array-button .array-next{width:55px;height:55px;line-height:55px;text-align:center;background-color:transparent;color:var(--header);transition:all .4s ease-in-out;border:1px solid #c7c9ce52}
.testimonial-right-items .array-button .array-next i{transform:rotate(45deg);transition:all .4s ease-in-out}
.testimonial-right-items .array-button .array-next:hover{background-color:var(--theme);color:var(--header);border:1px solid var(--theme)}
.testimonial-right-items .array-button .array-next:hover svg path{fill:var(--white)}
.testimonial-wrapper{margin-top:0}
.testimonial-box-4 h3{font-size:30px;color:var(--white);line-height:140%}
.testimonial-box-4 .client-info{display:flex;align-items:center;gap:16px;margin-top:30px}
.testimonial-box-4 .client-info h4{color:var(--white);font-size:24px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;margin-bottom:5px}
.testimonial-box-4 .client-info p{color:var(--white);opacity:.7}
@media (max-width: 1399px) {
.news-table-right-items table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.news-table-right-items table thead th{font-size:16px;padding:10px 6px}
.news-table-right-items table tbody td{padding:10px 6px;font-size:14px}
.news-list-items{display:block}
.news-list-items .thumb{max-width:initial}
.news-list-items .content{padding:25px}
}
@media (max-width: 1199px) {
.hottest-hoop-wrap-content{padding:35px}
}
@media (max-width: 575px) {
.hottest-hoop-wrap-content{padding:30px}
}
@media (max-width: 470px) {
.hottest-hoop-wrap-content{padding:25px}
}
@media (max-width: 1199px) {
.news-box-items-3 .content ul{flex-wrap:wrap;gap:20px}
.news-content-3 ul{flex-wrap:wrap;gap:20px}
}
@media (max-width: 1399px) {
.news-section-3 .stoke-title2{display:none}
.ranking-secion-3 .stoke-title2{display:none}
.team-section-3 .stoke-title2{display:none}
}
@media (max-width: 1199px) {
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .gt-date-list{flex-wrap:wrap;gap:10px}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content h3{font-size:30px}
}
@media (max-width: 575px) {
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content h3{font-size:25px}
}
@media (max-width: 1199px) {
.gt-news-details-wrapper .gt-news-details-content h3{font-size:30px}
}
@media (max-width: 575px) {
.gt-news-details-wrapper .gt-news-details-content h3{font-size:25px}
}
@media (max-width: 1199px) {
.gt-news-details-wrapper .gt-news-details-content .gt-list .gt-list-item h3{font-size:20px}
.gt-news-details-wrapper .gt-news-details-content .gt-list .gt-list-item .gt-details-list{flex-wrap:wrap;gap:20px}
}
@media (max-width: 575px) {
.gt-news-details-wrapper .gt-news-details-content .gt-sideber{padding:30px}
}
@media (max-width: 1199px) {
.gt-news-details-wrapper .gt-news-details-content .gt-sideber .client-info-item{flex-wrap:wrap;gap:30px}
.gt-news-details-wrapper .gt-news-details-content .text{font-size:20px}
.gt-news-details-wrapper .gt-news-details-content .gt-tag-share-wrap .tagcloud a{padding:10px 20px}
.gt-news-details-wrapper .gt-news-details-content .gt-tag-share-wrap .tagcloud a{margin-bottom:15px}
}
@media (max-width: 575px) {
.gt-news-details-wrapper .gt-news-details-content .gt-comments-area .gt-blog-single-comment{flex-wrap:wrap;gap:20px}
}
@media (max-width: 1199px) {
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items{flex-wrap:wrap}
}
@media (max-width: 767px) {
.section-title{margin-bottom:40px}
.section-title h3{font-size:28px;margin-bottom:20px}
}
@media (max-width: 991px) {
.section-title-area{flex-wrap:wrap;gap:30px;justify-content:center}
}
@media (max-width: 1199px) {
.section-padding{padding:100px 0}
}
@media (max-width: 991px) {

}
@media (max-width: 1600px) {
.our-club-payer-item .player-image .player-content{left:30px;right:30px}
.our-club-payer-item .player-image .player-content h4{font-size:20px}
.our-club-payer-item .player-image .content-item{left:20px;right:20px}
.our-club-payer-item .player-image .content-item .content h6{font-size:12px}
}
@media (max-width: 1399px) {
.our-club-payer-item .player-image .content-item .content h6{font-size:14px}
}
@media (max-width: 1600px) {
.our-club-payer-item .player-image .content-item .content h5{font-size:20px}
}
@media (max-width: 1399px) {
.team-content-box{margin-left:0}
}
@media (max-width: 1199px) {
.team-details-wrapper .team-details-content{margin-left:0}
.team-details-wrapper .team-details-content .top-details{flex-wrap:wrap;gap:20px}
.team-details-wrapper .team-details-content .top-details .left-details{flex-wrap:wrap}
.team-details-wrapper .team-details-content ul{flex-wrap:wrap;gap:20px}
}
@media (max-width: 1600px) {
h1{font-size:85px}
}
@media (max-width: 1199px) {
h1{font-size:75px}
}
@media (max-width: 991px) {
h1{font-size:65px}
}
@media (max-width: 767px) {
h1{font-size:55px}
}
@media (max-width: 1199px) {
.testimonial-box-slider{padding:44px 35px}
}
@media (max-width: 575px) {
.aboutContent{padding-bottom:100px}
.back-to-top{bottom:60px;width:40px;height:40px;border-radius:5px}
.hero-1 .hero-image .hero-image-bg,.score-section-4.desktop{display:none;}
.modal-actions.mobile{display:flex;}
section h5{text-align:center;width:80%;margin:0 auto;color:var(--lightYellow);background:##08163ec9;border-radius:100px;line-height:1.6}
section.ranking-section .content h5{padding:20px;}
section .formation h5{border:0;margin-top:20px}
.marker7{left:22%;top:53%}
.marker2{left:30%;top:75%}
.section-padding{padding:10px 0}
.section-padding-img::before{position:absolute;top:0;right:0;content:"";width:230px;height:333px;padding:10px 0;background:url(../img/player.png) no-repeat top right / 100%;opacity:.3;z-index:9}
.section-bg{background-color:#fff0}
.section-title h1 span{color:var(--lightYellow)}
.about-section-2{z-index:2}
.theme-btn{font-size:18px;height:52px;width:auto;line-height:52px;padding:0 15px}
.align-items > div{align-items:flex-start}
.modal-actions .theme-btn{width:60%;height:60px;line-height: 58px;font-size:20px;padding: 0px 22px;margin:0}
.qabtn_m{display:block;width:182px;margin:0 auto 20px}
.qacontent{margin:5px}
.club-blog-items .content .theme-btn{margin:20px auto}
.subtitle{display:flex}
.subtitle img{width:30px;height:30px;margin-right:10px}
.array-button-2{display:none!important}
.ranking-section{background:url(../img/ranking-bg-m.jpg) no-repeat fixed right top;padding-top:50px;}
.wrapper{flex-direction:column}
.wrapper h1{text-align:center;font-size:24px;line-height:1.3}
.cta-section,label{height:auto}
label h3{font-size:.95rem;padding:5px;font-weight:500}
.content{margin:5px}
.wrapper>div{width:100%}
.content{height:280px;display:flex;align-items:center;}
.ranking-wrapper .ranking-table-1 .content{height:auto}
.testimonial-box-slider .client-info-items .client-info .content{height:auto}
.slide-one-half{height:280px}
.swiper-button-prev,.swiper-button-next{display:none!important}
.score-section-3{padding:3%}
.mapcontainer{width:100%}
.team-wrapper{padding:0}
.team-wrapper h4{margin:15px 0;width:100%;text-align:center}
.testimonial-box-slider{padding:20px 10px;height:870px}
.formation{height:auto;padding:0;width:95%;margin:0 auto}
.score_row{width:100%;overflow:hidden}
.formation .field{background:url(../img/field.png) no-repeat center center / 100% 100%;height:384px;width:95%;margin:0 auto;border-radius:20px;border:2px solid #7d93bc69}
.formation .player{text-align:center;margin-bottom:5px}
.formation .player img{width:60px}
.formation .player p{text-align:center;margin:0;font-size:.7em;line-height:1;color:var(--black)}
.formation .defense{width:25%}
.formation .midfield{width:33.333%}
.advantages{width:100%}
.arrowNotice{animation:arrowBlink 1.2s ease-in-out infinite;cursor:pointer}
.advantages{margin:10px 0}
.maskoverlay::before{content:none}
section .advantages p{margin-bottom:0}
.advantages ul li,.advantages p{color:#646d7c;font-size:14px;font-weight:200}
.advantages p strong{color:var(--color-text-primary);font-weight:600}
.scoreResults{padding-bottom:100px}
.ticket-section h4{text-align:center}
.hero-1 .hero-content strong{display:block}
.btnGRroup{width:100%}
.hero_mobile{position:absolute;top:0;right:0}
.centerMobile{width:100%;margin:0;}
.adoutImg{position:relative;top:20px}
.about-wrapper-2 .about-image-items .about-image .text-circle{right:initial;left:0;bottom:0;width:190px;height:190px}
.about-wrapper-2 .about-image-items .about-image .text-circle::before{width:200px;height:200px}
.about-wrapper-2 .about-image-items .about-image .text-circle .ball-cicrle{width:190px;height:190px}
.participating{flex-direction:column}
.gamesNotice {opacity:0;pointer-events: auto;transition: transform 280ms ease, opacity 280ms ease;will-change: transform;padding:10px;background:#071227a3;z-index: 10;}
.gamesNotice.is-visible{opacity:1;pointer-events: auto;}
.gamesNotice.fixed{left:0;width:100%;padding:0;}
.gamesNotice.absolute{left:0;width:100%;}
h1{font-size:48px}
}
@media (max-width: 470px) {
h1{font-size:38px}
.lineup-bg-wrapper h1{font-size:40px}
.gt-breadcrumb-wrapper{z-index:2}
}
@media (prefers-reduced-motion: reduce) {
.swipeHint__finger,.swipeHint::before,.swipeHint::after{animation:none!important}
}
@media (max-width: 1399px) {
.testimonial-box-slider p{font-size:21px}
}
@media (max-width: 991px) {
.testimonial-box-slider p{font-size:19px}
}
@media (max-width: 575px) {
.testimonial-box-slider p{font-size:16px;line-height:1.5}
}
@media (max-width: 1399px) {
.testimonial-box-slider .client-info-items{background-color:#0B0E13}
}
@media (max-width: 1199px) {
.testimonial-box-slider .client-info-items{flex-wrap:wrap;gap:10px;padding:10px;margin-top:10px}
}
@media (max-width: 1399px) {
.testimonial-box-slider .client-info-items .client-info{padding-right:0;border-right:none}
}
@media (max-width: 575px) {
.testimonial-box-slider .client-info-items .client-info .content h4{font-size:18px}
}
@media (max-width: 1399px) {
.testimonial-right-items{margin-left:0}
.testimonial-right-items .image img{width:100%;height:100%}
}
@keyframes glowPulse {
0%,100%{text-shadow:0 0 0 #fff0}
50%{text-shadow:0 0 15px #ffff5e}
}
@media (max-width: 991px) {
.testimonial-right-items .array-button{display:none!important}
}
@media (max-width: 575px) {
.testimonial-right-items .array-button .array-prev{width:50px;height:50px;line-height:50px}
.testimonial-right-items .array-button .array-next{width:50px;height:50px;line-height:50px}
}
@media (max-width: 1399px) {
.testimonial-box-4 h3{font-size:26px;line-height:160%}
}
@media (max-width: 1199px) {
.testimonial-box-4 h3{font-size:24px}
}
@media (max-width: 991px) {
.testimonial-box-4 h3{font-size:21px}
}
@media (max-width: 767px) {
.testimonial-box-4 h3{font-size:20px}
}
@media (max-width: 575px) {
.testimonial-box-4 h3{font-size:18px}
}
@media (max-width: 1399px) {
.testimonial-box-4 .client-info h4{font-size:18px}
.testimonial-section-4{padding:100px 0}
.testimonial-section-4 .testimonial-image img{width:100%;height:100%}
}
}