/* Container for the section */
.community-allies {
    width: 100%;
    overflow: hidden; /* Hides the overflow for smooth scrolling */
    padding: 10px 0;
    background-color: #f9f9f9;
  }
  
  /* Logo slider with flex for horizontal layout */
  .logo-slider {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    animation: scrollRight 10s linear infinite; /* Animation for smooth scrolling */
    pointer-events: none; /* Prevent interaction with the slider */
    will-change: transform; /* Performance optimization */
  }
  
  /* Individual logos */
  .logo {
    flex: 0 0 auto;
    width: 150px; /* Adjust based on logo size */
    margin: 0 5px; /* Spacing between logos */
  }
  
  .logo img {
    max-width: 100%;
    height: auto;
  }
  
  .rogramsection p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 400;
  }

  .register_level{
    color: #979797FC;
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 400;
  }

  .couch_font_{
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 400;
  }

  .register_btn_color{
    background-color:#f77536;
    font-size: 14px;
  }
  .register_btn_color:hover{
    background-color:#a35a24
  }
  .modal-lg, .modal-xl {
    --bs-modal-width: 80%;
  }

  .bg-color{
    background-color:#002374
  }
  
  .soccerimage {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      width: 100%; /* Full width of the column */
      height: auto;
      aspect-ratio: 16 / 15; /* Keeps a proportional height based on the width */
      border-radius: 40px; /* Optional: For rounded corners */
  }
  /* Mobile responsiveness */
  @media (max-width: 768px) {
    .soccerimage {
        aspect-ratio: 4 / 3; /* Adjust aspect ratio for smaller screens */
    }
  }


  /* Coaches sldiers codes */
    .slider-wrapper {
      position: relative;
      width: 100%;
      overflow: hidden; /* Hide overflowing content */
      margin: 20px 0;
    }
    
    /* Slider Container */
    .slider-container {
      display: flex;
      transition: transform 0.5s ease-in-out; /* Smooth slide effect */
    }
    
    /* Slider Item */
    .slider-item-coaches {
      min-width: calc(100% / 3); /* Show three items */
      box-sizing: border-box;
      padding: 10px;
    }
  
    /* Tablet: Show 2 images */
    @media (max-width: 991px) {
      .slider-item-coaches {
        min-width: calc(100% / 2); /* Show two items */
      }
    }
  
    /* Mobile: Show 1 image */
    @media (max-width: 576px) {
      .slider-item-coaches {
        min-width: 100%; /* Show one item */
      }
    }

    /* Default: Desktop and larger screens (show 3 images) */
  .slider-item {
    min-width: calc(100% / 3); /* Show three items */
    box-sizing: border-box;
    padding: 10px;
  }

  /* Tablet: Show 2 images */
  @media (max-width: 991px) {
    .slider-item {
      min-width: calc(100% / 2); /* Show two items */
    }
  }

  /* Mobile: Show 1 image */
  @media (max-width: 576px) {
    .slider-item {
      min-width: 100%; /* Show one item */
    }
  }
    
    /* Navigation Buttons */
    button.prev, button.next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: rgba(0, 0, 0, 0.5);
      color: #fff;
      border: none;
      padding: 10px;
      cursor: pointer;
      z-index: 10;
    }
    
    button.prev {
      left: 10px;
    }
    
    button.next {
      right: 10px;
    }

    .container, .container-xxl, .container-xl, .container-lg{
      max-width: 90%;
  }