/* assets/css/partners.css */

.lp-partners{
  padding: 80px 0;
  background: #ffffff;
  color: #111;
  position: relative;
  overflow: hidden;
}

.lp-partners__inner{
  max-width: var(--lp-container);
  margin-inline: auto;
  padding-inline: var(--lp-page-pad);
}

.lp-partners__title{
  margin: 0;
  text-align: center;
  font-weight: 700;
  font-size: clamp(26px, 3.2vw, 48px);
  line-height: 1.15;

  color: var(--lp-about-title);
}

.lp-partners__titleAccent{
  color: var(--lp-about-title);

  position: relative;
  display: inline-block;
  isolation: isolate;
  padding-inline: .10em;
}

.lp-partners__titleAccent::before{
  content: "";
  position: absolute;
  inset-inline: -0.06em;
  height: .34em;
  bottom: .06em;

  background: var(--lp-accent);
  border-radius: 10px;
  z-index: -1;
}

.lp-partners__slider{
  margin-top: 60px;
}

.lp-partners .splide__track{
  overflow: visible !important;
}

.lp-partners .splide__list{
  gap: 60px !important; 
}

.lp-partners .splide__slide{
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 0 0 auto;
}

.lp-partners img.lp-partners__image{
  height: 65px !important; 
  width: 350px !important; 
  max-width: none !important;
  object-fit: contain !important;
  display: block !important;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.lp-partners .splide__slide:hover .lp-partners__image{
  transform: scale(1.05);
  opacity: 0.98;
}

#lp-partners-logos:not(.is-initialized){
  visibility: visible !important;
}
#lp-partners-logos:not(.is-initialized) .splide__list{
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}

/* Responsive */
@media (max-width: 1024px){
  .lp-partners img.lp-partners__image{
    height: 52px !important;
    width: min(320px, 52vw) !important;
  }
}

@media (max-width: 768px){
  .lp-partners .splide__list{
    gap: 40px !important; 
  }

  .lp-partners img.lp-partners__image{
    height: 52px !important;
    width: min(320px, 52vw) !important;
  }
}

@media (max-width: 576px){
  .lp-partners .splide__list{
    gap: 20px !important; 
  }

  .lp-partners img.lp-partners__image{
    height: 42px !important; 
    width: min(280px, 62vw) !important;
  }
}

@media (max-width: 480px){
  .lp-partners img.lp-partners__image{
    height: 54px !important; 
    width: min(280px, 54vw) !important;
  }
}