.ks-service-support-section {
  --section-gap: 40px;
  padding-top: 80px;
  padding-bottom: 20px;
}

.ks-service-support-section_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ks-service-support-section_title {
  padding-bottom: 40px;
  text-align: center;
  color: var(--text-color);
  text-align: center;
  font-family: var(--font-family);
  font-size: var(--font-title-size);
  font-style: var(--font-style);
  font-weight: var(--font-title-weight);
  line-height: var(--line-height); /* 150% */
  text-transform: capitalize;
}

.ks-service-support_left {
  margin-right: var(--section-gap);
}
.ks-support-left_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--section-gap);
}

.ks-grid-item_icon {
  width: 74px;
  height: 74px;
  margin-bottom: 20px;
}

.ks-grid-item_icon img {
  width: 100%;
  height: 100%;
}

.ks-grid-item_content-title {
  color: var(--text-color);
  font-family: var(--font-family);
  font-size: var(--font-desc-title-size);
  font-style: var(--font-style);
  font-weight: var(--font-title-weight);
  line-height: var(--line-height); /* 150% */
  text-transform: capitalize;
  margin-bottom: 6px;
}

.ks-grid-item_content-desc {
  color: var(--text-color);
  font-family: var(--font-family);
  font-size: var(--font-content-size);
  font-style: var(--font-style);
  font-weight: var(--font-title-weight);
  line-height: var(--line-height); /* 150% */
}

.ks-service-support_right {
  min-width: 642px;
}

.ks-service-support_right .ks-support-left_img {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .ks-service-support-section_container {
    flex-direction: column-reverse;
  }

  .ks-service-support_left {
    margin-right: 0px;
    margin-top: var(--section-gap);
  }

  .ks-service-support_right {
    min-width: 100%;
  }
}

@media screen and (max-width: 552px) {
  .ks-support-left_grid {
    --section-gap: 5px;
    grid-template-columns: 1fr;
  }

  .ks-service-support-section {
    padding-top: 40px;
  }
  .ks-support-left_grid li {
    display: grid;
    grid-template-columns: 46px 1fr;
    align-items: center;
    gap: 10px;
    background: #e3ecfa;
    padding: 24px 14px;
  }

  .ks-support-left_grid li .ks-grid-item_icon {
    width: 100%;
    height: 100%;
    margin: 0px;
  }
  .ks-grid-item_icon img {
    object-fit: contain;
  }
  .ks-grid-item_content-title {
    margin: 0px;
    color: #000 !important ;
    font-size: 16px;
    font-weight: 700;
  }
  .ks-grid-item_content-desc {
    grid-column: 1 / 3;
    color: #000 !important ;
    font-size: 12px;
    font-weight: 400;
  }
}