/* All USPS including Slider and Grid */
.custom-usp-bar {
  visibility: hidden; 
  margin-block-start: 50px;
}

.custom-usps {
  padding-block: 16px;
}

.custom-usps:has(.custom-usps__grid) {
  padding-block-end: 0;
}

.custom-usps.slider {
  border-block: 1px solid #EDEDED;
}

.custom-usps .usp {
  display: inline-flex;
  gap: 8px;
  align-items: center;

  text-decoration: none;
  transition: opacity 0.2s ease;

  &:hover {
    opacity: 0.75;
    transition: opacity 0.2s ease;
  }
}

.custom-usps .usp strong {
  color: #6CB52D;
}

/* START isSlider */
.custom-usps .custom-usps__slider {
  left: 0 !important;
}
 .custom-usps .swiper-wrapper {
    width: auto;
 } 

 .custom-usps .swiper-wrapper .swiper-slide {
    display: flex;
    justify-content: center;
 }

.custom-usps .custom-usps__slider:before,
.custom-usps .custom-usps__slider:after {
  content: '';
  position: absolute;
  width: 50px;
  top: 0;
  height: 100%;
  background: #ffffff;
  z-index: 99;
}

.custom-usps .custom-usps__slider:before {
  left: 0;
  background: linear-gradient(90deg,rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}

.custom-usps .custom-usps__slider:after {
  right: 0;
  background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

/* END isSlider */

/* START sliderGrid */
  .custom-usps .custom-usps__grid {
    display: grid;
    gap: 16px;
  }
/* END sliderGrid */

/* Media Queries */
@media (min-width: 320px) {
  .custom-usp-bar {
    display: block;
    margin-block-start: 120px;
    visibility: visible; 
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .custom-usp-bar {
    margin-block-start: 20px;
  }
}

@media (min-width: 992px) {
  .custom-usp-bar {
    margin-block-start: 0;
  }
}

@media (min-width: 1400px) {
  .custom-usps .custom-usps__grid {
    display: block;
    column-count: 2;
    column-gap: 48px;
  }
}