.index-benefits {
  background: #F8F8F8; }

.benefits-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem; }
  @media (max-width: 767px) {
    .benefits-grid {
      margin-top: 26px;
      gap: 10px;
      grid-template-columns: 100%; } }

.benefits-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4.5rem;
  border-radius: 1rem;
  background: #FFF;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.13);
  padding: 3rem;
  transition: all ease .3s; }
  @media (max-width: 1023px) {
    .benefits-card {
      padding: 12px;
      align-items: flex-start;
      gap: 10px; } }
  @media (min-width: 1024px) {
    .benefits-card {
      cursor: pointer; }
      .benefits-card:hover {
        box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2); }
        .benefits-card:hover .benefits-card__title {
          color: #6AB4B9; }
        .benefits-card:hover .benefits-card__icon {
          fill: #6AB4B9; } }
  .benefits-card:active .benefits-card__title {
    color: #00A19B; }
  .benefits-card:active .benefits-card__icon {
    fill: #156864; }
  @media (max-width: 1023px) {
    .benefits-card {
      border-radius: 10px; } }
  .benefits-card__img {
    flex-shrink: 0;
    height: 10.4rem;
    width: 10.4rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 1023px) {
      .benefits-card__img {
        width: 56px;
        height: 56px; } }
    .benefits-card__img .lazy-img-wrap {
      width: 5rem;
      height: 5rem; }
      @media (max-width: 1023px) {
        .benefits-card__img .lazy-img-wrap {
          width: 34px;
          height: 34px; } }
    .benefits-card__img img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .benefits-card__content {
    flex-grow: 1; }
  .benefits-card__title {
    margin-bottom: 1.4rem;
    transition: all ease .3s; }
  .benefits-card__descr {
    color: #6F7682; }
  .benefits-card__icon {
    align-self: center;
    flex-shrink: 0;
    fill: #353535;
    transition: all ease .3s; }
  .benefits-card .link-full {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; }

.benefits-info {
  padding: 5.8rem 6.4rem;
  background: linear-gradient(90deg, #156864 0%, #2EADA7 100%);
  border-radius: 2rem; }
  @media (max-width: 1023px) {
    .benefits-info {
      border-radius: 10px;
      padding: 36px 30px; } }
  @media (max-width: 575px) {
    .benefits-info {
      padding: 20px; } }
  .benefits-info__title {
    color: #ffffff; }
  .benefits-info__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4.7rem;
    margin-top: 4rem; }
    @media (max-width: 1023px) {
      .benefits-info__inner {
        grid-template-columns: 100%;
        gap: 30px;
        margin-top: 24px; } }
  .benefits-info__desc {
    margin-bottom: 3rem;
    color: #ffffff; }
  .benefits-info__grid {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 1rem;
    position: relative;
    padding: .8rem; }
    @media (max-width: 1023px) {
      .benefits-info__grid {
        padding: 6px;
        border-radius: 10px; } }
    .benefits-info__grid-inner {
      background: white;
      border-radius: 1rem;
      z-index: 1;
      padding: 1rem;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 1.6rem 0; }
      @media (max-width: 1023px) {
        .benefits-info__grid-inner {
          gap: 16px;
          border-radius: 10px; } }
      @media (max-width: 767px) {
        .benefits-info__grid-inner {
          grid-template-columns: 1fr 1fr; } }
      @media (max-width: 575px) {
        .benefits-info__grid-inner {
          grid-template-columns: 100%; } }
  .benefits-info__right {
    position: relative; }

.benefits-item {
  padding: .3rem 3.3rem;
  padding-right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .6rem;
  position: relative;
  z-index: 2; }
  @media (max-width: 1023px) {
    .benefits-item {
      padding: 4px 24px;
      padding-right: 0;
      gap: 6px; } }
  .benefits-item__img {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 1023px) {
      .benefits-item__img {
        width: 50px;
        height: 50px; } }
  .benefits-item__title {
    font-weight: 600; }
  .benefits-item__desc {
    color: #6F7682; }

.benefits-slider {
  padding: 0 6rem; }
  @media (min-width: 1024px) {
    .benefits-slider {
      height: 50rem;
      display: flex; } }
  @media (max-width: 1023px) {
    .benefits-slider {
      max-width: 550px;
      margin: 0 auto;
      padding: 0 40px; } }
  @media (max-width: 575px) {
    .benefits-slider {
      padding: 0 20px; } }
  @media (min-width: 1024px) {
    .benefits-slider .splide__track {
      position: absolute;
      inset: 0;
      padding: 1rem 0; } }
  .benefits-slider .splide__slide {
    position: relative;
    aspect-ratio: 0.72;
    transition: all ease .3s; }
    @media (min-width: 1024px) {
      .benefits-slider .splide__slide {
        cursor: pointer; }
        .benefits-slider .splide__slide:hover {
          box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.25); } }
    .benefits-slider .splide__slide .lazy-img-wrap {
      position: absolute;
      inset: 0; }
      .benefits-slider .splide__slide .lazy-img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover; }