.hero-slider .swiper-wrapper{
height: 350px !important;

}
.hero-slider .swiper-wrapper .swiper-slide{
  height: 350px !important;
  position: relative;
}
.hero-slider .swiper-wrapper .swiper-slide::before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #123f5b86;
}
.text-slide-hero{
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
 width: 100%;
}
.text-slide-hero h1{
  font-size: 3rem;

}
@media (max-width:456px) {
  .text-slide-hero h1{
  font-size: 1.5rem;

}
}
.hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 115%;
  object-fit: cover; /* يخلي الفيديو يغطي الشاشة */
  z-index: -2;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* تعتيم خفيف */
  z-index: -1;
}

.hero-content {
  color: #fff;
  text-align: center;
  z-index: 2;
}


  .hero-content h1 {
    font-size: 8rem;
    font-weight: 900;
  }

  .hero-content p {
    font-size: 1.5rem;
    max-width: 700px;
    margin: 20px auto;
  }

  .hero-buttons .btn {
    padding: 8px 60px;
    font-weight: 600;
    border-radius: 0;
    margin: 0 8px;
  }

  .btn-white {
    background-color: #fff;
    color: #000;
    border: 1px solid #fff;
  }

  .btn-outline-white {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
  }

  .btn-white:hover {
    background-color: #eaeaea;
    color: #000;
  }

  .btn-outline-white:hover {
    background-color: #fff;
    color: #000;
  }

  @media (max-width: 768px) {
    .hero-content h1 {
      font-size: 2.5rem;
    }

    .hero-content p {
      font-size: 1rem;
      padding: 0 15px;
    }

    .hero-buttons .btn {
      display: block;
      width: 100%;
      margin: 10px 0;
    }
  }


/* certificate */
.swiper-button-next,.swiper-button-prev{
  padding: 20px;
background-color: rgba(255, 255, 255, 0.541);
border-radius: 50%;
}
.swiper-button-next::after,.swiper-button-prev::after{
  font-size: 20px;
color: white;
}
/* brands */
.brands-section {
  background: #fff;
}

.brands-title {
  font-size: 36px;
  font-weight: 700;
}

.brands-subtitle {
  font-size: 18px;
  margin-top: 10px;
  opacity: 0.8;
}

.brands-slider-container {
  position: relative;
}

.brand-card img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* Navigation Buttons */
.brands-nav {
  width: 45px;
  height: 45px;
  background: rgba(255,255,255,0.9);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  box-shadow: 0px 4px 12px rgba(0,0,0,0.2);
  transition: .3s ease;
}

.brands-prev { left: -20px; }
.brands-next { right: -20px; }

.brands-nav:hover {
  transform: translateY(-50%) scale(1.15);
  background: white;
}

/* Pagination */
.brands-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #888;
  opacity: 0.4;
}

.brands-pagination .swiper-pagination-bullet-active {
  background: #111;
  opacity: 1;
}
/* brands */
.brand-card{
  padding: 15px;
  border: 2px solid #e0e0e0;
}
.brands-slider-container .swiper-wrapper{
  padding-bottom: 40px;
}
.brands-pagination {
  position: absolute;

  left: 50% !important;
  transform: translateX(-50%);
  width: auto;
}

.brands-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #888;
  opacity: 0.4;
}

.brands-pagination .swiper-pagination-bullet-active {
  background: #111;
  opacity: 1;
}
/* opened positions */