@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
   font-family: 'FuturaStdLight';
   src: url('/font/FuturaStdLight.otf') format('opentype');

}

@font-face {
   font-family: 'FuturaStdMedium';
   src: url('/font/FuturaStdMedium.otf') format('opentype');

}

/* Optional: if you have bold */
@font-face {
   font-family: 'FuturaStd';
   src: url('/font/FuturaStdBold.otf') format('opentype');
}

/* Hide Google Translate top bar */
body > .skiptranslate {
   display: none !important;
 }
 body {
   top: 0px !important;
 }

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: 'FuturaStdMedium';
}

.font-medium-custom {
   font-weight: 500 !important;
   font-family: 'FuturaStdMedium' !important;
}

.font-normal-custom {
   font-weight: 400 !important;
   font-family: 'FuturaStdLight' !important;
}
.font-bold-custom {
   font-weight: 700 !important;
   font-family: 'FuturaStd' !important;
}
p,
span,
button,
input,
textarea,
label {
   font-family: "Nunito Sans", sans-serif;
}

.myContainer {
   max-width: 1050px;
   margin: 0 auto;
   padding: 0 1rem;
}

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

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

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

.swiper-button-next,
.swiper-button-prev {
   color: #ffffff !important;
}
.blackColor {
   color: black !important;
   font-size: 20px !important;
}

.swiper-button-next {
   right: 100px !important;
}

.swiper-button-prev {
   left: 100px !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 !important;
}

.swiper-slide::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
}

.swiper-slide img {
   position: relative;
   z-index: 0;
   height: 90vh !important;
}

.swiper-slide {
   position: relative;
}

@media (max-width: 768px) {

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

   .swiper-horizontal>.swiper-pagination-bullets,
   .swiper-pagination-bullets.swiper-pagination-horizontal,
   .swiper-pagination-custom,
   .swiper-pagination-fraction {
      bottom: 20px !important;
   }

}

.about-hero {
   background-image: url('./images/hero about.avif');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}

.our-products-hero {
   background-image: url('./images/product/product-header.avif');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}

.contact-us-hero {
   background-image: url('./images/contact-header.avif');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}

/* Slider Styles */
.slider-container {
   position: relative;
   overflow: hidden;
}

.slides {
   position: relative;
   height: 100%;
   width: 100%;
}

.slide {
   position: absolute;
   width: 100%;
   height: 100%;
   opacity: 0;
   transition: opacity 0.5s ease-in-out, z-index 0.5s;
}

.slide.active {
   opacity: 1;
   z-index: 1;
}

.slide img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/* Dot navigation styles */
.dot {
   transition: opacity 0.3s ease-in-out;
}

.dot.active {
   opacity: 1;
}

/* Ensure buttons are clickable */
.slider-container button {
   cursor: pointer;
}

/* Navigation arrows hover effect */
.slider-container button:hover {
   background-color: rgba(255, 255, 255, 0.5);
}

/* Language Selector Styles */
.language-dropdown {
   z-index: 1000;
}

.language-dropdown a {
   transition: background-color 0.2s ease;
}

nav {
   position: sticky;
   top: 0;
   z-index: 20;
}

.formBg {
   background-image: url('./images/form.avif');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}