:root {
  --main-color: #14489f;
  --second-color: #ffffff;
  --third-color: #404040;
  --fourth-color: #808080;
  --fifth-color: rgb(192, 192, 192);
  --six-color: #17b99e;

  --placeholder-color: #a1a1a1;
}

@media (max-width: 576px) {
}

@media (max-width: 992px) {
  .dropdown-menu-list {
    position: static;
    /* إعادة الضبط للشاشات الصغيرة */
    box-shadow: none;
  }

  /* إخفاء تأثير hover على الشاشات الصغيرة */
  .nav-item.dropdown:hover .first-level,
  .dropdown-submenu:hover .second-level {
    max-height: 0;
  }

  .nav-item.dropdown:hover .iconToggle,
  .dropdown-submenu:hover .iconToggle {
    transform: none;
  }
}

@media (max-width: 768px) {
  footer .logo-footer {
    text-align: center;
  }
  footer img {
    width: 180px;
  }
  .hero-slider-pages {
    width: 100%;
    height: 60vh !important;
  }
  .hero-slider-pages .text-slider h1 {
    font-size: 3rem !important;
    color: var(--second-color) !important;
    font-weight: bold !important;
    text-wrap: nowrap;
  }
}
@media (max-width: 1200px) {
  .navbar {
    background-color: var(--second-color);
    width: 100%;
  }
  .hero-slider .item {
    position: relative;
    height: 100vh;
    width: 100vw;
  }
}
@media (min-width: 1200px) {
  .navbar {
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
  }


  .navbar .container {
    background-color: var(--main-color);
  }

  .navbar-brand {
    display: none;
  }

  .nav-link {
    position: relative;
  }

  .nav-link:hover::before {
    width: 100%;
  }

  .nav-link.active {
    position: relative;
    font-weight: 700 !important;
  }

  .hero-slider .item {
    position: relative;
    height: calc(100vh - 143px);
    width: 100vw;
  }
}