@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;}
.media,a,footer,.loader-wrapper{display: flex;justify-content: center;align-items: center;}
.loader{width: 50%;}h1{text-align: center;font-size:25px;}
video,.logo{display: block;margin:1vh auto;}
.logo{margin:6vh auto;}
#branches{height: fit-content;}
.vip{position: absolute;top:2%;left: 2%;width: 13%;z-index: 5;}
.logo{width:45%;}
.category{width:30%;}
p{text-align: justify;text-align-last: center;padding:0 5%;font-size: 14px}
.media{gap:5vw;padding: 3% 0;background: linear-gradient(to top,rgba(255, 255, 255, 0.61),transparent 25%);width: 100%;}
.link{width: 8vw;height: 8vw;margin:0 1vw;border-radius:100%;}
.link i{font-size: 1.2em;}
video{width:100%;}
footer a,.link{color:white;text-decoration: none;}
footer a{flex-direction: column;}
.slare{width: 8vw;margin-bottom: 1vh;}
.swiper-carousel {padding-bottom: 32px;max-width: 1200px;}
.swiper-carousel .swiper-slide {width: 80vw;max-width: calc(100% - 48px);}
.swiper-carousel img{width: 100%;}
.swiper-carousel img,.category {border-radius: 30px;}
.slide-content{text-align: center;padding: 2% 0;width: 70%;margin: auto;}
.slide-content h3{color: black;text-transform: uppercase;}
.swiper-slide-active img,.link{border: 2px solid white;}
h3{margin-top: 0;}
h1{margin:5vh 0 1vh;}
.swiper-slide-active .slide-content h3{color: white;border-radius: 30px;}
.categories{display:flex;justify-content: space-around;}
.marquee-container {width: 100%;overflow: hidden;margin: 2vh 0;}
.marquee {display: inline-block;white-space: nowrap;animation: scroll 30s linear infinite;}
@keyframes scroll {0% {transform: translateX(0%);}100% {transform: translateX(-50%);}}
@media only screen and (min-width: 600px) {
.loader{width:30%;}
.link i{font-size: 2em;}
.slare{width: 6vw;}
.vip{width: 7%;}
span,p{font-size: 18px;}
h3{font-size: 25px;}
h1{font-size: 35px;}
.logo{width:40%;}
.link{width:7vw;height: 7vw;}
video{width:70%}}
@media only screen and (min-width: 992px) {
  .loader{width:10%;}
p{font-size: 25px}
.link{width:4vw;height: 4vw;}
.slare{width: 2vw;}
.vip{width:3%;}
.logo{width:20%;}
video{width:35%}
.swiper-carousel .swiper-slide{width: 30vw;}
.categories{width:30%;display: block;margin: 0 auto;}}
@media only screen and (min-width: 1700px) {
  .link{width:3vw;height:3vw;}
  .media{padding: 1% 0;}
  .logo{width:15%;}
}