@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    font-family: "Nunito Sans", sans-serif;
    font-size: 14px; font-weight: 400;}
p{color: #fff;}
:root {
    --blue: #0abde3;
    --bluehover: #08afd3;
    --white: #ffffff;
}
.text-blue{color: var(--blue) !important;}
.bg-blue{background-color: var(--blue);}
.tagline {font-size: 34px; font-weight:600;}
.tagline-sm {font-size:16px; font-weight:700;}
.heading-md {font-size: 17px; font-weight:800;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.fw-800{font-weight: 800;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.main-hero-sec{width: 100%; height:700px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.hero-bg{background-image: url(../images/FIFA-2026.jpg);}   


.support-sec{background-color: #1E1E1E; color: #fff; padding: 15px 0px;}
.support-detail{display: flex;justify-content: space-around; align-items: center; padding:5px 0px;}
.support-detail span{font-size: 16px; font-weight: 600;}
.support-detail a{font-size: 14px; color: #fff; text-decoration: none;}
.support-detail a.support-no {display: flex; justify-content: center; align-items: center;}
.support-detail a.support-no i {padding-right: 3px;}
.support-detail a.support-no img {padding-left: 3px;}
.support-detail a:hover{text-decoration:underline;}
.support-sec .support-btn{display: flex; justify-content: space-between;width: 255px; margin-left: auto;}
.support-sec .support-btn .btn{text-transform: uppercase; font-weight: 600;}

@media (max-width: 1199px) {
.support-detail{width: 510px; margin: auto;}
.support-sec .support-btn{margin:5px auto 0;}
}
@media (max-width: 992px) {
.hero-bg{background-image: url(../images/fifa-banner-mob.jpg);}
.m-h396 {min-height: auto !important;}
}
@media (max-width: 574px) {
.support-detail{flex-direction: column; width: 260px;}
.support-detail a.support-no{padding: 5px 0px;}
.main-hero-sec{height: 350px;}

}

.sec-group{background-image: url(../images/FIFA-World-Cup.jpg); background-repeat: no-repeat; background-size: cover; position: relative; background-position: center;}
.sec-group::after{content:" "; background-color:rgb(0 0 0 / 90%); width:100%; height:100%; position: absolute; top: 0px;}

.sec-group section{position: relative; z-index: 2;}
.m-h396{min-height: 396px;}
.map-tagline{bottom: -8px;
    position: absolute;
    width: 100%;
    background-color: rgb(0 0 0 / 57%);
    font-size: 22px;
    text-align: center;
    padding: 5px 0px;
    font-weight: 600;}

h3 {background: #fff;
color: #3498db;
font-size: 36px;
line-height: 100px;
margin: 10px;
padding: 2%;
position: relative;
text-align: center;
}



.slide-item.first{background-image: url(../images/1.jpg);}
.slide-item.second{background-image: url(../images/2.jpg);}
.slide-item.third{background-image: url(../images/3.jpg);}
.center-slide .slick-track{display: flex; align-items: center;}
.center-slide .slick-slide{margin:0px 5px;}
.slide-item{background-size:cover; width: 100%; height: 250px; background-repeat:no-repeat; padding:20px; border-radius: 10px; border: 1px solid #444;}
.center-slide .slide-item.slick-center{height: 275px;}
.slide-item p.slide-title{font-size: 19px;}

.slide-item ul{display: flex; margin: 0px; padding: 0px; list-style: none;}
.slide-item ul li {padding-right: 10px;}
.slide-item ul li a {display: block;}
.slide-item ul li a img{height: 30px;}

.center-slide .slick-prev, .center-slide .slick-next {
background-image: url(../images/arrow.svg);
background-repeat: no-repeat;
position: absolute;
top:0;
z-index: 2;
background-color:transparent;
text-indent: -9999999px;
width: 30px;
height:100%;
border-radius: 50px;
border: none;
}

.center-slide .slick-prev{
left:-30px; background-position: 0px center;
}
.center-slide .slick-next{
    right:-35px;
    background-position:-70px center;
}
.city-item{border: 1px solid #ddd; border-radius: 10px; padding: 10px; margin: 10px;}

.city-section ul.slick-dots {margin:15px 0px 0px; padding:0px; list-style: none; display: flex;justify-content: center;z-index: 3;}
.city-section ul.slick-dots li{width: 30px; height: 10px; margin: 0px 3px;}
.city-section ul.slick-dots li button{background-color: #e1e1e1; width:100%; height:8px; display: block;text-indent: -999999px; border: none; border-radius: 100px;}
.city-section ul.slick-dots li.slick-active button{background-color:var(--blue);}
.city-section p:last-child{font-size: 12px;}

@media (max-width: 992px) {
.city-section ul.slick-dots{display: none !important;}
}

.review-item {padding:95px 0px 0px; margin:0px 10px;}
.review-item .review-contant{background-color:rgb(63 63 63 / 40%); position: relative;padding:110px 15px 15px; text-align: center; border-radius: 5px; backdrop-filter:blur(12px);}
.review-item .review-contant .review-img{position:absolute; top:-90px; width: 100%;left: 0px;}
.review-item .review-contant .review-img img{margin: auto;}
.review-item .review-contant .rev-content-box .heading-box {margin:15px 0px;}
.review-item .review-contant .rev-content-box .heading-box p{font-size: 18px; font-weight: 700; margin-bottom: 0;}
.review-item .review-contant .rev-content-box .heading-box .star {padding: 10px 0px;}
.star i{color: #E9AC04; font-size: 16px; }

.review-sec .slick-prev, .review-sec .slick-next {
    background-image: url(../images/arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    z-index: 2;
    background-color: transparent;
    text-indent: -9999999px;
    width: 30px;
    height: 100%;
    border-radius: 50px;
    border: none;
}
.review-sec .slick-prev{
left:-30px; background-position: 0px center;
}
.review-sec .slick-next{
    right:-35px;
    background-position:-70px center;
}
.review-sec .slick-next.slick-disabled, .review-sec .slick-prev.slick-disabled{opacity: 0.3;}

.review-item .review-contant .star {position: relative;}
.review-item .review-contant .star:after {
    position: absolute;
    content: "";
    bottom: 0px;
    width: 50%;
    height: 2px;
    background-color: rgb(255 255 255 / 27%);
    margin: auto;
    left: 0px;
    right: 0px;
    border-radius: 20px;
}

.review-item .review-contant:hover .star i{
animation-name: fa-spin;
animation-duration: var(--fa-animation-duration, 5s);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-timing-function: var(--fa-animation-timing, linear);
}

@-webkit-keyframes circle {
0% { opacity: 1; }
40% { opacity: 1; }
100% { width: 200%; height: 200%; opacity: 0; }
}
@keyframes circle {
0% { opacity: 1; }
40% { opacity: 1; }
100% { width: 200%; height: 200%; opacity: 0; }
}

@media (max-width: 992px) {
.review-sec .slick-dots, .review-sec .slick-dots{display: none !important;}
}
.event-sec{background-color: #1E1E1E; padding: 15px 0px;}
.event-usa{background-image: url(../images/1.jpg);}
.event-ca{background-image: url(../images/5.jpg);}
.event-mex{background-image: url(../images/4.jpg);}
.event-location{background-size: cover; background-repeat: no-repeat; width: 100%; min-height: 250px; text-align: center; position: relative; background-position: center;}
.event-location::after{content: ""; position: absolute; top: 0px; background-color:rgb(0 0 0 / 50%); width:100%; height:100%; left: 0px; z-index: 1;}
.event-location .content-box{z-index: 3; position: relative; padding: 15px;}
.event-location .content-box .date{font-size: 12px;}
.event-location .content-box .event-heading{font-size: 18px;font-weight: 700; color: #0dcaf0;}
.event-location .content-box .event-content{font-size: 12px;}
.event-flag{display:flex; justify-content: center; align-items: center;padding-bottom: 65px;}
.event-flag img{height:25px; width:auto;padding-right: 5px;}
.event-flag span{color: #fff; font-weight: 600; text-transform: uppercase;}


.modal.fifa-modal .modal-content .title{font-size:18px; text-align: center; text-transform: uppercase; font-weight: 600;margin-bottom: 20px;}
.modal.fifa-modal .modal-content {background-color: #343434; width: 97%;}
.modal.fifa-modal .modal-content .modal-header {color: #fff;border-bottom-color: #3c3c3c;}
.modal.fifa-modal .modal-content .modal-header .btn-close{background-image: url(../images/close.svg);}
.modal.fifa-modal .modal-content .form-box{background-color: #262626; padding:25px 15px;}
.modal.fifa-modal .modal-content .form-box .form-control, .modal.fifa-modal .modal-content .form-box select.form-select{color:#fff; background-color: transparent; height:39px; border-color:#787878;}
.modal.fifa-modal>.form-floating>label{color:#fff; }
.modal.fifa-modal .modal-content .form-box .form-control:focus, .modal.fifa-modal .modal-content .form-box select.form-select:focus{box-shadow:none;}
.modal.fifa-modal ::placeholder {
  color:#b1b1b1;
  opacity: 1; /* Firefox */
}
 
.modal.fifa-modal ::-ms-input-placeholder { /* Edge 12 -18 */
  color:#b1b1b1;
}
.modal.fifa-modal select option{background-color: #444;}
.modal.fifa-modal .btn-close{position: absolute;
    right: 14px;
    top: 14px;
    background-color: #fff;
    padding: 5px 5px;}

@media (max-width: 992px) {
.modal.fifa-modal .modal-content .form-box{padding: 15px 15px;}
.modal.fifa-modal .modal-content .title{margin-bottom: 10px;}
}