.advantages-section {
  /*    height: 958px;*/
}

.advantages-container {
  padding: 0;
}

.advantages-icon-wrapper {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 50px;
}

.advantages-icon-rotated {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0px;
  top: 50px;
  transform: rotate(-90deg);
  transform-origin: top left;
}

.advantages-icon-normal {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0px;
  top: 0px;
}

.advantages-icon-5 {
  width: 42.5px;
  height: 50px;
  left: 3.75px;
  top: 0px;
}

.advantages-card-padding {
  padding: 5rem; /* p-5 = 3rem, но в оригинале p-5, визуально выглядит как ~80px */
}

.advantages-card-content {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  width: 100%;
}

.advantages-title {
  font-size: 20px;
  line-height: 24px;
}

.advantages-description {
  font-size: 15px;
  line-height: 22.5px;
}

.advantages-right-column {
  padding: 72px;
}

.advantages-header-text {
  font-size: 15px;
  line-height: 16.5px;
  opacity: 0.3;
}

.advantages-bottom-height {
  height: 319px;
}

.advantages-outline-fix {
  outline-offset: -0.5px;
}
@media (max-width: 767px) {
  .advantages-card-content {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-left: 80px;
    min-height: 60px;
  }

  .advantages-icon-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
  }

  .advantages-title,
  .advantages-description {
    width: 100%;
    flex: 0 0 100%;
  }

  .advantages-title {
    margin-bottom: 8px;
  }
  .advantages-card-padding {
    padding: 32px 16px;
  }
  .advantages-card-content {
    gap: 8px;
  }
  .advantages-bottom-height {
    height: unset;
    border-bottom:1px solid var(--bs-light-border-subtle) ;
  }
  
.advantages-right-column {
    padding: 32px 16px;
    order: 1;
    border-bottom:1px solid var(--bs-light-border-subtle) ;
}
  .mobile-reverse{
        flex-direction: column-reverse;
    }
}