.home-feature {
  background-color: var(--bg-light-grey);
  padding-bottom: 12rem;
  margin-inline: 1rem;
  border-radius: 2rem;
}

@media (max-width: 1025px) {
  .home-feature {
    padding-bottom: 8rem;
    border-radius: 1rem;
    margin-block: 1rem;
  }
}

@media (max-width: 767px) {
  .home-feature {
    background-color: transparent;
    margin-block: 0;
    padding-bottom: 0;
  }
}

.home-feature-wrap {
  display: block;
}

.home-feature-title {
  grid-column: 1/-1;
  color: var(--cl-black);
  text-align: center;
  max-width: 69rem;
  margin-block: 12rem 8rem;
  margin-inline: auto;
  margin-top: 0;
}

.home-feature-title br {
  display: none;
}

@media (min-width: 768px) and (max-width: 1025px) {
  .home-feature-title {
    grid-column: 1/13;
    margin-block: 8rem;
    max-width: 55.4rem;
  }
}

@media (max-width: 767px) {
  .home-feature-title {
    grid-column: 1/-1;
    margin-block: 6.4rem 6rem;
    max-width: 30rem;
  }

  .home-feature-title br {
    display: block;
  }
}

.home-feature-sub-heading {
  grid-column: 1/-1;
  color: var(--cl-black);
  text-align: center;
  max-width: 69rem;
  margin-block: 12rem 8rem;
  margin-inline: auto;
  margin-bottom: 2rem;
}

.home-feature-key-list {
  grid-column: 1/-1;
  position: relative;
}

@media (min-width: 768px) and (max-width: 1025px) {
  .home-feature-key-list {
    grid-column: 1/13;
  }
}

@media (max-width: 767px) {
  .home-feature-key-list {
    grid-column: 1/-1;
  }
}

.home-feature-key-list>.div-line {
  position: absolute;
  background-color: var(--cl-black-10);
  left: 0;
  top: 0;
}

.home-feature-key-list-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 767px) {
  .home-feature-key-list-inner {
    grid-template-columns: 1fr;
    padding-bottom: 3.4rem;
  }
}

.home-feature-key-item {
  position: relative;
  text-align: center;
  padding: 6rem 12rem 0;
}

@media (max-width: 1025px) {
  .home-feature-key-item {
    padding: 6rem 0 8rem;
  }
}

@media (max-width: 767px) {
  .home-feature-key-item {
    padding: 4rem 3rem;
  }
}

@media (min-width: 768px) and (max-width: 1025px) {
  .home-feature-key-item:first-child .home-feature-key-item-inner {
    padding-inline: 1.6rem 2.4rem;
  }
}

@media (min-width: 768px) and (max-width: 1025px) {
  .home-feature-key-item:last-child .home-feature-key-item-inner {
    padding-inline: 2.4rem 1.6rem;
  }
}

.home-feature-key-item>.div-line.ver {
  background-color: var(--cl-black-10);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

@media (max-width: 767px) {
  .home-feature-key-item>.div-line.ver {
    top: auto;
    left: 0;
    width: 100%;
    height: max(0.1rem, 1px);
    bottom: 0;
  }
}

.home-feature-key-item:last-of-type>.div-line.ver {
  display: none;
}

.home-feature-key-item-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home-feature-key-item-img {
  width: 100%;
  max-width: 45.4rem;
  margin-bottom: 1.8rem;
  aspect-ratio: 450/360;
}

@media (max-width: 1025px) {
  .home-feature-key-item-img {
    margin-bottom: 2.4rem;
    max-width: 24.5rem;
  }
}

.home-feature-key-item-title {
  color: var(--cl-black);
  margin-bottom: 1.2rem;
}

.home-feature-key-item-sub {
  color: var(--cl-black-80);
  margin-bottom: 3.2rem;
  max-width: 46.6rem;
}

@media (max-width: 1025px) {
  .home-feature-key-item-sub {
    margin-bottom: 2.4rem;
    max-width: 34.6rem;
  }
}

@media (max-width: 767px) {
  .home-feature-key-list {
    grid-column: 1/-1;
  }

  .home-feature-sub-heading {
    margin-block: 0;
  }
}

.home-feature-key-list-inner .home-feature-key-item-btn a {
  border: 1px solid #ff6b30;
  background: none;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../src/scss/sections/sc-home-feature.scss%22,%22../src/scss/global/tool.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAEA;EACI;EACA;EACA;EACA;;ACOF;EDXF;IAMQ;IACA;IACA;;;ACTN;EDCF;IAWQ;IACA;IACA;;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;ACtBV;EDaE;IAYQ;IACA;IACA;;;ACjCV;EDmBE;IAiBQ;IACA;IACA;;EACA;IACI;;;AAKZ;EACC;EACD;EACA;EACA;EACA;EACA;EACA;;AAGI;EACI;EACA;;ACnDV;EDiDM;IAKQ;;;AC5Dd;EDuDM;IAQQ;;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AC1Ed;EDwEU;IAKQ;IACA;;;AAIZ;EACI;EACA;EACA;;ACzEV;EDsEM;IAMQ;;;ACxFd;EDkFM;IASQ;;;ACrFd;EDwFc;IAEQ;;;AC1FtB;EDgGc;IAEQ;;;AAKZ;EACI;EACA;EACA;EACA;EACA;;AClHd;ED6GU;IAQQ;IACA;IACA;IACA;IACA;;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AC5Hd;EDwHU;IAOQ;IACA;;;AAGR;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AC1Id;EDuIU;IAMQ;IACA%22,%22file%22:%22sc-home-feature.css%22%7D */