/******************/
/** Home  */
/******************/

.hero-home {
  .hero-area--content {
    .hero-area--content__title {
      .title-one {
        color: var(--primary);
      }
      .title-two {
        color: var(--secondary);
      }
    }
  }
}

.home-feature {
  .cards--column-3-std {
    --cards-col-3--col-gap: 16px;
  }
}

.home--about {
  @media (max-width: 992px) {
    .section-col--left {
      z-index: 4;
    }

    .section-col--right {
      z-index: 4;

      .section-content {
        z-index: 4;
        position: relative;

        &::after {
          content: "";
          display: block;
          background: radial-gradient(
            ellipse at center,
            #ffffff 0%,
            rgba(245, 243, 243, 0.6) 25%,
            rgba(205, 205, 205, 0.1) 50%,
            rgba(205, 205, 205, 0) 70%
          );
          border-radius: 50%;
          position: absolute;
          width: 1800px;
          height: 600px;
          top: -160px;
          left: 50%;
          z-index: -1;
          transform: translateX(-50%);
        }
      }
    }
  }
} /****** END .home--about *******/

.home--why-gallery {
  background-color: #fafefe;

  .section-col-2 {
    &.sec-col--w-gap {
      --sec-col-2--col-gap: 50px;
      --sec-col-2--row-gap: 80px;
    }
  }

  .section-col--left {
    .section-content {
      .section-content--inner {
      }
    }

    .card-item {
      --ci-content-ico-lst-li-ico--color: var(--primary);
      --ci-content-ico-lst-li-ico--font-size: var(--icon-size-md);
      --card-item--content-pd: 0;
    }
  }

  .cards--column-3-std {
    --cards-col-3--col-gap: 20px;
    --cards-col-3--row-gap: 20px;
  }
}

.home--testimonials {
  position: relative;
  &::after {
    content: "";
    position: absolute;
    background-color: #f8c0245a;
    width: 90%;
    height: 1px;
    z-index: 1;
    top: 0;
  }

  .section-body {
    position: relative;
    z-index: 1;
    &::after {
      content: "";
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      background-color: rgba(248, 192, 36, 0.202);
      width: 110%;
      height: 550px;
      z-index: -1;
      top: -28px;
      border-radius: var(--default-border-radius);
    }
  }

  @media (max-width: 992px) {
    .section-body {
      &::after {
        height: 574px;
      }
    }
  }
  @media (max-width: 767px) {
    .section-body {
      &::after {
		  height: 117%;
      }
    }
  }
} /****** END .home--testimonials  *******/