@font-face {font-family: 'regular';src: url('../fonts/Montserrat-Medium.ttf') format('truetype');font-weight: normal;font-style: normal;}
a:active{-webkit-tap-highlight-color: transparent;}
body{overflow-x: hidden;margin: 0;font-family:'regular';color: white;background-color: black;}
.loader-wrapper {width: 100%;height: 100vh;position: fixed;top: 0;left: 0;background:black;z-index:10;}
.loader{display:flex;flex-direction: column;font-weight:700;}
.bassel{position: absolute;right:2%;bottom: 0;width: 30%;}
.moonlinks,.loader-wrapper,.country-header,.card,.cards,h2{display: flex;justify-content: center;align-items: center;}
.vip{width: 12%;position: absolute;left: 50%;transform: translateX(-50%);}
.logo{width: 50%;display: block;margin:3vh auto;}
.media{display: flex;justify-content: center;gap: 5vw;margin:3vh;}
.media a{border: 2px solid white; padding: 2vw;border-radius: 100%;width: 5vw;height: 5vw;display: flex;align-items: center;justify-content: center;font-size: 1.3em;}
a{color: white;text-decoration: none;}
p{text-align: center;padding: 1vh 6%;margin-bottom:0}
.background-video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1; }
.header{overflow:hidden;position:relative;display: flex;flex-direction: column;justify-content:flex-end;height: 40vh;}
.moonlinks{flex-direction: column;margin-top:5vh;}
.slare{width: 8vw;}
/*select and swiper*/
.country-header{gap: 5vw;margin-bottom: 1vh;}h2{margin:0 0 1vh;font-size:17px;gap: 2vw;}.country-container h2 img{width:1.5em;border: none;border-radius:0;}
.country-header h2{margin:0;}
.select{position:relative;}
.select button,.option{cursor: pointer;}
.options{position: absolute;width: 100%;text-align: center;display: none;z-index: 5;
background-color: black;color: white;border: 2px solid white;border-radius: 20px;padding:10% 0;}
.visible{display: block;}
.swiper2,.swiper{height: fit-content;}
.country-container img{border: 2px solid white;border-radius: 20px;width: 98%;}
.swiper-slide{display: flex !important;align-items: center;justify-content: center;height:23vh !important;overflow: hidden;}
.swiper-slide img,.card-img img{height: 98%;}
.card-img{height: 23vh;}
.card{flex-direction: column;width: 30%;}
.cards{flex-wrap: wrap;gap: 4%;margin-top:3vh;}
.country-container{margin-top:2vh;}
.select button{display: flex;align-items: center;justify-content: center;border: none;border-radius: 30px;  padding: 0.5em 1em;white-space: nowrap; }
button svg{width: 1em;}
.option{margin:1vh 0;}
h1{margin:0 0 -1vh;display:flex;flex-direction: column;mix-blend-mode: difference;}
.big-h1{font-size:1.7em;}
.small-h1{font-size:.82em;margin-top: -2vh;}
.big-l{font-size:3em;display:flex;}
.small-l{font-size:1.5em;margin-top: -1vh;}
.swiper-slide,.card-img{position: relative;}
.abs{position: absolute;bottom: 0;left: 0;width: 100%;
display: flex;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, 0.5);color: white;padding: 5% 0;}
@media only screen and (min-width: 600px){
.vip{width: 7%;}
.logo{width: 30%;}
.slare{width: 5vw;}
.media a{font-size: 2em;}
h1{margin:0 0 -.5vh;}
.big-h1{font-size:3em;}
.small-h1{font-size:1.42em;margin-top: -2vh;}
.abs span{font-size:1.5em;}h2{font-size:25px;}
.big-l{font-size:4.2em;}
.small-l{font-size:1.85em;margin-top: -.2vh;}
.swiper-slide{height:28vh !important;}
.card-img{height: 28vh;}
.bassel{width:20%;}
}
@media only screen and (min-width: 992px) {
.vip{width: 4%;}
.logo{width: 20%;}
.slare{width: 3vw;}
.header{height: 70vh;}
.media a{padding: 1vw;width: 2vw;height: 2vw;font-size: 1.8em;}
p{padding: 5vh 15%;font-size: 1.1em;}
.card{width: 23%;}
.small-l{margin-top: -2vh;}
.swiper-slide{height:50vh !important;}
.card-img{height: 50vh;}
.bassel{width:15%;}
}
@media only screen and (min-width: 1700px) {
.vip{width: 3%;}
.logo{width: 15%;}
.slare{width: 2vw;}
.media a{width: 1vw;height: 1vw;}
.big-h1{font-size:4em;}
.small-h1{font-size:1.9em;margin-top: -3vh;}
.big-l{font-size:4.5em;}
.small-l{font-size:2.15em;}
}