@font-face {font-family: 'alabdalla';src: url('abdallaFont.ttf') format('truetype');font-weight: normal;font-style: normal;}
.loader-wrapper{position: fixed;height: 100%;z-index: 10;width: 100%;background-color: #000000;}
body{margin: 0;background-color: black;font-family: 'alabdalla';}
.vip{width: 12%;position: absolute;left: 50%;transform: translateX(-50%);}
body,.all,.swiper{overflow-x:hidden;}
svg{width: 100%;}
.svh1,.svg2,.svg3{pointer-events: none;}
.header{padding: 20% 0;}
.logo{width: 40%;display: block;margin: 0 auto;}
.svg2-cont,.svg3-cont{margin-top: -24vh;}
.svg1-cont,.svg2-cont,.svg3-cont,body{position: relative;}
.abs{position: absolute;}
.call,.links{font-size: 30px;transform: skewY(-30deg);}
.call{bottom:5vh;right:5vw;text-transform: uppercase;color: rgb(0, 0, 0);}
.links{top: 11%;left: 50%;transform: translateX(-50%) skewY(-10deg);}
.media,.site{gap: 15vw;}
.links a{color: rgb(0, 0, 0);text-transform: uppercase;}
.menu{margin-top: 5vh;transform: skewY(-20deg);}
.branches{transform: skewY(5deg) rotateZ(-3deg);}
.loader-wrapper,.call,.media,.site,footer,.moonlinks{display: flex;justify-content: center;align-items: center;}
.swiper img{width: 70%;}
.swiper{height: fit-content;position: absolute !important;top: 50%;left: 50%;transform: translate(-50%,-50%) rotateZ(-10deg);max-width: 100%;}
.swiper-slide{display:flex !important;align-items: center;justify-content: center;}
footer{background-color:#EA3E43;height:15vh;align-items: center;}
footer img{width: 30%;}
.call,.moonlinks{width: fit-content;flex-direction: column;}
.moonlinks{color: white;}
a{text-decoration: none;}
.svg2{transform-origin: center;}
.car{display: none;}
.svg2-cont{z-index: -1;}
@media only screen and (min-width: 600px) {
.vip{width: 7%;}
}
@media only screen and (min-width: 992px) {
.header{padding: 3% 0;}
.vip{width: 4%;}
.logo{width: 20%;}
.main-body{flex: 1;}
.swiper{width: 80%;}
.site,.media{gap: 3vw;}
.all{display: flex;align-items: center;justify-content: center;}
.car{display: block;flex: 1;}
.svg2-cont,.svg3-cont{margin-top: -22.5vh;}
footer{display: block;margin: 0 auto;width: 33.3%;height: auto;}
.moonlinks{justify-self: center;}
}
@media only screen and (min-width: 1700px) {
.vip{width: 3%;}
.svg2-cont,.svg3-cont{margin-top: -26.5vh;}
}