/** */
/** */
/** */
/** */
/** */
/** */
/** */
/** */
/** */
/** */
/** */
/** */
/** */
/** */
/** */
/** */
/** */
/** */
/** media */
/** breakpoint */
/** */
/** */
/** */
/** media shorthand */
/** */
/** */
/** */
/** */
/** */
/** */
/** */
/** $gutter: padding or margin */
/** $gutter: padding or margin */
/** $gutter: padding or margin */
/** */
/** */
/** padding-left, padding-right, left, right ... */
/** */
/** */
/** */
/** */
/** */
/** */
/** Button hover effect*/
/** */
/** functions to urlencode the svg string*/
/** $string - svg */
/** add unique id image url */
/** https://github.com/pentzzsolt/sass-is-int/blob/master/_is-int.scss */
/** https://webdesign.tutsplus.com/tutorials/an-introduction-to-error-handling-in-sass--cms-19996 */
/** get breakpoint */
/** size */
/** */
.homepage-main {
  position: relative;
  width: 100%;
}

.home-section-banner {
  position: relative;
  overflow: hidden;
}
.home-section-banner .swiper-slide article.item {
  position: relative;
  overflow: hidden;
}
.home-section-banner .swiper-slide article.item .overlay {
  position: relative;
  width: 100%;
  display: block;
}
.home-section-banner .swiper-slide article.item .overlay img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-section-banner .swiper-slide article.item .content-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  color: #fff;
  pointer-events: none;
}
.home-section-banner .swiper-slide article.item .content-wrap .btn-link a {
  pointer-events: auto;
}

.home-section-featured-products {
  position: relative;
  padding: 40px 0 50px;
}
.home-section-featured-products .title-container {
  text-align: center;
  margin-bottom: 30px;
}
.home-section-featured-products .title-container .heading-title {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
.home-section-featured-products .title-container .html-desc {
  color: #666;
  font-size: 0.95rem;
}

.homepage-inner.homepage-center,
.home-section-center {
  padding: 30px 0 50px;
}
.homepage-inner.homepage-center .homepage-center-wrapper,
.home-section-center .homepage-center-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0 25px;
}
@media (max-width: 1023.98px) {
  .homepage-inner.homepage-center .homepage-center-wrapper,
  .home-section-center .homepage-center-wrapper {
    -webkit-flex-direction: column;
            flex-direction: column;
    gap: 25px 0;
  }
}
.homepage-inner.homepage-center .homepage-center-left,
.home-section-center .homepage-center-left {
  -webkit-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
  box-sizing: border-box;
}
@media (max-width: 1023.98px) {
  .homepage-inner.homepage-center .homepage-center-left,
  .home-section-center .homepage-center-left {
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.homepage-inner.homepage-center .homepage-center-right,
.home-section-center .homepage-center-right {
  -webkit-flex: 0 0 calc(75% - 25px);
          flex: 0 0 calc(75% - 25px);
  max-width: calc(75% - 25px);
  min-width: 0;
  box-sizing: border-box;
}
@media (max-width: 1023.98px) {
  .homepage-inner.homepage-center .homepage-center-right,
  .home-section-center .homepage-center-right {
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.homepage-inner.homepage-center .homepage-center-right .scproducts-grid,
.homepage-inner.homepage-center .homepage-center-right .hb_products_sections,
.home-section-center .homepage-center-right .scproducts-grid,
.home-section-center .homepage-center-right .hb_products_sections {
  margin-bottom: 40px;
}
.homepage-inner.homepage-center .homepage-center-right .scproducts-grid:last-child,
.homepage-inner.homepage-center .homepage-center-right .hb_products_sections:last-child,
.home-section-center .homepage-center-right .scproducts-grid:last-child,
.home-section-center .homepage-center-right .hb_products_sections:last-child {
  margin-bottom: 0;
}
.homepage-inner.homepage-center .homepage-center-right .scproducts-grid .title-container,
.homepage-inner.homepage-center .homepage-center-right .hb_products_sections .title-container,
.home-section-center .homepage-center-right .scproducts-grid .title-container,
.home-section-center .homepage-center-right .hb_products_sections .title-container {
  position: relative;
  padding-right: 0;
  padding-left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-bottom: 20px;
}
.homepage-inner.homepage-center .homepage-center-right .scproducts-grid .title-container::after,
.homepage-inner.homepage-center .homepage-center-right .hb_products_sections .title-container::after,
.home-section-center .homepage-center-right .scproducts-grid .title-container::after,
.home-section-center .homepage-center-right .hb_products_sections .title-container::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #a20202;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
.homepage-inner.homepage-center .homepage-center-right .scproducts-grid .title-container .heading-title,
.homepage-inner.homepage-center .homepage-center-right .hb_products_sections .title-container .heading-title,
.home-section-center .homepage-center-right .scproducts-grid .title-container .heading-title,
.home-section-center .homepage-center-right .hb_products_sections .title-container .heading-title {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  padding: 10px 40px 8px 25px;
  background: #a20202;
  text-align: left;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.homepage-inner.homepage-center .homepage-center-right .scproducts-grid .title-container .heading-title::before,
.homepage-inner.homepage-center .homepage-center-right .hb_products_sections .title-container .heading-title::before,
.home-section-center .homepage-center-right .scproducts-grid .title-container .heading-title::before,
.home-section-center .homepage-center-right .hb_products_sections .title-container .heading-title::before {
  position: absolute;
  content: "|";
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free", sans-serif;
  left: 2px;
  top: 0;
  bottom: 0;
  color: #ffffff;
  display: block;
  font-size: 60px;
  line-height: 46px;
  width: auto;
  height: auto;
  font-weight: 200;
}
.homepage-inner.homepage-center .homepage-center-right .scproducts-grid .title-container .heading-title::after,
.homepage-inner.homepage-center .homepage-center-right .hb_products_sections .title-container .heading-title::after,
.home-section-center .homepage-center-right .scproducts-grid .title-container .heading-title::after,
.home-section-center .homepage-center-right .hb_products_sections .title-container .heading-title::after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 40px solid #faf9f6;
  border-left: 30px solid transparent;
  display: -webkit-flex;
  display: flex;
  margin: 0 0 0 auto;
}
.homepage-inner.homepage-center .homepage-center-right .scproducts-grid .title-container .viewmore.viewmore-button,
.homepage-inner.homepage-center .homepage-center-right .hb_products_sections .title-container .viewmore.viewmore-button,
.home-section-center .homepage-center-right .scproducts-grid .title-container .viewmore.viewmore-button,
.home-section-center .homepage-center-right .hb_products_sections .title-container .viewmore.viewmore-button {
  margin-top: 0;
  background: transparent;
  color: #404040;
  font-size: 0.88rem;
  font-weight: 600;
  z-index: 1;
}
.home-section-about {
  position: relative;
  padding: 60px 0;
}

.home-section-projects {
  position: relative;
  padding: 50px 0;
}
.home-section-projects .button-container {
  margin-top: 30px;
}

.home-section-cf7 {
  position: relative;
  padding: 50px 0;
}

.home-section-news {
  position: relative;
  padding: 50px 0;
}

/*# sourceMappingURL=home.css.map*/