body {
    background-color: #bad3e7 ;
}

  
  .brands h3, .hero-unit .button-section a {
    font-weight: 400;
  }
  
  .col-xs-12 {
    width: 100%;
  }
  
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
      float: left;
      padding-left: 10px;
      padding-right: 10px;
  }
  
  ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
  }
  
  .brand-logos {
    margin: 0;
    padding: 0;
  }
  
  ul {
    list-style-type: none;
  }
  
  .brand-logos li {
    display: inline-block;
    padding: 19px 25px 0;
    vertical-align: middle;
  }
  
  .brands {
    padding-top: 63px;
    padding-bottom: 63px;
  }
  
  .text-center {
    text-align: center;
  }

  .faq {
    border-radius: 10px;
    border-style: solid;
    border-color: #4b5b69;
  }



  /* Custom Dropdown Styles */
.custom-dropdown {
  position: relative;
  
}

.custom-dropdown-toggle {
  cursor: pointer;
  display: block;
}

.custom-dropdown-menu {
  display: none; /* Hidden by default */
  position: absolute;
  background-color: #fff; /* White background */
  border: 1px solid #ddd; /* Border around dropdown */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Drop shadow */
  list-style: none;
  padding: 0;
  margin: 10px;
  width: 200px; /* Adjust width */
  
}



.custom-dropdown-menu .nav-link {
  text-decoration: none;
  color: #333;
  display: block;
}

.custom-dropdown-menu .nav-link:hover {
  background-color: #f1f1f1; /* Highlight on hover */
}

/* Show the dropdown when hovering */
.custom-dropdown:hover .custom-dropdown-menu {
  display: block;
}

/* General Styles */
.brand-bar {
  background-color: #f9f9f9;
  padding: 20px 0;
  overflow: hidden;
  position: relative;
}

.brand-bar-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.brand-bar-track {
  display: flex;
  width: max-content;
  height: 100px;
  gap: 100px;
  animation: scroll-logos 30s linear infinite;
}

.brand-bar-logos {
  display: flex;
  align-items: center;
  gap: 100px; /* Consistent spacing */
  list-style: none;
  margin: 0;
  padding: 0;
  flex-shrink: 0;
}

.brand-bar-logos li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.brand-bar-logos li img{
  filter: grayscale(61) brightness(0.5);
  max-width: 150px;
  width: 100%;
}

/* .brand-bar-logos img:hover {
  transform: scale(1.1);
} */

/* Prevent gaps between duplicates */
.brand-bar-logos:last-child {
  margin-right: -30px;
}

/* Infinite Scroll Animation */
@keyframes scroll-logos {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Responsive Adjustments */
/* s */

.dropdown-toggle {
  align-self: baseline;
}

.menu > .nav-item > a {
  padding-left: 8px;
  padding-right: 8px;
}

/* Center align the footer sections on mobile */
@media (max-width: 768px) {
  .footer .container {
    text-align: center;
  }

  .footer__topv2 .row {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .footer__topv2 .col-md-6 {
    margin-bottom: 20px;
  }

  .footer__topv2__about, .footer__topv2__link, .footer___topV2__contact {
    text-align: center;
  }

  .footer__copyright {
    text-align: center;
  }

  /* Center the list items */
  .footer__topv2__link ul, .footer___topV2__contact ul {
    padding-left: 0;
    list-style: none;
    text-align: center;
  }

  .footer__topv2__link ul li, .footer___topV2__contact ul li {
    margin: 5px 0;
  }

  .footer__topv2__link ul li a, .footer___topV2__contact ul li a {
    display: inline-block;
  }

  .footer__topv2 .info {
    align-items: center;
  }

  .footer__topv2 .link {
    align-items: center;
  }
}