/* Default styles (for larger screens) */
.logo {
  display: flex;
  align-items: center;
  gap: 35px; /* space between logos */
}

.logo img {
  width: 100px;
}

/* Mobile styles (max width 600px) */
@media screen and (max-width: 600px) {
  .logo {
    justify-content: left; /* center logos */
  }

  .logo img {
    width: 60px; /* smaller logos on mobile */
  }
}

/* logo on slider  */


.logo2 {
  display: flex;
  align-items: center;
  gap: 25px; /* space between logos */
}

.logo2 img {
  width: 100px;
}

/* Mobile styles (max width 600px) */
@media screen and (max-width: 600px) {
  .logo2 {
    justify-content: left; /* center logos */
  }

  .logo2 img {
    width: 60px; /* smaller logos on mobile */
  }
}


/* costum medai query for phone view */

@media (max-width: 576px) {
     .slider-content2 {
    display: block;            /* Ensure it behaves like a block element */
    margin-top: 100px !important;  /* Push it down */
    padding-left: 10px;
    padding-right: 10px;
  }

    .slider-content h2 {
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        color: white;
    }

    .slider-btn {
        margin-top: 20px;
        padding-left: 10px;
    }

    .slider-content.s-slider-content {
        padding: 20px 10px;
    }
}