@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
   font-family: 'FuturaStd';
   src: url('/font/AvenirLTProBlack.otf') format('opentype');
   font-weight: 300;
   /* Light */
   font-style: normal;
}

@font-face {
   font-family: 'FuturaStd';
   src: url('/font/AvenirLTProLight.otf') format('opentype');
   font-weight: 500;
   /* Medium */
   font-style: normal;
}
/* Optional: if you have bold */
@font-face {
   font-family: 'FuturaStd';
   src: url('/font/AvenirLTProMedium.otf') format('opentype');
   font-weight: 700;
   /* Bold */
   font-style: normal;
}

h1,h2,h3,h4,h5,h6{
   font-family: "Roboto", sans-serif;
}
p,span,a,button,input,textarea,select{
   font-family: "FuturaStd", sans-serif;
}
.headerBg {
   background-image: url('./images/header.avif');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   height: 100vh;
}

.headerBg::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.411);
   z-index: 1;
}

* {
   scroll-behavior: smooth;
}

.headerBg>* {
   position: relative;
   z-index: 2;
}

.informationBg {
   background-image: url('./images/global-information.avif');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
}

.informationBg::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.4);
   z-index: 1;
}

.informationBg>* {
   position: relative;
   z-index: 2;
}

/* Updated Mobile menu styles */
.mobile-menu {
   transform: translateY(-100%);
   transition: transform 0.3s ease-in-out;
   background: white;
}

.mobile-menu.active {
   transform: translateY(0);
}

@media (max-width: 768px) {
   .desktop-nav {
      display: none;
   }
}

@media (min-width: 769px) {
   .mobile-nav {
      display: none;
   }
}

/* Mobile menu link styles */
.mobile-menu-link {
   font-size: 28px;
   text-align: center;
   color: #000;
   padding: 20px 0;
   display: block;
   border-bottom: none !important;
   font-weight: 500;
}

.mobile-menu-link:hover {
   color: #F3901D !important;
}

/* Mobile contact button style */
.mobile-contact-btn {
   background: #F3901D;
   color: black;
   text-align: center;
   padding: 15px;
   width: 80%;
   margin: 20px auto;
   display: block;
   font-size: 18px;
   border: 1px solid #e30613;
}

/* Close button position */
.close-btn-position {
   position: absolute;
   top: 20px;
   right: 20px;
   color: #e30613;
}


.swiper {
   width: 100%;
   height: 40vh;
}

@media (min-width: 768px) {
   .swiper {
      height: 60vh;
   }
}

@media (min-width: 1024px) {
   .swiper {
      height: 80vh;
   }
}

.swiper-button-next,
.swiper-button-prev {
  display: none !important;
}

.swiper-pagination-bullet-active {
   background: #ffffff !important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
   bottom: 60px;
}
.swiper-slide::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 100%);
   z-index: 1;
}

.swiper-slide img {
   position: relative;
   z-index: 0;
}

.swiper-slide {
   position: relative;
}