@font-face {
  font-family: Suisse Intl;
  src: url('../fonts/Suisse_Intl_Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisse Intl;
  src: url('../fonts/Suisse_Intl_Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisse Intl;
  src: url('../fonts/Suisse_Intl-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisse Intl Book;
  src: url('../fonts/Suisse_Intl_Book.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisse Intl;
  src: url('../fonts/Suisse_Intl_Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: DM Mono;
  src: url('../fonts/MonospaceBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: DM Mono;
  src: url('../fonts/MonospaceOblique.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Monospace";
  src: url('../fonts/Monospace.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --alabaster: #f3f1e9;
  --white: white;
  --black: #1b1b1c;
  --orange: #f60;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a {
  text-decoration: underline;
}

.body {
  color: #1b1b1c;
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 1rem;
  line-height: 150%;
}

.body.is-grey {
  background-color: var(--alabaster);
}
.category-grid-wrap {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 40px;
    padding: 60px 20px 20px 20px;
    background: var(--black);
    border-radius: 6px;
}

.cat-title {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    margin-bottom: 12px;
    margin-top: 0;
    padding-bottom: 12px;
    border-bottom: 0.1px solid #fff6;
    color: #ffffff;
}
.cat-title a{
    text-decoration: none !important;
}
.cat-products {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cat-products li {
    margin-bottom: 6px;
}

.cat-products a {
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
    transition: all 0.4s ease;
}

.cat-products a:hover {
    color: var(--orange);
    text-decortaion: none;
    transition: all 0.4s ease;
}

.show-more {
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: var(--orange);
    display: flex;
    align-items: center;
    gap: 5px;
}
.show-more svg{
    width: 13px;
    height: 13px;
}
.address-section {
  padding-bottom: 50px;
}

.global-scripts {
  display: none;
}

.section_hero {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-bottom: 10rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container {
  padding-left: 9.375rem;
  padding-right: 9.375rem;
}

.container.is-fiber {
   padding-left: 19.5rem;
  padding-right: 19.5rem;
  position: relative;
}

.container.is-elctro, .container.is-jeight {
  height: 100%;
}

.hero-content {
  z-index: 1;
  color: var(--white);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

/* .small-title {
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
} */

.small-title.is-white {
  color: var(--white);
}

.hero-h1 {
  width: 40%;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 500;
  line-height: 120%;
}

.hero-h1.is-about {
  width: 90%;
  margin-bottom: 0;
  font-size: 5rem;
}

.hero-h1.is-fiberglass {
  width: 60%;
}

.hero-h1.is-aramid {
  color: var(--black);
  width: 80%;
  margin-bottom: .75rem;
}

.hero-h1.is-serve {
  color: var(--black);
  width: 80%;
  margin-bottom: 0;
}

.hero-h1.is-certification {
  width: 60%;
  margin-bottom: 0;
  font-size: 5rem;
}

.hero-h1.is-contactus {
  width: 80%;
  margin-bottom: 0;
  font-size: 5rem;
}

.hero-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--white);
  text-transform: uppercase;
  border: 1px solid #fff6;
  border-radius: .25rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 1rem 3rem;
  font-size: 1rem;
  line-height: 130%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-button.is-black {
  color: var(--black);
  border-color: #1b1b1b66;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.hero-button.is-tranparent {
  color: var(--black);
  border-style: none;
  border-color: #1b1b1b66;
  padding: .25rem 0;
}

.header {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #1b1b1c;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center;
  margin-top: 1.25rem;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  padding: .625rem .75rem .625rem 1.25rem;
  transition: all .5s;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.header.is-black {
  background-color: var(--black);
}

.head-logo {
  width: 9rem;
  height: 5rem;
}

.head-logo-img {
  width: 100%;
  height: 100%;
}

.header-menu-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}
/* Force header button priority */
.header .button.is-orange {
  background-color: var(--orange) !important;
  padding: 1rem 1.5rem !important;
  font-size: 1rem !important;
  line-height: 130% !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Header Product Category dropdown */
.header .menu-link-block .droptitle { display: flex; align-items: center; gap: .375rem; }
.header .menu-link-block .menu-link { display: flex; align-items: center; }
.header .menu-link-block .drop-icon { width: 1rem; height: 1rem; margin-left: .25rem; display: inline-block; }
.header .menu-link-block { position: relative; }
.header .menu-link-block .drop-link {
  position: absolute;
  top: 120%;
  left: 0;
  min-width: 18rem;
  background: var(--alabaster);
  border-radius: 0px ;
  box-shadow: 0 12px 30px rgba(0,0,0,.2);
  padding: 1rem;
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-10px);
  transition: transform .25s ease;
  will-change: transform;
  z-index: 1000;
}
.header .menu-link-block .drop-link::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--orange); border-top-left-radius: 0px; border-top-right-radius: 0px; }
.header .menu-link-block .link-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.header .menu-link-block .product-link {
  color: var(--black);
  padding: .5rem 0;
  display: block;
}

.header .menu-link-block .product-link {
  text-decoration: none;
}

.header .menu-link-block .product-link {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0px;
}

.header .menu-link-block .product-link::before {
  content: "";
  width: 0px;
  height: 1px;
  background-color: #000;
  display: inline-block;
  transition: all .4s ease-in-out;
}

.header .menu-link-block .product-link:hover::before {
  width: 10px;
  transition: all .4s ease-in-out;
}
/* Disable hover/click dropdown reveal */
@media (min-width: 992px) {
  .header .menu-link-block:hover .drop-link { visibility: hidden; pointer-events: none; transform: translateY(-10px); }
}
.header .menu-link-block.is-open .drop-link { visibility: hidden; pointer-events: none; transform: translateY(-10px); }

.menu-link {
  color: var(--white);
  font-size: 1.125rem;
  line-height: 120%;
  text-decoration: none;
  transition: all .4s ease-in-out;
}

.menu-link:hover {
  color: var(--orange);
}

.button {
  grid-column-gap: .5rem !important;
  grid-row-gap: .5rem !important;
  background-color: var(--black) !important;
  color: var(--white) !important;
  text-transform: uppercase !important;
  border-radius: .25rem !important;
  flex-flow: row !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 1rem 1.5rem !important;
  font-size: 1rem !important;
  line-height: 130% !important;
  text-decoration: none !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
  font-weight: 400 !important;
}

.button.is-orange {
  background-color: var(--orange) !important;
  align-self: auto !important;
}

.button.is-orange.is-sbr {
  justify-content: flex-end;
  align-items: center;
  width: 7.5rem;
  height: 2.5rem;
  position: relative;
  overflow: hidden;
}

.button.is-orange.is-none {
  display: none;
}

.button.is-orange.is-pdp {
  margin-left: 1.8rem;
}

.button-icon {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex: none;
  width: 1rem;
  height: 1rem;
  transition: all .5s ease-in-out;
  transform: translate(-100%);
}

.section_solutions {
  padding-top: 9.375rem;
  padding-bottom: 9.375rem;
}

.center-content {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.solution-h2 {
  width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 500;
  line-height: 120%;
}

.solutions-grid {
  grid-column-gap: 6.25rem;
  grid-row-gap: 6.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.solutions-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #1b1b1c33;
  grid-template-rows: auto;
  grid-template-columns: .25fr .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-top: 3.75rem;
  display: grid;
}

.mono {
  color: #1b1b1c99;
  text-transform: uppercase;
  font-family: monospace, Arial, sans-serif;
  font-size: 1rem;
  line-height: 120%;
}

.solutions-title {
  font-size: 1.25rem;
  font-weight: 400;
}

.solutions-txt {
  color: #1b1b1cbf;
  font-size: 1rem;
  line-height: 150%;
}

.section_product_category {
  border-top: 1px solid #1b1b1c33;
  padding-top: 9.375rem;
  padding-bottom: 6.25rem;
  position: relative;
  overflow: hidden;
}

.section_serving_industries {
  padding-top: 2.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.industries-container {
 background-color: var(--white);
  padding: 9.375rem 6.875rem;
}

.industries-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.industries-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.5rem;
  line-height: 120%;
}

.industry-card {
  cursor: pointer;
  width: 28.125rem;
}

.industry-card.is-2, .industry-card.is-3, .industry-card.is-4, .industry-card.is-5 {
  margin-top: -12rem;
}

.industry-img-box {
  background-color: var(--alabaster);
  border-radius: .25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 31.25rem;
  margin-top: .625rem;
  margin-bottom: 1rem;
  display: flex;
  position: relative;
}

.industry-name {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 140%;
}

.section_top_products {
  padding-top: 9.375rem;
  padding-bottom: 9.375rem;
}

.products-h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 500;
  line-height: 120%;
}

.product-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2.5rem;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 3.75rem;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  display: grid;
}

.product-card {
  cursor: pointer;
  text-decoration: none;
}

.product-img-box {
  background-color: var(--white);
  border-radius: .25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 43.75rem;
  margin-bottom: 1.5rem;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-title-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 2fr .25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.product-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 140%;
}

.product-download-icon {
  width: 1.25rem;
  height: 1.25rem;
}

.product-desc-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 1px solid #1b1b1c1a;
  grid-template-rows: auto;
  grid-template-columns: 2fr .25fr;
  grid-auto-columns: 1fr;
  margin-top: 1rem;
  padding-top: 1rem;
  display: grid;
}

.product-desc {
  color: #1b1b1cbf;
  width: 90%;
  font-size: 1.25rem;
  line-height: 150%;
}

.section_certification {
  background-color: var(--black);
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  position: relative;
  overflow: hidden;
}

.certification-img {
  pointer-events: none;
  height: 100%;
  position: absolute;
  inset: auto 5% 0% auto;
}

.certification-img.is-1 {
  z-index: 0;
  pointer-events: none;
  height: 100%;
  bottom: 0%;
  right: 0;
}

.certification-flex {
  grid-column-gap: 15.5rem;
  grid-row-gap: 15.5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.certification-h2 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 120%;
}

.certification-col.is-bottom {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 60%;
  display: grid;
}

.certification-col.is-bottom-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 80%;
  display: grid;
}

.certification-card {
  border: 1px solid #fff6;
  border-radius: .25rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 12.5rem;
  padding: 2rem;
  display: flex;
  position: relative;
}

.certification-card-title {
  color: var(--white);
  font-size: 1.5rem;
  line-height: 120%;
}

.read-more-link {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--white);
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 120%;
  text-decoration: none;
  display: flex;
}

.read-more-link.is-hide {
  display: none;
}

.read-more-icon {
  width: 1rem;
  height: 1rem;
}

.certification-card-logo {
  width: 3.75rem;
  height: 3.75rem;
  position: absolute;
  inset: auto 2rem 2rem auto;
}

.section_statistics {
  padding-top: 9.375rem;
  padding-bottom: 9.375rem;
}

.statistics-grid {
  grid-column-gap: 6.25rem;
  grid-row-gap: 6.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.statistics-h2 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 500;
  line-height: 120%;
}

.statistics-desc {
  color: #1b1b1cbf;
  width: 24rem;
  font-size: 1.25rem;
}

.statistics-num-grid {
  grid-column-gap: 6.25rem;
  grid-row-gap: 6.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 5rem;
  display: grid;
}

.statistics-num-col {
  border-top: 1px solid #1b1b1c33;
  justify-content: space-between;
  align-items: center;
  padding-top: 2.5rem;
  display: flex;
}

.statistics-num-icon {
  width: 6.25rem;
  height: 6.25rem;
}

.statistics-num-card {
  text-align: right;
}

.statistics-num {
  font-family: monospace, Arial, sans-serif;
  font-size: 6rem;
  font-weight: 500;
  line-height: 120%;
}

.statistics-num-txt {
  color: #1b1b1c99;
  text-transform: uppercase;
  margin-top: .625px;
  font-family: monospace, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 120%;
}

.section_introduction {
  background-color: var(--white);
  padding-top: 9.375rem;
  padding-bottom: 9.375rem;
}

.introduction-text {
  color: var(--black);
  width: 56rem;
  margin-bottom: 1.5rem;
  font-size: 2rem;
  font-weight: 400;
  line-height: 150%;
}

.introduction-img-box {
  background-color: var(--alabaster);
  border-radius: .25rem;
  margin-top: 3.75rem;
  overflow: hidden;
}

.section_contact {
  border-top: 1px solid #1b1b1c33;
  padding-top: 9.375rem;
  padding-bottom: 9.375rem;
}

.section_contact.is-white {
  background-color: var(--white);
}

.section_contact.is-gray {
  background-color: var(--alabaster);
}

.contact-text {
  color: #1b1b1cbf;
  width: 52rem;
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
}

.contact-h2 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: .75rem;
  font-size: 4rem;
  font-weight: 500;
  line-height: 120%;
}

.contact-h2.is-width {
  width: 35%;
}

.footer {
  background-color: var(--black);
  color: var(--white);
  padding-top: 3.75rem;
  padding-bottom: 2rem;
  position: relative;
}

.footer-top-grid {
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  margin-bottom: 1.5rem;
  display: grid;
}

.footer-top-grid.is-middle {
  z-index: 1;
  place-items: start stretch;
  width: 100%;
  margin-bottom: 20rem;
  position: relative;
}

.footer-logo-link {
  justify-content: center;
  align-items: center;
  width: 10rem;
  height: 6.125rem;
  display: flex;
}

.footer-logo-img {
  width: 100%;
  height: 100%;
}

.footer-right-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

.footer-block-title {
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.footer-block-title.is-mobile {
  display: none;
}

.footer-middle-grid {
  grid-column-gap: 20rem;
  grid-row-gap: 20rem;
  border-top: 1px solid #fff3;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  padding-top: 2.5rem;
}

.footer-link-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-link {
  color: var(--white);
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  transition: all .4s ease-in-out;
}

.footer-link:hover {
  color: var(--orange);
}

.footer-top-left {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-title-small {
  color: #fff9;
  text-transform: uppercase;
  font-family: DM Mono, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
}

.footer-contect-text {
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
}

.footer-block-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1rem;
  display: flex;
}

.footer-underline-link {
  color: var(--white);
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
}

.footer-bottom-grid {
  z-index: 1;
  border-top: 1px solid #fff3;
  padding-top: 2rem;
  display: block;
  position: relative;
}

.footer-cc-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cc-text {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
}

.mark91link {
  color: var(--orange);
  text-decoration: none;
}

/* Industries Served page */
.swiper-slide.is-serve:hover .serve-cntent {
  height: auto;
  transform: translate(0, 0%);
  transition-delay: 0.2s;
}
.swiper-slide.is-serve:hover .conte-wrap { opacity: 0; }
.point-image { opacity: 0; transition: opacity 0.5s; }
.point-image.active { opacity: 1 !important; }
path.path-line { transform: translate(0%,0px); fill: #ffffff; opacity: 1 !important; }
path.path-line.active { stroke: #f96401 !important; }

/* Swiper bullets */
span.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  flex: none;
  background: #F3F1E9;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FF6600; }

.footer-image {
  z-index: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  width: 43.75rem;
  position: absolute;
  inset: auto auto 0% 0%;
  transform: scale(.75);
}

.section_hero_about {
  background-color: var(--black);
  color: var(--white);
  background-image: url('../images/About-bg_1About bg.avif');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  padding-bottom: 6.875rem;
  display: flex;
  overflow: hidden;
}

.common-hero-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: end stretch;
  display: grid;
}

.common-right {
  grid-column-gap: 7.625rem;
  grid-row-gap: 7.625rem;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.common-right.is-right {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.about-body-text {
  opacity: .75;
  width: 40%;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
}

.down-arrow {
  width: 1.25rem;
  height: 1.25rem;
}

.section_story {
  padding-top: 9.375rem;
  padding-bottom: 5rem;
}

.story-grid-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.story-right {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.story-body-text {
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 150%;
}

.body-text {
  opacity: .4;
  font-size: 1.25rem;
}

.sun-image {
  pointer-events: none;
  width: 15.625rem;
  height: 15.625rem;
  position: absolute;
  inset: auto 5% 3% auto;
}

.section_about_third {
  overflow: hidden;
}

.swiper.is-team {
  margin-top: 3.75rem;
}

.swiper.is-mission {
  margin-top: 2.5rem;
}

.swiper.is-fiber {
  margin-top: 3.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: relative;
  overflow: hidden;
}

.swiper.is-aramid, .swiper.is-app, .swiper.is-serve, .swiper.is-testimonials {
  margin-top: 2.5rem;
}

.swiper.is-hero {
  background-color: var(--alabaster);
  border-radius: .25rem;
  width: 100%;
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
}

.swiper.is-apps {
  margin-top: 2.5rem;
}

.swiper.is-herotime {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.swiper-wrapper {
  flex-flow: row;
  display: flex;
}

.swiper-wrapper.is-team-wrapper {
  flex-flow: row;
  display: flex;
}

.swiper-wrapper.is-mission {
  flex-flow: row;
}

.swiper-wrapper.is-serve {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.swiper-wrapper.industries-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.swiper-wrapper.is-apps-wrap {
  grid-column-gap: 1.375rem;
  grid-row-gap: 1.375rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.swiper-wrapper.is-herotime {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  flex: none;
}

.swiper-slide.is-mission {
  flex: none;
  width: 37.5rem;
}

.swiper-slide.is-fiber-slide {
  flex: none;
  width: 25rem;
}

.swiper-slide.is-aramid {
  width: 43.75rem;
}

.swiper-slide.is-app {
  width: 31.25rem;
}

.swiper-slide.is-serve {
  flex: 18.9%;
  height: 15rem;
  transition: all .5s;
}

.swiper-slide.is-serve:hover {
  flex: 0 0 30%;
}

.swiper-slide.is-testimonials {
  width: 32.75rem;
  height: 37.5rem;
}

.swiper-slide.is-hero {
  width: 21.6875rem;
}

/* allow interactions only on active hero-fade slide */
.swiper-slide.is-herotime.swiper-slide-active {
  pointer-events: auto;
}

.swiper-slide.industry-card.is-6, .swiper-slide.industry-card.is-7 {
  margin-top: -12rem;
}

.swiper-slide.is-herotime {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  pointer-events: none;
}

.first-swiper-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.first-swiper-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.section_mv {
  margin-bottom: 2.5rem;
  padding-top: 1.5rem;
}

.mv-content-wrap {
  background-color: var(--alabaster);
}

.h2-heading {
  width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 120%;
}

.h2-heading.is-team {
  width: 90%;
}

.h2-heading.is-mission {
  width: 100%;
}

.h2-heading.is-temp {
  width: 34%;
  font-size: 4rem;
  font-weight: 500;
  display: flex;
}

.h2-heading.is-app {
  width: 50%;
  font-size: 4rem;
  font-weight: 500;
}

.h2-heading.is-distributor {
  width: 100%;
  font-size: 3rem;
}

.mv-grid-wrap {
  grid-column-gap: 7.5rem;
  grid-row-gap: 7.5rem;
  grid-template-rows: auto;
  grid-template-columns: .25fr .75fr .5fr;
  grid-auto-columns: 1fr;
  margin-top: 2.5rem;
  display: grid;
}

.mv-grid-block {
  border-radius: .25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.mv_image {
  object-fit: cover;
  border-radius: .25rem;
  width: 100%;
  height: 100%;
}

.mv-content-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.mv-block {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-small {
  color: #1b1b1b99;
  text-transform: uppercase;
  font-family: DM Mono, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
  display: none;
}

.mv-sun {
  width: 15.625rem;
  height: 15.625rem;
}

.section_team {
  border-bottom: 1px solid #1b1b1c1a;
  padding-top: 9.375rem;
  padding-bottom: 8.75rem;
  display: none;
  overflow: hidden;
}

.team-title-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.75fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mv-contect-text {
  width: 100%;
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
}

.mv-contect-text.is-1 {
  width: 100%;
}

.team-title-body-text {
  opacity: .75;
  width: 45%;
  padding-top: 1.5rem;
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}

.team-block {
  color: var(--black);
  cursor: pointer;
  text-decoration: none;
}

.tm-image-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tm-image {
  width: 100%;
  height: 100%;
}

.tm-info-wrap {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.tm-name {
  color: var(--black);
  margin-top: .5rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 150%;
}

.profile-wrap {
  background-color: var(--black);
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: all .5s;
  display: flex;
}

.profile-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.fill-line {
  background-color: #1b1b1c1a;
  width: 0%;
  height: 1px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  transition: all .5s;
}

.section_mission {
  padding-top: 9.375rem;
  padding-bottom: 9.375rem;
  overflow: hidden;
}

.mission-title-wrap {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.arrow-wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.arrow {
  background-color: var(--black);
  cursor: pointer;
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: all .3s;
  display: flex;
}

.arrow:hover {
  background-color: var(--orange);
}

.arrow.prev1 {
  position: absolute;
  inset: 50% auto 50% 0%;
}

.arrow.next1 {
  position: absolute;
  inset: 50% 0% 50% auto;
}

.arrow.next3 {
  position: absolute;
  inset: 50% .625rem 50% auto;
}

.arrow.prev3 {
  position: absolute;
  inset: 50% auto 50% .625rem;
}

.arrow-icon {
  width: 1.25rem;
  height: 1.25rem;
}

.mission-block {
  background-color: var(--alabaster);
  color: var(--black);
  cursor: pointer;
  border-radius: .25rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 22.5rem;
  padding: 2.5rem;
  transition: all .4s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mission-block:hover {
  color: var(--white);
}

.team-block:hover .fill-line { width: 100%; }
.team-block:hover .profile-wrap {background: #FF6600;color: #FFF;}
.mission-block:hover  img.bg-image {opacity: 1;}
.swiper-slide.is-mission.swiper-slide-active img.bg-image {
    opacity: 1;
}
.swiper-slide.is-mission.swiper-slide-active .mission-block {
    color: white;
}

.mission-body-text {
  opacity: .75;
  width: 70%;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
}

.mission-date-block {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.mission-month {
  opacity: .6;
  text-transform: uppercase;
  font-family: DM Mono, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 150%;
  display: none;
}

.mission-year {
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 120%;
}

.bg-image {
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  transition: all .4s;
  position: absolute;
  inset: 0%;
}

.swiper-pagination-mission {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.5rem;
  display: none;
}

.section_fiberglass {
  padding-top: 16rem;
  padding-bottom: 6.25rem;
  position: relative;
}

.bg_black {
  background-color: var(--black);
  pointer-events: none;
  width: 100%;
  height: 41.25rem;
  position: absolute;
  inset: 0% 0% auto;
}

.fiber_block {
  background-color: var(--white);
  text-align: center;
  border-radius: .25rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.fiber-title {
  width: 70%;
  margin-top: .5rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 150%;
}

.cate-slide-img {
  z-index: 0;
  width: 100%;
}

.cate-slide-img.is-absolet.is-padd {
  object-fit: cover;
  width: 18.75rem;
  height: 18.75rem;
  margin-bottom: 1rem;
}

.hero-btn-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 2.5rem;
  display: none;
}

.section_cases {
  border-top: 1px solid #1b1b1b1a;
  position: relative;
}

.cases-conten-wrap {
  z-index: 0;
  grid-column-gap: 6.375rem;
  grid-row-gap: 6.375rem;
  background-color: var(--alabaster);
  color: var(--black);
  grid-template-rows: auto;
  grid-template-columns: .3fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
  position: relative;
}

.cases-conten-wrap.is-blck {
  z-index: 0;
  background-color: var(--black);
  color: var(--white);
}

.cases-conten-wrap.active {
  z-index: 1;
}

.case-link-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.case-link-wrapper.is-odd {
  margin-top: -30rem;
}

.case-link-wrapper.is-simple {
  margin-top: -30rem;
  margin-bottom: 12.65rem;
  display: flex;
}

.case-link {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  opacity: .4;
  justify-content: flex-start;
  align-items: center;
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.case-icon {
  opacity: 0;
  width: 1rem;
  height: 1rem;
}

.case-icon.is-opacity {
  transition: all .3s;
}

.case-left {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding-top: 6.375rem;
  padding-bottom: 9.375rem;
  padding-left: 6.375rem;
  display: none;
}

.case-right {
  border-left: 1px solid #1b1b1b1a;
  padding-left: 6.375rem;
  padding-right: 9.375rem;
}

.case-right.is-odd {
  border-left-color: #ffffff1a;
}

.case-title {
  margin-top: .75rem;
  margin-bottom: 2rem;
  font-size: 3rem;
  font-weight: 500;
  line-height: 150%;
}

.case-title.is-padd {
  margin-bottom: 1.5rem;
}

.first-imag-wrap {
  border-radius: .25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.first-imag-wrap.is-padd {
  margin-bottom: 0;
}

.case-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.key_features {
  border-top: 1px solid #1b1b1b1a;
  border-bottom: 1px solid #11bb111a;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.key_features.is-odd {
  border-top-color: #ffffff1a;
  border-bottom-color: #ffffff1a;
}

.key_features.is-odds {
  border-bottom-style: none;
  margin-top: 2.5rem;
  padding-bottom: 0;
}

.key_features.is-odd-blck {
  border-top-color: #ffffff1a;
  border-bottom-style: none;
  border-bottom-color: #ffffff1a;
  margin-top: 2.5rem;
  padding-bottom: 0;
}

.key_features.is-bene {
  border-bottom-style: none;
}

.case-small_title {
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 150%;
}

.common-wrap {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  margin-top: 2rem;
  display: grid;
}

.common-wrap.is-gap {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  width: 75%;
}

.common-block {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.125rem;
  display: grid;
}

.common-block.is-pass {
  border-right: 1px solid #0000001a;
  padding-right: 2rem;
}

.common-block.is-middle {
  border-right: 1px solid #0000001a;
  margin-right: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.common-title {
  flex: none;
  width: 100%;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
}

.common-title.is-lex {
  flex: 0 auto;
}

.common-icon {
  flex: none;
  width: 3rem;
  height: 3rem;
}

.application {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  display: none;
}

.application-title {
  font-size: 3rem;
  font-weight: 500;
  line-height: 140%;
}

.app-gid {
  grid-column-gap: 1.375rem;
  grid-row-gap: 1.375rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1.875rem;
  display: flex;
}

.app-img {
  border-radius: .25rem;
  margin-top: .625rem;
  margin-bottom: 1rem;
}

.app-title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 150%;
}

.benefits {
  border-top: 1px solid #1b1b1c1a;
  padding-top: 3.75rem;
}

.benefits.is-odd {
  border-top-color: #ffffff1a;
}

.case-block {
  padding-top: 6.375rem;
  padding-bottom: 6.375rem;
}

.casetitle-small {
  opacity: .6;
  text-transform: uppercase;
  font-family: DM Mono, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
}

.section_aramid {
  background-color: var(--white);
  border-bottom: 1px solid #1b1b1b1a;
  padding-top: 11rem;
  padding-bottom: 8rem;
}

.aramid-body-text {
  opacity: .75;
  font-size: 1.25rem;
  line-height: 150%;
}

.aramid-block {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.aramid-text {
  text-transform: uppercase;
  font-family: DM Mono, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 140%;
}

.aramid-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.section_temprature {
  background-color: var(--white);
  padding-top: 6.25rem;
  padding-bottom: 7.5rem;
}

.temp-content {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.svg-wrap {
  width: 27.5rem;
  margin-bottom: 1.25rem;
}

.svg-frame {
  width: 100%;
  height: 100%;
}

.temp-body-text {
  opacity: .75;
  width: 40%;
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  line-height: 150%;
}

.section_application {
  background-color: var(--alabaster);
  padding-top: 9.375rem;
  padding-bottom: 8.75rem;
  overflow: hidden;
}

.section_application.is-none {
  display: none;
}

.app-text {
  opacity: .6;
  text-transform: uppercase;
  font-family: DM Mono, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 140%;
}

.app-body-text {
  opacity: .75;
  width: 65%;
  font-size: 1rem;
  line-height: 150%;
}

.temp-grid-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  place-items: end stretch;
  display: grid;
}

.swiper-pagination-app {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 2.5rem;
  display: none;
}

.section_properties {
  background-color: var(--alabaster);
  border-top: 1px solid #1b1b1b1a;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.prppertie-frame {
  width: 100%;
  height: 100%;
  display: none;
}

.prppertie-frame-wrap {
  margin-top: -1.5%;
}

.prop-body-text {
  opacity: .75;
  width: 40%;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  line-height: 150%;
}

.section_industries {
  padding-top: 17.25rem;
  padding-bottom: 9.375rem;
}

.serve-block {
  color: var(--white);
  cursor: pointer;
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/g3-3_1g3 (3).avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: .25rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 15rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.serve-block.is-1 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Transformer-And-Coil-Construction_1Transformer And Coil Construction.avif');
}

.serve-block.is-2 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Motor-Constructions_1Motor Constructions.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.serve-block.is-3 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Generator-Construction_1Generator Construction.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.serve-block.is-4 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/High-Temperature-Applications_1High Temperature Applications.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.serve-block.is-5 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Electrical-Vehicles_1Electrical Vehicles.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.serve-block.is-6 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Capacitor-Construction_1Capacitor Construction.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.serve-block.is-7 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Miscellaneouse_2Miscellaneouse.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.conte-wrap {
  width: 100%;
  padding: 1.5rem;
  position: absolute;
}

.index {
  text-transform: uppercase;
  font-family: DM Mono, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 150%;
}

.serve-cntent {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.5rem;
  transition: all .5s;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  transform: translate(0, 100%);
}

.title-serve {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 140%;
}

.serve-icon {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.servegird-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  margin-top: 3.75rem;
  display: grid;
}

.ws-image {
  width: 21.375rem;
  height: 21.375rem;
}

.serve-animetext {
  width: 100%;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 140%;
}

.section_electro {
  background-color: var(--black);
  color: var(--white);
  height: 100vh;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  position: relative;
  overflow: hidden;
}

.electro-block {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.electro-top {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.index-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 2.75rem;
  height: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.index-no {
  opacity: 0;
  font-family: DM Mono, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  position: absolute;
  inset: 0%;
}

.index-no.active {
  opacity: 1;
}

.electro-title-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25rem;
  height: 7.5rem;
  margin-top: -.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.electro-title {
  opacity: 0;
  width: 100%;
  height: 100%;
  font-size: 3rem;
  font-weight: 500;
  line-height: 140%;
  position: absolute;
}

.electro-title.is-1 {
  opacity: 100;
}

.electro-bottom {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 2fr .85fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.index-block {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  opacity: .5;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 0;
  transition: all .4s;
  display: flex;
}

.index-block.is-2 {
  position: static;
}

.index-block.is-6 {
  margin-left: -.2rem;
}

.index-block.is-7 {
  margin-left: -.8rem;
}

.pagination-title {
  font-size: 1.25rem;
  line-height: 150%;
}

.index-number {
  opacity: .6;
  text-transform: uppercase;
  font-family: DM Mono, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 150%;
}

.electro-left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}

.electro-right {
  background-color: #1b1b1c;
  border: 1px solid #1b1b1b1a;
  border-radius: .25rem;
  width: 30rem;
  height: 24rem;
  position: relative;
  overflow: hidden;
}

.electro-content {
  opacity: 0;
  padding: 2.5rem;
  position: absolute;
  inset: 0%;
}

.electro-content.active {
  z-index: 1;
  opacity: 1;
}

.title-smalls {
  opacity: .6;
  text-transform: uppercase;
  font-family: DM Mono, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}

.electro-text {
  opacity: .75;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  line-height: 150%;
}

.btn-link {
  color: var(--orange);
  justify-content: flex-start;
  align-items: center;
  margin-top: 1rem;
  text-decoration: none;
  display: flex;
}

.progress {
  position: relative;
}

.section_herocertification {
  background-color: var(--black);
  color: var(--white);
  padding-top: 19.125rem;
  padding-bottom: 7.5rem;
  position: relative;
  overflow: hidden;
}

.hero-certification-flex {
  grid-column-gap: 6.25rem;
  grid-row-gap: 6.25rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.certifiation-body-text {
  opacity: .75;
  width: 20%;
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 120%;
}

.certification-hero-col.is-top {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.cont-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 2fr .6fr;
  grid-auto-columns: 1fr;
  place-items: end;
  display: grid;
  position: relative;
}

.section_certification_block {
  background-color: var(--alabaster);
  height: 300vh;
  padding-top: 9.375rem;
  padding-bottom: 9.375rem;
}

.certification-grid-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--alabaster);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.certi-left {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.certi-block {
  grid-column-gap: 8.5rem;
  grid-row-gap: 8.5rem;
  opacity: .2;
  color: var(--black);
  border-bottom: 1px solid #1b1b1b1a;
  padding-bottom: 3.75rem;
  transition: all .3s;
  display: flex;
}

.certi-block.active {
  opacity: 1;
}
.certi-right .certi-image {
  opacity: 0;
  transition: opacity .3s;
}
.certi-right .certi-image.active {
  opacity: 1;
}
/* Responsive helpers for utility pages */
.utility-page-content { max-width: 640px; margin: 0 auto; padding: 2rem; }
.utility-page-content img { max-width: 100%; height: auto; }
@media (max-width: 991px) {
  .utility-page-content { padding: 1.5rem; }
}
@media (max-width: 767px) {
  .utility-page-content { padding: 1rem; }
  .w-password-page.w-input { width: 100%; }
  .swiper-slide.is-mission { width: 100%; }
  .team-title-body-text { width: 100%; }
}

.certi-img-wrap {
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 7.5rem;
  height: 7.5rem;
  display: flex;
}

.certi-img {
  width: 100%;
  height: 100%;
}

.certi-title {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

.certi-text {
  opacity: .75;
  width: 80%;
  font-size: 1.25rem;
  line-height: 150%;
}

.certi-right {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  height: 51.125rem;
  display: flex;
  position: relative;
}

.certi-image {
  opacity: 0;
  object-fit: cover;
  height: 100%;
  transition: all .3s;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.certi-image.active {
  opacity: 1;
}

.section_testimonials {
  padding-top: 7.5rem;
  padding-bottom: 3.75rem;
  display: none;
  overflow: hidden;
}

.testimonilals-block {
  background-color: var(--alabaster);
  color: var(--black);
  cursor: pointer;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: 3.75rem;
  transition: all .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonilals-block:hover {
  background-color: var(--black);
  color: var(--white);
}

.swiper-pagination-testimonials {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 2.5rem;
  display: flex;
}

.iconw-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 1.5rem;
  display: flex;
  position: relative;
}

.icon {
  transition: all .4s;
  position: absolute;
  inset: 0% 0% auto;
}

.icon.is-white {
  opacity: 0;
}

.testimonials-content-text {
  width: 99%;
  margin-top: 2.5rem;
  font-size: 1.75rem;
  line-height: 130%;
}

.test-infocap {
  text-transform: uppercase;
  margin-top: .5rem;
}

.test-icn {
  width: 12.6875rem;
  height: 16.4375rem;
  transition: all .4s;
  position: absolute;
  inset: auto 0% 0% auto;
}

.test-icn.is-opacity {
  opacity: 0;
}

.test-icon {
  width: 100%;
  height: 100%;
}

.section_hero-contact {
  border-bottom: 1px solid #1b1b1b1a;
  padding-top: 17.25rem;
  padding-bottom: 5rem;
}

.section_enquiry {
  border-bottom: 1px solid #1b1b1b1a;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

/* .enquiry-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
} */

.enquiry-block {
  background-color: var(--white);
  color: var(--black);
  border-radius: .25rem;
  flex-flow: column;
  display: flex;
  overflow: hidden;
  margin-bottom: 20px;
}

.enquiry-top {
  padding: 2rem 2rem 3.625rem;
}

.enquiry-title {
  margin-top: 1rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 130%;
}

.contact-link {
  color: var(--black);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: .5rem;
  text-decoration: underline;
  transition: all .4s;
  display: block;
}

.contact-link:hover {
  color: var(--orange);
}

.contact-arrow {
  width: 1rem;
  height: 1rem;
}

.cnt-text {
  text-transform: uppercase;
  font-size: 1.125rem;
}

.section_get_touch {
  padding-top: 3.75rem;
  padding-bottom: 9.375rem;
}

.get-grid-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.get-grid-wrap .get-left {
  width: 80%;
}

.get-text {
  width: 50%;
  font-size: 4rem;
  font-weight: 500;
  line-height: 120%;
}

.label {
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
}

.text-field {
  color: #1b1b1c66;
  background-color: #fff0;
  border: 1px #000;
  border-bottom: 1px solid #1b1b1b1a;
  height: auto;
  margin-bottom: 0;
  padding: 1.375rem 0 1.6875rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 130%;
}

.text-field.is-text-area {
  min-height: 12.5rem;
}

.label-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.submit-btn {
  text-transform: uppercase;
  background-color: #3898ec00;
  margin-left: -1rem;
  padding: 0;
  font-size: .75rem;
  line-height: 130%;
  position: absolute;
  inset: 0%;
}

.form {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.form-block {
  margin-bottom: 0;
}

.swiper-pagination-first {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 2.5rem;
  display: none;
}

.about-script, .about-style, .fiber-scrpt, .aramid-script {
  display: none;
}

.swiper-pagination-aramid, .swiper-pagination-serve {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 2.5rem;
  display: none;
}

.industries_script, .serve-style, .testimonials_script, .certification-style {
  display: none;
}

/*.category-swiper {*/
/*  z-index: 99;*/
/*  grid-column-gap: .625rem;*/
/*  grid-row-gap: .625rem;*/
/*  flex-flow: column;*/
/*  justify-content: flex-end;*/
/*  align-items: stretch;*/
/*  padding: 1.25rem;*/
/*  transition: all .4s ease-in-out;*/
/*  display: flex;*/
/*  position: fixed;*/
/*  inset: auto 0% 0%;*/
/*  transform: translate(0, 100%);*/
/*}*/

/*.category-swiper.is-active {*/
/*  transform: translate(0);*/
/*}*/
.category-swiper {
  z-index: 99;
  display: flex;
  flex-direction: column;
margin: 0 1.25rem;
  position: fixed;
  /*top: 60px; */
  /*left: 0;*/
  inset: 60px 0% auto;
  /*width: 100%;*/
height: 0px;
  pointer-events: none;
overflow: hidden;
border-radius: 6px;
  transition: height 0.6s ease;
}

.category-swiper.is-active {
  height: 85vh;
  overflow: auto;
  pointer-events: auto;
}

.is-hero_block {
  background-color: var(--white);
  text-align: center;
  border-radius: .25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 1.75rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.is-hero_block.is-paddig {
  justify-content: flex-end;
  align-items: center;
  padding-top: 0;
}

.pagination-wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--alabaster);
  border-radius: .25rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: .625rem;
  padding: .75rem 1.5rem .75rem .75rem;
  display: flex;
}

.close-icon-wrap {
  cursor: pointer;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.close-icon {
  width: 1.25rem;
  height: 1.25rem;
}

.discover-txt {
  text-transform: uppercase;
  flex: none;
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 150%;
}

.home_script {
  display: none;
}

.industry-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  position: absolute;
  inset: 0%;
}

.home-style {
  display: none;
}

.product-img {
  width: 100%;
  height: 100%;
  transition: all .3s;
}

.product-icon-wrap {
  z-index: 1;
  background-color: var(--black);
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: all .3s;
  display: flex;
  position: absolute;
  inset: 2rem 2rem auto auto;
}

.product-icon {
  width: 1rem;
  height: 1rem;
}

.mobile-title {
  display: none;
}

.swiper-pagination-ind {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 2.5rem;
  display: none;
}

.navbar-menu {
  z-index: 1001;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: stretch stretch;
  height: 100vh;
  padding: 6.25rem 1.25rem 1.25rem;
  display: flex;
  position: fixed;
  inset: 0%;
  transform: translate(0, -100%);
  transition: transform .3s ease;
  overflow: auto;
}

.navbar-menu.is-active { transform: translate(0, 0); }

.nav-top {
  text-transform: uppercase;
  border-bottom: 1px solid #1b1b1b;
  padding-bottom: 1rem;
  font-family: DM Mono, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
}

.nav-middle {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
}

.nav-link {
  font-size: 2rem;
  line-height: 140%;
  text-decoration: none;
}

/* Mobile Product Category dropdown */
.navbar-menu .nav-drop { width: 100%; }
.navbar-menu .nav-drop-title { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.navbar-menu .nav-drop-title .nav-link { font-size: 2rem; line-height: 140%; }
.navbar-menu .nav-drop .drop-icon { width: 2rem; height: 1.5rem; transition: transform .25s ease; }
.navbar-menu .nav-drop.is-open .nav-drop-link{
    display: block !important;
}
.navbar-menu .nav-drop.is-open .drop-icon { transform: rotate(180deg); }
.navbar-menu .nav-drop-link { display: none; padding-left: .5rem; margin-top: 1rem; }
.navbar-menu .nav-drop-link .link-wrap { display: flex; flex-direction: column; }
.navbar-menu .nav-drop-link .nav-link { font-size: 1.125rem; line-height: 150%; padding: .25rem 0; color: var(--black); }
.navbar-menu .nav-drop-link .nav-link:hover { color: var(--orange); }

.nav-categories { margin-top: 1.5rem; }
.nav-subtitle { text-transform: uppercase; border-bottom: 1px solid #1b1b1b; padding-bottom: .5rem; font-family: DM Mono, Arial, sans-serif; font-size: 1rem; line-height: 150%; }
.nav-cat-link { display: block; color: var(--black); text-decoration: none; padding: .5rem 0; font-size: 1.125rem; }
.nav-cat-link:hover { color: var(--orange); }

.menu-wrap {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  border-radius: .25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: none;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.h-line {
  z-index: 99999;
  background-color: var(--white);
  width: 15px;
  height: 1px;
  position: relative;
}

.bg-span {
  background-color: var(--black);
  position: absolute;
  inset: 0%;
  transform: translate(0, -100%);
  pointer-events: none;
  transition: transform .3s ease;
  z-index: 1000;
}
.bg-span.is-active { transform: translate(0, 0); pointer-events: auto; }

.sticky-blovk {
  display: none;
}

.harnawa-intro-video {
  pointer-events: none;
}

.button-icon-box {
  z-index: 1;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  width: 1rem;
  height: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-bg {
  background-color: var(--white);
  width: 100%;
  height: 100%;
  transition: all .5s ease-in-out;
  position: absolute;
  inset: 0% auto 0% -100%;
}

.button-bg.is-alabaster {
  background-color: var(--alabaster);
}

.button-bg.is-blck {
  background-color: var(--black);
}

.button-text {
  z-index: 1;
  position: relative;
}

.overlays {
  z-index: 98;
  opacity: 0;
  pointer-events: none;
  /*background-color: rgba(27,27,28,0.8);*/
  background-color: rgb(255 255 255 / 50%);
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
  transition: opacity .2s ease;
}
.overlays.is-active {
  opacity: 1;
  pointer-events: auto;
}

.menu-link-block {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--white);
  align-items: center;
  display: flex;
}

.menu-link-arrow {
  width: 1rem;
  height: 1rem;
}

.category-progress-box {
  background-color: #1b1b1c33;
  width: 100%;
  height: 2px;
  overflow: hidden;
}

.category-progress {
  background-color: var(--orange);
  width: 0%;
  height: 100%;
  transition: all .4s ease-in-out;
}

.cate-slide-title-small {
  z-index: 1;
  color: #1b1b1b99;
  text-transform: uppercase;
  font-family: DM Mono, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
  position: relative;
}

.cate-slide-title {
  z-index: 1;
  width: 94%;
  margin-top: .5rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 150%;
  position: relative;
}

.point-image {
  z-index: 0;
  pointer-events: none;
  object-fit: cover;
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/g3-3_1g3 (3).avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 100%;
  height: 103%;
  position: absolute;
  inset: 0%;
}

.point-image.is-1 {
  background-image: linear-gradient(to bottom, null, null), url('../images/Transformer-And-Coil-Construction_1Transformer And Coil Construction.avif');
}

.point-image.is-2 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Motor-Constructions_1Motor Constructions.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.point-image.is-3 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Generator-Construction_1Generator Construction.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.point-image.is-4 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/High-Temperature-Applications_1High Temperature Applications.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.point-image.is-5 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Electrical-Vehicles_1Electrical Vehicles.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.point-image.is-6 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Capacitor-Construction_1Capacitor Construction.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.point-image.is-7 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Miscellaneouse_2Miscellaneouse.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.stick-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.cermi-image {
  object-fit: cover;
  display: none;
}

.case-left-wr {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding-top: 6.375rem;
  padding-bottom: 9.375rem;
  padding-left: 3rem;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.stick {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 6.25rem;
}

.top {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 2.5rem 0% auto;
}

.section_applications {
  background-color: var(--white);
  padding-top: 9.125rem;
  padding-bottom: 9.125rem;
}

.section_applications.is-none {
  display: none;
}

.app-h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 120%;
}

.imag-app-swrap {
  background-color: var(--alabaster);
  width: 100%;
  height: 31.25rem;
  margin-top: .625rem;
  margin-bottom: 1rem;
}

.apps-title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 140%;
}

.case-body-text {
  text-align: justify;
  width: 100%;
  margin-top: 1rem;
  font-size: 1.25rem;
  line-height: 150%;
}

.body-case-text {
  margin-bottom: 2rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
}

.section_ultimate {
  background-color: var(--white);
  padding-top: 9.375rem;
  padding-bottom: 7.5rem;
}

.engits-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.common-video-wrap {
  background-color: var(--alabaster);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 43.75rem;
  margin-top: 2.5rem;
  display: flex;
}

.section_elantas-content {
  padding-top: 7.5rem;
  padding-bottom: 9.375rem;
}

.imag-app-swrap-whiite {
  background-color: var(--white);
  width: 100%;
  height: 31.25rem;
  margin-top: .625rem;
  margin-bottom: 1rem;
}

.elantas-content {
  border-top: 1px solid #1b1b1b1a;
  border-bottom: 1px solid #1b1b1b1a;
  margin-top: 5rem;
  margin-bottom: 5rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.elantas-content.is-none {
  display: none;
}

.eln-small_title {
  margin-bottom: 2.5rem;
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 150%;
}

.elan-grid {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.elan-block {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-right: 1px solid #1b1b1b1a;
  justify-content: flex-start;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.elan-block.is-lat {
  border-right-style: none;
  justify-content: flex-start;
  align-items: center;
}

.elan-block.is-first {
  padding-left: 0;
}

.swip-image {
  object-fit: cover;
  background-image: url('../images/67d11ad100b7e59f37340785_homebanner2 (1).avif');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.swip-image.is-1 {
  background-image: url('../images/67d11ad1d2b8ded4947c1a0f_homebanner2 (2).avif');
}

.swip-image.is-2 {
  background-image: url('../images/67ce89895622623702f1ed9d_Heo Banner.avif');
}

.swip-image.is-3 {
  background-image: url('../images/67d11ad100b7e59f37340785_homebanner2 (1).avif');
}

.drop-down-menu {
  margin-left: 0;
  margin-right: 0;
}

.droptitle {
  cursor: pointer;
}

.drop-icon {
  transition: all .3s;
}

.droptitle.open .drop-icon.w-embed { rotate: 180deg; }
.about-text .word { opacity: 0.3; transition: 0.3s; }
.button:hover .button-bg, a.hero-button:hover .button-bg { left: 0%; }
.button:hover, a.hero-button:hover { color: #1B1B1C !important; transition-delay: 0.2s; }
.button:hover .button-icon, a.hero-button:hover .button-icon { transform: translateX(0%); }
a.blog-list-link-box:hover .blog-list-title,
a.latest-blog-grid:hover .latest-blog-title { color: #FF6600; }
.testimonilals-block:hover img.icon.is-white { opacity: 1; }
.testimonilals-block:hover .test-icn.is-opacity.w-embed { opacity: 1; }
.testimonilals-block:hover img.icon.is-white { opacity: 1; }
.testimonilals-block:hover .test-icn.is-opacity.w-embed { opacity: 1; }
@media only screen and (max-width: 991px) {
  span.swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 100%; flex: none; background: #F3F1E9; }
  span.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FF6600; }
}

.drop-link {
  display: none;
}

.solutions-body-txt {
  color: #1b1b1cbf;
  margin-top: 2.5rem;
  margin-bottom: 3.75rem;
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
}

.sol-btn {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.common-video-wrap-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.key_features-elanta {
  border-bottom: 1px solid #0000001a;
  margin-bottom: 3.75rem;
  padding-bottom: 3.75rem;
}

.cpmmon-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.home-hero-content {
  z-index: 1;
  color: var(--white);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 10rem;
}

.aramid-paper-wrap {
  width: 37.5rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.aramid-paper-desc-block {
  grid-column-gap: 6.25rem;
  grid-row-gap: 6.25rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 3.75rem;
  display: flex;
}

.aramid-paper-desc-title {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 120%;
}

.aramid-paper-desc-content {
  opacity: .75;
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
}

.data-table {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.data-table-head {
  background-color: var(--black);
  color: var(--white);
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff1a;
  flex-flow: column;
  justify-content: center;
  padding: 1.25rem 1.25rem 1.25rem 1.5rem;
  font-family: DM Mono, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  display: flex;
}

.data-table-head.is-gray {
  background-color: var(--alabaster);
  color: var(--black);
  border-bottom-color: #1b1b1c1a;
}

.data-table-body {
  background-color: var(--white);
  color: var(--black);
  border-top: 1px solid #1b1b1c1a;
  border-bottom: 1px solid #ffffff1a;
  border-right: 1px solid #1b1b1c1a;
  flex-flow: column;
  justify-content: center;
  padding: 1.25rem 1.25rem 1.25rem 1.5rem;
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
  display: flex;
}

.category-desc-center {
  text-align: center;
  flex-flow: column;
  width: 51rem;
  margin-top: 7.5rem;
  margin-left: auto;
  margin-right: auto;
}

.category-desc-title {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 120%;
}

.category-desc-text {
  opacity: .75;
  font-size: 1.25rem;
  line-height: 150%;
}

.case-data-block {
  margin-top: 3.75rem;
  margin-bottom: 1rem;
}

.case-data-table {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-top: 1rem;
  display: grid;
}

.aramid-paper-wrap-2 {
  width: 30rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.case-dex-block {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}

.category-title-grid {
  grid-column-gap: 6.25rem;
  grid-row-gap: 6.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: stretch stretch;
  display: flex;
}

.category-h2 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 500;
  line-height: 120%;
}

.mv-container {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.cat-container {
 margin-top: 2.5rem;
}

.cat-wrapper {
  display: flex;
}

.cat-slider {
  background-color: var(--white);
  border-radius: .0625rem;
  flex: none;
  width: 25rem;
  height: 31.25rem;
  overflow: hidden;
}

.industry-point-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  margin-top: .75rem;
  display: flex;
}

.industry-point {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1.5fr;
  grid-auto-columns: 1fr;
  align-items: center;
  font-size: 1.25rem;
  display: flex;
}

.industry-point-icon {
  width: 1rem;
  height: 1rem;
}

.trust-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.trust-content-block {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  display: flex;
}

.trust-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.h3-heading-trust {
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 120%;
}

.h3-heading-trust.is-team {
  width: 90%;
}

.h3-heading-trust.is-mission {
  width: 100%;
}

.h3-heading-trust.is-temp {
  width: 34%;
  font-size: 4rem;
  font-weight: 500;
}

.h3-heading-trust.is-app {
  width: 50%;
  font-size: 4rem;
  font-weight: 500;
}

.trust-contect-text {
  opacity: .75;
  margin-top: 1.5rem;
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
}

.trust-contect-text.is-1 {
  width: 100%;
}

.trust-content-separator {
  background-color: #1b1b1c33;
  width: 100%;
  height: 1px;
}

.section_why_us {
  padding-top: 9.375rem;
}

.why-us-center-block {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.5rem;
  display: flex;
}

.why-us-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5rem;
}

.why-us-container {
   grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
}

.why-us-card {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  background-color: var(--alabaster);
  border-radius: .25rem;
  flex-flow: column;
  height: 100%;
  padding: 3.75rem;
  display: flex;
}

.why-us-card-icon {
  width: 5rem;
  height: 5rem;
}

.why-us-card-title {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

.why-us-card-text {
  opacity: .75;
  width: 100%;
  font-size: 1.25rem;
  line-height: 150%;
}

.section_electrical_insulation {
  padding-top: 9.375rem;
  padding-bottom: 9.375rem;
}

.electrical-insulation-block {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 60rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.electrical-insulation-table {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 1rem;
  display: grid;
}

.electrical-insulation-head-col {
  background-color: var(--black);
  color: var(--alabaster);
  text-transform: uppercase;
  border-right: 1px solid #ffffff1a;
  padding: 1.25rem;
  font-family: DM Mono, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 150%;
}

.electrical-insulation-body-col {
  background-color: var(--white);
  color: var(--black);
  text-transform: uppercase;
  border-bottom: 1px solid #1b1b1c1a;
  border-left: 1px solid #1b1b1c1a;
  border-right: 1px solid #1b1b1c1a;
  padding: 1.25rem;
  font-family: DM Mono, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 150%;
}

.electrical-insulation-body-col.is-left {
  border-right-style: none;
}

.section_disctributors {
  border-top: 1px solid #1b1b1c33;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.distributor-container {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.distributor-container.is-home {
  border-bottom: 1px solid #1b1b1c1a;
  margin-bottom: 5rem;
  padding-bottom: 5rem;
}

.distributor-logos-flex {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  display: flex;
}

.distributor-logo {
  height: 3.125rem;
}

.distributor-separator {
  background-color: #1b1b1c33;
  width: 1px;
  height: 3.125rem;
}

.why-us-swiper-pagination {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 2.5rem;
  display: none;
}

.egcg-desc-block {
  grid-column-gap: 6.25rem;
  grid-row-gap: 6.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 3.75rem;
}

.varnishes-thinner-table-block {
  justify-content: space-between;
  align-items: center;
  margin-top: 3.75rem;
  display: flex;
}

.varnishes-thinner-table-image {
  width: 100%;
}

.section_aramid_desc {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.services-grid {
  grid-column-gap: 6.25rem;
  grid-row-gap: 6.25rem;
  text-align: left;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  display: grid;
}

.services-grid.is-hero {
  align-items: end;
}

.services-right {
  grid-column-gap: 7.625rem;
  grid-row-gap: 7.625rem;
  justify-content: space-between;
  align-items: flex-end;
}

.services-right.is-right {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.services-right.is-hero {
  grid-column-gap: 7.625rem;
  grid-row-gap: 7.625rem;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.section_hero_services {
  border-bottom: 1px solid #1b1b1b1a;
  padding-top: 17.25rem;
  padding-bottom: 5rem;
}

.sercion_services {
  border-bottom: 1px solid #1b1b1b1a;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.sercion_services.is-last {
  padding-bottom: 9.375rem;
}

.service-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.service-title {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 120%;
}

.service-text {
  color: #1b1b1cbf;
  margin-bottom: .75rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
}

.service-small-text {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.service-pointer {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1rem 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: .75rem;
  font-size: 1.25rem;
  display: grid;
}

.service-pointer-icon {
  width: 1rem;
  height: 1rem;
}

.service-pointer-text {
  color: #1b1b1cbf;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
}

.text-block {
  font-size: .875rem;
}

.aramid-paper-desc-title-download {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  line-height: 120%;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.contact-link-mail {
  background-color: var(--orange);
  color: var(--white);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 2rem;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.contact-link-mail:hover {
  background-color: var(--white);
  color: var(--black);
}
.small-title ,
.office-loc-title {
  /* margin-top: 3.75rem; */
  margin-bottom: 2rem;
  font-size: 1.5rem;
  line-height: 120%;
}

.section_latest_blog {
  padding-top: 17.25rem;
  padding-bottom: 3rem;
}

.latest-blog-wrapper {
  border-top: 1px solid #1b1b1c1a;
  margin-top: 2.5rem;
  padding-top: 3rem;
}

.latest-blog-grid {
  grid-column-gap: 7.5rem;
  grid-row-gap: 7.5rem;
  grid-template-rows: auto;
  grid-template-columns: 52.5rem 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: grid;
}

.latest-blog-img {
  object-fit: cover;
  width: 100%;
  height: 40rem;
}

.latest-blog-content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.latest-blog-title {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 130%;
  transition: all .4s ease-in-out;
}

.latest-blog-desc {
  opacity: .75;
  width: 50%;
  margin-bottom: 2rem;
  font-size: 1rem;
  line-height: 150%;
}

.blog-cat-date-box {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.blog-cat {
  background-color: var(--black);
  color: var(--white);
  text-transform: uppercase;
  border-radius: .125rem;
  padding: .25rem .4rem .1rem;
  font-size: .75rem;
  line-height: 150%;
}

.blog-date {
  opacity: .6;
  font-family: DM Mono, Arial, sans-serif;
  font-size: 1rem;
  line-height: 120%;
}

.blog-link {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--black);
  text-transform: uppercase;
  align-items: center;
  font-size: .875rem;
  line-height: 120%;
  text-decoration: none;
  transition: all .4s ease-in-out;
  display: flex;
}

.blog-link:hover {
  color: var(--orange);
}

.blog-link-icon {
  width: 1rem;
  height: 1rem;
}

.section_blog_list {
  border-top: 1px solid #1b1b1c1a;
  padding-top: 3.75rem;
  padding-bottom: 9.375rem;
}

.blog-tab-list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  margin-bottom: 2.5rem;
  display: flex;
}

.blog-tab-item {
  background-color: var(--white);
  color: var(--black);
  border-radius: .125rem;
  padding: .625rem 1rem;
  line-height: 120%;
}

.blog-tab-item.w--current {
  background-color: var(--orange);
  color: var(--white);
}

.blog-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 3.75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-list-item {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.blog-list-img {
  object-fit: cover;
  width: 100%;
  height: 25rem;
  margin-bottom: 1rem;
}

.blog-list-title {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 130%;
  transition: all .4s ease-in-out;
}

.section_blog_hero {
  border-bottom: 1px solid #1b1b1c1a;
  padding-top: 11.875rem;
  padding-bottom: 3.75rem;
}

.blog-hero-content {
  margin-bottom: 4rem;
  margin-left: 9.375rem;
  margin-right: 9.375rem;
}

.blog-detail-contianer {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 16.25rem 1fr;
  grid-auto-columns: 1fr;
  padding-left: 9.375rem;
  padding-right: 9.375rem;
  display: grid;
}

.blog-hero-title {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  font-size: 3rem;
  font-weight: 500;
  line-height: 130%;
}

.blog-hero-img {
  object-fit: cover;
  width: 100%;
  height: 50rem;
}

.section_blog_details {
  padding-top: 11.875rem;
  padding-bottom: 7.5rem;
}

.section_related_blogs {
  border-top: 1px solid #1b1b1c1a;
  padding-top: 5rem;
  padding-bottom: 7.5rem;
}

.blog-related-list-wrapper {
  margin-top: 2.5rem;
}

.blog-details-style {
  display: none;
}

.blog-share-box {
  position: relative;
}

.blog-share-sticky {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 12rem;
}

.blog-share-link {
  color: #1b1b1cbf;
  transition: all .4s ease-in-out;
}

.blog-share-link:hover {
  color: var(--orange);
}

.blog-share-link.is-copy {
  position: relative;
}

.blog-share-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.blog-list-link-box {
  text-decoration: none;
}

.blog-details-script {
  display: none;
}

.blog-share-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  display: flex;
}

.follow-on-linkedin-bar {
  z-index: 998;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--alabaster);
  opacity: 0;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  font-size: 1rem;
  transition: all .4s ease-in-out;
  display: flex;
  position: sticky;
  top: 8rem;
  transform: translate(0, -40%);
}

.follow-on-linkedin-bar.is-active {
  opacity: 100;
  pointer-events: auto;
  transform: translate(0);
}

.follow-on-linkedin-link {
  color: var(--orange);
  transition: all .4s ease-in-out;
}

.follow-on-linkedin-link:hover {
  color: var(--black);
}

.follow-on-linkedin-close {
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  position: absolute;
  inset: 50% 1.25rem 0% auto;
  transform: translate(0, -50%);
}

.follow-on-linkedin-close.is-active {
  opacity: 0;
  pointer-events: auto;
}

.follow-bar-script {
  display: none;
}

.blog-share-card {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 12rem;
}

.call-to-action-card {
  background-color: var(--alabaster);
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 2rem;
  padding: 1.5rem;
  display: flex;
}

.call-to-action-card-title {
  margin-top: -.5rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 130%;
}

.whatsapp-floating {
  z-index: 999;
  border-radius: 0;
  width: 5rem;
  height: 5rem;
  position: fixed;
  inset: auto 2rem 2rem auto;
}

.whatsapp-floating-icon {
  width: 100%;
  height: 100%;
}

.section_product {
  background-color: var(--alabaster);
  padding-top: 7rem;
  position: relative;
}

.product-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.product-left {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding-top: 6.375rem;
  padding-bottom: 9.375rem;
  padding-left: 3rem;
  display: flex;
}

.product-right {
  border-left: 1px solid #1b1b1b1a;
  padding-left: 6.375rem;
  padding-right: 9.375rem;
}

.product-right.is-odd {
  border-left-color: #ffffff1a;
}

@media screen and (max-width: 1240px) {
  .header {
    border-radius: 0px;
    padding: 8px 20px;
  }

}

@media screen and (max-width: 991px) {
  .section_hero {
    padding-bottom: 8rem;
  }

  .container, .container.is-fiber {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }

  .hero-h1 {
    width: 85%;
  }

  .hero-h1.is-fiberglass {
    width: 100%;
    font-size: 3.75rem;
  }

  .hero-h1.is-serve, .hero-h1.is-certification {
    width: 100%;
  }

  .hero-h1.is-contactus {
    width: 100%;
    font-size: 4rem;
  }

  .header {
    z-index: 9999;
    grid-template-columns: 1fr 1fr;
  }

  .header-menu-list, .button.is-orange.is-desk {
    display: none;
  }

  /* Show header button on single product pages (mobile) */
  .single-product .header .button.is-orange.is-desk {
    display: inline-flex ;
    margin-left: auto;
  }

  .header .button.is-orange {
    display: inline-flex ;
    margin-left: auto !important;
  }

  .section_solutions {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .solution-h2 {
    width: 85%;
  }

  .solutions-grid {
    grid-template-columns: 1fr;
  }

  .industries-container {
    padding: 5rem;
  }

  .industries-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .industries-title {
    font-size: 4rem;
  }

  .industry-card.is-2, .industry-card.is-3, .industry-card.is-4, .industry-card.is-5 {
    margin-top: 0;
  }

  .section_top_products {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .product-list {
    grid-template-columns: 1fr 1fr;
  }

  .product-img-box {
    height: 30rem;
  }

  .product-desc {
    width: 90%;
  }

  .section_certification {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .certification-img {
    height: 70%;
    bottom: 30%;
    right: 0%;
  }

  .certification-img.is-1 {
    height: 40%;
  }

  .certification-flex {
    grid-column-gap: 14rem;
    grid-row-gap: 14rem;
  }

  .certification-col.is-top {
    position: relative;
  }

  .certification-col.is-bottom {
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
  }

  .certification-col.is-bottom-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .section_statistics {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .statistics-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: grid;
  }

  .section_introduction, .section_contact {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .contact-text {
    width: 100%;
  }

  .contact-h2.is-width {
    width: 70%;
    font-size: 3.75rem;
  }

  .footer-top-grid {
    grid-column-gap: 10rem;
    grid-row-gap: 10rem;
  }

  .footer-top-grid.is-middle {
    margin-bottom: 10rem;
  }

  .footer-top-grid.is-top {
    flex-flow: column;
    grid-template-columns: .75fr;
    display: flex;
  }

  .footer-top-col.is-right.is-desk {
    display: none;
  }

  .footer-right-wrap.is-middle {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.5fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-block-title.is-mobile {
    display: block;
  }

  .footer-top-left {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
    display: flex;
  }

  .section_hero_about {
    padding-bottom: 6.25rem;
  }

  .common-hero-content {
    grid-template-columns: 1fr;
    place-items: center start;
  }

  .common-right {
    justify-content: flex-start;
    width: 100%;
    display: flex;
  }

  .common-right.is-about, .about-body-text {
    width: 100%;
  }

  .down-arrow.is-none {
    display: none;
  }

  .section_story {
    padding-top: 6.25rem;
  }

  .story-grid-wrapper {
    grid-template-columns: 1fr;
  }

  .story-body-text.about-text {
    font-size: 2.25rem;
  }

  .swiper.is-aramid {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }

  .swiper-wrapper.is-team-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .swiper-wrapper.is-serve {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .swiper-wrapper.industries-grid {
    grid-template-columns: 1fr 1fr;
  }

  .swiper-wrapper.is-apps-wrap {
    flex-flow: column;
    display: flex;
  }

  .swiper-slide.is-serve {
    height: 10rem;
  }

  .swiper-slide.industry-card.is-6, .swiper-slide.industry-card.is-7 {
    margin-top: 0;
  }

  .h2-heading {
    width: 110%;
    font-size: 4rem;
  }

  .h2-heading.is-team {
    width: 100%;
  }

  .h2-heading.is-mission {
    font-size: 3.75rem;
  }

  .h2-heading.is-temp {
    width: 60%;
    font-size: 3.75rem;
  }

  .h2-heading.is-app {
    width: 80%;
    font-size: 3.75rem;
  }

  .h2-heading.is-distributor {
    font-size: 3.75rem;
  }

  .mv-grid-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .mv-sun {
    left: -15%;
  }

  .section_team {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .team-title-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.75fr .5fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .section_mission {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .mission-body-text {
    width: 75%;
  }

  .section_fiberglass {
    padding-top: 12rem;
  }

  .cases-conten-wrap, .cases-conten-wrap.is-blck {
    grid-template-columns: 1fr;
    display: flex;
  }

  .cases-conten-wrap.active {
    grid-template-columns: 1fr;
  }

  .case-link-wrapper {
    height: 1.5rem;
    margin-bottom: 0;
    position: relative;
    top: 0;
  }

  .case-link {
    flex-flow: row-reverse wrap-reverse;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: .5rem;
  }

  .case-icon {
    transform: rotate(90deg);
  }

  .case-icon.is-opacity {
    opacity: 1;
  }

  .case-left {
    display: none;
  }

  .case-right {
    width: 100%;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }

  .common-wrap.is-gap {
    width: 100%;
  }

  .common-block.is-middle {
    height: 100%;
    margin-right: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .case-block {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .section_aramid {
    padding-bottom: 6.25rem;
  }

  .temp-body-text {
    width: 70%;
  }

  .section_application {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .temp-grid-block {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .section_properties {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .prop-body-text {
    width: 70%;
  }

  .section_industries {
    padding-top: 12rem;
    padding-bottom: 6.25rem;
  }

  .serve-block {
    height: 100%;
  }

  .conte-wrap, .serve-cntent {
    padding: 1rem;
  }

  .title-serve {
    font-size: 1rem;
  }

  .servegird-wrapper {
    grid-template-columns: .5fr 1.25fr;
    margin-top: 3rem;
  }

  .ws-image {
    width: 12rem;
    height: 12rem;
  }

  .serve-animetext.about-text {
    font-size: 2rem;
  }

  .section_electro {
    height: auto;
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .electro-block {
    grid-column-gap: 10rem;
    grid-row-gap: 10rem;
  }

  .electro-bottom {
    grid-column-gap: 10rem;
    grid-row-gap: 10rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .section_herocertification {
    padding-top: 12rem;
  }

  .hero-certification-flex {
    grid-column-gap: 3.75rem;
    grid-row-gap: 3.75rem;
  }

  .certifiation-body-text {
    width: 100%;
  }

  .certification-hero-col.is-top {
    flex-flow: column;
  }

  .cont-wrap {
    grid-column-gap: 3.75rem;
    grid-row-gap: 3.75rem;
    grid-template-columns: 2fr;
    place-items: end start;
  }

  .section_certification_block {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .certification-grid-wrap {
    flex-flow: column;
  }

  .certi-block {
    grid-column-gap: 3.75rem;
    grid-row-gap: 3.75rem;
  }

  .certi-right {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 25rem;
    display: flex;
  }

  .section_testimonials {
    padding-top: 6.25rem;
  }

  .section_hero-contact {
    padding-top: 12rem;
  }

  .enquiry-grid {
    flex-flow: column;
    display: flex;
  }

  .get-grid-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
  }

  .get-text {
    width: 90%;
    font-size: 3.75rem;
  }

  .swiper-pagination-first {
    margin-top: 1rem;
    display: flex;
  }

  .product-img {
    height: auto;
  }

  .navbar-menu {
    z-index: 1001;
    background-color: var(--alabaster);
    padding-top: 8.25rem;
    transform: translate(0, -100%);
  }

  .menu-wrap {
    height: 100%;
    display: flex;
  }

  .bg-span {
    background-color: var(--orange);
    transform: translate(0, -100%);
  }

  .sticky-blovk {
    z-index: 50;
    background-color: var(--alabaster);
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    display: block;
    position: sticky;
    top: 0;
  }

  .drop-downblock {
    width: 100%;
    position: relative;
  }

  .drop-down-ttile {
    justify-content: space-between;
    align-items: center;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
  }

  .drop-link-wrap {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    background-color: var(--alabaster);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 1.25rem;
    display: none;
    position: absolute;
    left: 0;
  }

  .case-left-wr {
    display: none;
  }

  .section_applications {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .case-body-text {
    width: 100%;
  }

  .common-video-wrap {
    height: 30rem;
  }

  .drop-down-menu {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .droptitle {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .drop-icon {
    width: 2rem;
    height: 2rem;
  }

  .drop-link {
    margin-bottom: 2rem;
    display: none;
  }

  .link-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .product-link {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-family: Suisse Intl Book, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
    display: block;
  }

  .aramid-paper-desc-block {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    display: flex;
  }

  .category-title-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: grid;
  }

  .trust-grid {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    display: flex;
  }

  .trust-content-block {
    order: 1;
    width: 100%;
  }

  .h3-heading-trust {
    font-size: 3rem;
  }

  .h3-heading-trust.is-team {
    width: 100%;
  }

  .h3-heading-trust.is-mission {
    font-size: 3.75rem;
  }

  .h3-heading-trust.is-temp {
    width: 60%;
    font-size: 3.75rem;
  }

  .h3-heading-trust.is-app {
    width: 80%;
    font-size: 3.75rem;
  }

  .why-us-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .electrical-insulation-block {
    width: 100%;
  }

  .distributor-container {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .why-us-swiper-pagination {
    margin-top: 1rem;
    display: flex;
  }

  .egcg-desc-block {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    display: flex;
  }

  .varnishes-thinner-table-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: flex-start;
  }

  .section_aramid_desc {
    padding-top: 4rem;
    padding-bottom: 6.25rem;
  }

  .services-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    place-items: center start;
  }

  .services-right {
    justify-content: flex-start;
    width: 100%;
  }

  .services-right.is-about, .services-right.is-ct {
    width: 100%;
  }

  .section_hero_services, .section_latest_blog {
    padding-top: 12rem;
  }

  .latest-blog-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
  }

  .latest-blog-title, .latest-blog-desc {
    width: 100%;
  }

  .section_blog_list {
    padding-bottom: 3.75rem;
    overflow: hidden;
  }

  .blog-tab-list {
    flex-flow: wrap;
  }

  .blog-list {
    grid-template-columns: 1fr 1fr;
  }

  .section_blog_hero {
    padding-top: 12rem;
  }

  .blog-hero-content {
    margin-left: 0;
    margin-right: 0;
  }

  .blog-detail-contianer {
    flex-flow: column;
    grid-template-columns: 5rem 1fr;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .blog-hero-img {
    height: auto;
  }

  .call-to-action-card {
    width: 40%;
    display: none;
  }

  .product-grid {
    flex-flow: column;
    display: flex;
  }

  .product-left {
    display: none;
  }

  .product-right {
    width: 100%;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
}

@media screen and (max-width: 767px) {
  .container, .container.is-fiber {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .footer-right-wrap.is-middle {
    grid-template-columns: 100%;
  }

  .small-title.is-none {
    display: none;
  }

  .hero-h1 {
    width: 100%;
    font-size: 3.5rem;
  }

  .hero-h1.is-about {
    font-size: 3.75rem;
  }

  .hero-h1.is-fiberglass {
    font-size: 2.75rem;
  }

  .hero-h1.is-certification {
    width: 80%;
    font-size: 4rem;
  }

  .solution-h2 {
    font-size: 2.75rem;
  }

  .solutions-grid {
    grid-column-gap: 3.75rem;
    grid-row-gap: 3.75rem;
  }

  .solutions-card {
    padding-top: 2.75rem;
  }

   .section_serving_industries {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .industries-container {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 2.5rem;
  }

  .industries-container.swiper {
    padding: 2rem;
    overflow: hidden;
  }

  .industries-grid {
    display: flex;
  }

  .industries-title {
    font-size: 2.75rem;
  }

  .industries-title.is-none {
    display: none;
  }

  .products-h2 {
    font-size: 2.75rem;
  }

  .product-list {
    grid-template-columns: 1fr;
    margin-top: 2.75rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .certification-img.is-1 {
    height: 40%;
    inset: auto 0% 0% auto;
  }

  .certification-h2 {
    font-size: 3.75rem;
  }

  .certification-col.is-bottom {
    grid-template-columns: 1fr 1fr;
  }

  .statistics-h2 {
    font-size: 3.75rem;
  }

  .statistics-num-grid {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    grid-template-columns: 1fr;
  }

  .introduction-text {
    width: 100%;
  }

  .contact-h2 {
    font-size: 3.75rem;
  }

  .contact-h2.is-width {
    width: 90%;
  }

  .footer-image {
    width: 80%;
    inset: auto auto 5% -10%;
  }

  .section_hero_about {
    background-position: 75%;
  }

  .common-right {
    justify-content: space-between;
    align-items: flex-end;
  }

  .common-right.is-right {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
  }

  .about-body-text.is-indus {
    width: 60%;
  }

  .down-arrow.is-certi {
    display: none;
  }

  .section_about_third, .swiper.is-aramid {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .swiper-wrapper.industries-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    display: flex;
  }

  .swiper-slide.is-first, .swiper-slide.is-aramid {
    width: 100%;
  }

  .swiper-slide.is-serve {
    height: 8rem;
  }

  .first-swiper-content {
    width: 100%;
    height: 100%;
  }

  .mv-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .h2-heading {
    width: 100%;
    font-size: 3rem;
  }

  .h2-heading.is-temp {
    width: 80%;
  }

  .team-title-body-text {
    width: 70%;
  }

  .mission-title-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .mission-block {
    width: 100%;
  }

  .case-right {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .case-title {
    margin-bottom: 1.5rem;
    font-size: 1.75rem;
  }

  .first-imag-wrap {
    margin-bottom: 1.5rem;
  }

  .key_features {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .common-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 1.5rem;
  }

  .common-wrap.is-gap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .common-block.is-pass {
    border-right-style: none;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .common-block.is-middle {
    border-right-style: none;
    width: 100%;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .common-block.is-just {
    display: flex;
  }

  .common-icon {
    flex: none;
  }

  .application {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .application-title {
    font-size: 1.75rem;
  }

  .app-gid {
    margin-top: 1.5rem;
  }

  .app-title {
    font-size: 1rem;
  }

  .benefits {
    padding-top: 1.5rem;
  }

  .case-block {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .temp-body-text {
    width: 80%;
  }

  .prop-body-text {
    width: 90%;
  }

  .section_industries {
    padding-top: 10rem;
  }

  .servegird-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1.25fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
  }

  .serve-left {
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .serve-animetext.about-text {
    position: relative;
  }

  .section_herocertification {
    padding-bottom: 6.25rem;
  }

  .section_certification_block {
    height: auto;
  }

  .certification-grid-wrap {
    display: flex;
  }

  .certi-block {
    opacity: 1;
  }

  .certi-text {
    width: 80%;
  }

  .certi-right {
    display: none;
  }

  .section_hero-contact {
    padding-top: 10rem;
  }

  .enquiry-grid {
    flex-flow: column;
    display: flex;
  }

  .get-grid-wrap {
    grid-column-gap: 2.75rem;
    grid-row-gap: 2.75rem;
    flex-flow: column;
    display: flex;
  }

  .swiper-pagination-first {
    display: flex;
  }

  .mobile-title {
    background-color: var(--white);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 2rem;
    display: flex;
  }

  .bg-span {
    transform: translate(0, -110%);
  }

  .stick-wrap {
    height: auto;
  }

  .cermi-image {
    display: block;
  }

  .m-wrap {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .imag-app-swrap {
    height: 25rem;
  }

  .case-body-text {
    width: 100%;
  }

  .section_elantas-content {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .imag-app-swrap-whiite {
    height: 25rem;
  }

  .key_features-elantas {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .elan-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .elan-block {
    border: 1px #000;
    padding-left: 0;
    padding-right: 0;
  }

  .key_features-elanta {
    margin-bottom: 2rem;
    padding-top: 1.5rem;
  }

  .category-h2 {
    font-size: 3.75rem;
  }

  .h3-heading-trust {
    width: 100%;
    font-size: 3rem;
  }

  .h3-heading-trust.is-temp {
    width: 80%;
  }

  .why-us-swiper-pagination {
    display: flex;
  }

  .services-right {
    justify-content: space-between;
    align-items: flex-end;
  }

  .services-right.is-right {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
  }

  .section_hero_services, .section_latest_blog, .section_blog_hero {
    padding-top: 10rem;
  }

  .product-right {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media screen and (max-width: 479px) {
  .hero-h1 {
    font-size: 3rem;
  }

  .hero-h1.is-about {
    width: 100%;
    font-size: 3rem;
  }

  .hero-h1.is-fiberglass {
    font-size: 3rem;
  }

  .hero-h1.is-aramid {
    width: 100%;
    font-size: 2.75rem;
  }

  .hero-h1.is-serve {
    width: 100%;
  }

  .hero-h1.is-certification {
    width: 100%;
    margin-bottom: 1rem;
    font-size: 3rem;
  }

  .hero-h1.is-contactus {
    font-size: 3.75rem;
  }

  .head-logo.w--current {
    width: 7.5rem;
    height: 3.5rem;
  }

  .solution-h2 {
    width: 100%;
  }

  .section_serving_industries {
    padding-left: 0;
    padding-right: 0;
  }

  .industries-container.swiper {
    padding: 1.25rem;
  }

  .product-desc {
    width: 100%;
  }

  .section_certification {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .certification-img {
    height: auto;
    bottom: 0%;
  }

  .certification-img.is-1 {
    height: auto;
  }

  .certification-flex {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .certification-h2 {
    font-size: 2.75rem;
  }

  .certification-col.is-bottom {
    grid-template-columns: 1fr;
  }

  .certification-col.is-bottom-wrap {
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .statistics-h2 {
    font-size: 2.75rem;
  }

  .introduction-text {
    font-size: 1.25rem;
  }

  .contact-text {
    width: 100%;
  }

  .contact-h2 {
    font-size: 2.75rem;
  }

  .contact-h2.is-width {
    width: 90%;
    font-size: 2.75rem;
  }

  .footer-top-grid.is-middle {
    grid-column-gap: 3.75rem;
    grid-row-gap: 3.75rem;
    flex-flow: column;
    grid-template-columns: .75fr;
    margin-bottom: 3rem;
    display: flex;
  }

  .footer-right-wrap.is-middle, .footer-top-left {
    grid-column-gap: 3.75rem;
    grid-row-gap: 3.75rem;
  }

  .footer-cc-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    flex-flow: column;
  }

  .footer-image {
    width: 70%;
    inset: 35% 0% auto auto;
    transform: scale(1);
  }

  .section_hero_about {
    background-position: 70%;
    padding-bottom: 3.75rem;
  }

  .common-right.is-right {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .story-right {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .story-body-text.about-text {
    font-size: 1.5rem;
  }

  .sun-image {
    width: 12rem;
    height: 12rem;
  }

  .section_about_third {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .swiper-wrapper.is-team-wrapper {
    flex-flow: column;
    display: flex;
  }

  .swiper-wrapper.is-serve {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
  }

  .swiper-slide.is-first, .swiper-slide.is-team, .swiper-slide.is-mission, .swiper-slide.is-app {
    width: 100%;
  }

  .swiper-slide.is-testimonials {
    width: 100%;
    height: 32rem;
  }

  .swiper-slide.industry-card {
    width: 100%;
  }

  .first-swiper-content {
    border-radius: .25rem;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .section_mv {
    overflow: hidden;
  }

  .h2-heading, .h2-heading.is-mission {
    font-size: 2.75rem;
  }

  .h2-heading.is-temp, .h2-heading.is-app {
    width: 100%;
    font-size: 2.75rem;
  }

  .h2-heading.is-distributor {
    font-size: 2.75rem;
  }

  .mv-sun {
    width: 12rem;
    height: 12rem;
  }

  .section_team {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .team-title-body-text {
    width: 100%;
  }

  .section_mission {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .mission-block {
    height: 20rem;
    padding: 1.5rem;
  }

  .mission-body-text {
    width: 100%;
  }

  .section_fiberglass {
    padding-top: 10rem;
    padding-bottom: 5rem;
  }

  .key_features.is-bene {
    overflow: hidden;
  }

  .common-wrap, .common-block {
    display: flex;
  }

  .common-title {
    font-size: .875rem;
  }

  .common-icon {
    width: 2rem;
    height: 2rem;
  }

  .svg-wrap, .temp-body-text, .app-body-text, .prop-body-text {
    width: 100%;
  }

  .conte-wrap, .serve-cntent {
    padding: .5rem;
  }

  .title-serve {
    font-size: .875rem;
  }

  .section_electro {
    overflow: hidden;
  }

  .electro-top {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    width: 100%;
  }

  .electro-title-wrap {
    width: 100%;
    height: 5rem;
  }

  .electro-title {
    font-size: 2rem;
  }

  .index-block {
    flex: none;
    max-width: 10rem;
    margin-right: 0;
  }

  .index-block.is-1 {
    margin-right: 0;
  }

  .index-block.is-2 {
    max-width: 10rem;
  }

  .pagination-title, .index-number {
    font-size: .5rem;
  }

  .electro-left {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    overflow: auto;
  }

  .electro-right {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 21rem;
  }

  .electro-content {
    padding: 1.25rem;
  }

  .certi-block {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .certi-img-wrap {
    width: 5rem;
    height: 5rem;
  }

  .certi-text {
    width: 100%;
  }

  .certi-right {
    height: 22rem;
  }

  .testimonilals-block {
    padding: 2rem;
  }

  .testimonials-content-text {
    width: 100%;
    font-size: 1.5rem;
  }

  .get-text {
    font-size: 2.75rem;
  }

  .mobile-title {
    padding: 1.25rem;
  }

  .common-video-wrap {
    height: 25rem;
  }

  .elantas-content {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .key_features-elantas {
    padding-top: 0;
  }

  .eln-small_title {
    margin-bottom: 1.5rem;
  }

  .key_features-elanta {
    padding-top: 0;
  }

  .aramid-paper-wrap, .category-desc-center, .aramid-paper-wrap-2 {
    width: 100%;
  }

  .category-h2 {
    font-size: 2.75rem;
  }

  .cat-slider {
    width: 100%;
    height: 36rem;
  }

  .h3-heading-trust {
    font-size: 2rem;
  }

  .h3-heading-trust.is-mission {
    font-size: 2.75rem;
  }

  .h3-heading-trust.is-temp, .h3-heading-trust.is-app {
    width: 100%;
    font-size: 2.75rem;
  }

  @media (max-width: 767px) {
  .why-us-wrapper { display: flex; flex-flow: row; gap: 1rem; align-items: stretch; }
  .why-us-card { flex: 0 0 85%; width: 85%; height: auto; padding: 1.5rem; }
}

  .distributor-logos-flex {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .distributor-logo, .distributor-separator {
    height: 2.4rem;
  }

  .section_aramid_desc {
    padding-top: 2rem;
  }

  .services-right.is-right {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .services-right.is-hero {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    align-items: flex-start;
  }

  .latest-blog-img {
    height: 16rem;
  }

  .blog-list {
    flex-flow: column;
    display: flex;
  }

  .blog-list-img {
    height: 16rem;
  }

  .section_blog_hero {
    padding-bottom: 2rem;
  }

  .blog-detail-contianer {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
  }

  .blog-hero-title {
    font-size: 2rem;
  }

  .blog-hero-img {
    height: auto;
  }

  .section_blog_details {
    padding-top: 10rem;
    padding-bottom: 3.75rem;
  }

  .section_related_blogs {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .blog-share-sticky {
    align-items: flex-start;
    width: 100%;
    padding-top: 0;
  }

  .blog-share-list {
    flex-flow: row;
  }

  .follow-on-linkedin-bar {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    flex-flow: column;
    align-items: flex-start;
    height: auto;
    padding: .75rem 1rem;
    top: 6.8rem;
  }

  .follow-on-linkedin-bar.is-active {
    top: 8rem;
  }

  .follow-on-linkedin-close {
    top: 1rem;
    right: 1rem;
    transform: none;
  }

  .blog-share-card {
    border-top: 1px solid #1b1b1c1a;
    align-items: flex-start;
    width: 100%;
    padding-top: 2rem;
  }
}

#w-node-d83f6898-4b6c-7c31-f685-71c53fd70cb0-9173b303 {
  place-self: end start;
}

#w-node-_35c05871-a562-ba12-2f76-1227431c8c38-9173b303 {
  place-self: center end;
}

#w-node-_44448383-5734-dfd9-63cb-dbdf9af0399f-9173b303 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_22370a9c-800e-5021-2da3-210c5a8b4722-9173b303 {
  place-self: center end;
}

#w-node-_33e01479-cf9a-e73f-4d63-0179572dbf79-9173b303 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-abd8fa02-4c91-7155-5cb8-8e1b22fd19ed-9173b303 {
  place-self: center end;
}

#w-node-_37560672-b0cf-d4c1-97b0-bd7b35c26ce2-9173b303 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5efae8cc-fbc3-485d-0fb6-525d3bea72b1-9173b303 {
  place-self: center end;
}

#w-node-_9851bb51-7845-f676-063a-c6b1eb62a70b-9173b303 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8dbc90af-2717-eb7a-30e8-39d74e1159d2-9173b303 {
  place-self: center end;
}

#w-node-_4c78e8d0-2bbc-5c62-1331-fa90b1254808-9173b303 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a2091601-6cca-30d0-71f3-cc1f6b591a44-9173b303 {
  place-self: center end;
}

#w-node-_0ffaf8fe-3122-a79b-913c-0f0c700e4037-9173b303 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c937884-d302-ba25-88c6-b9ab330a3963-9173b303 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_3c937884-d302-ba25-88c6-b9ab330a3965-9173b303 {
  grid-area: 1 / 4 / 2 / 6;
  justify-self: end;
}

#w-node-_3c937884-d302-ba25-88c6-b9ab330a396c-9173b303 {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-_3c937884-d302-ba25-88c6-b9ab330a3973-9173b303 {
  grid-area: 3 / 4 / 4 / 6;
  justify-self: end;
}

#w-node-_3c937884-d302-ba25-88c6-b9ab330a397a-9173b303 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_3c937884-d302-ba25-88c6-b9ab330a3981-9173b303 {
  grid-area: 5 / 3 / 6 / 5;
  justify-self: end;
}

#w-node-_49b88923-3f64-5aec-7eb1-b823888d1307-9173b303 {
  grid-area: 6 / 1 / 7 / 2;
  justify-self: end;
}

#w-node-_00781671-13a7-3dbe-192a-7fc3e444eced-9173b303 {
  grid-area: 7 / 3 / 8 / 3;
  justify-self: end;
}

#w-node-_33bdbf38-8c2d-2e73-1920-07cf218ee3d9-9173b303 {
  place-self: end start;
}

#w-node-e33907ac-8f2f-c55e-c8ef-ea0ecfe9fca8-cfe9fca7 {
  justify-self: start;
}

#w-node-c3916a81-86c3-886e-0301-86dd69c42ea8-cfe9fca7 {
  justify-self: end;
}

#w-node-e92c0360-6b60-ddb6-0d10-dfe3f0795125-9173b304 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-e92c0360-6b60-ddb6-0d10-dfe3f079512b-9173b304 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-e92c0360-6b60-ddb6-0d10-dfe3f079512d-9173b304 {
  grid-area: 1 / 3 / 2 / 3;
}

#w-node-_7b9624fc-1975-3284-afc8-8e003315f4d1-9173b304 {
  place-self: end;
}

#w-node-_95172b8b-0c07-a831-acc4-f2b32d756f49-9173b306 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#case-1.w-node-_097f489b-6daa-0272-bbc3-5ed4c646177c-9173b30a, #case-2.w-node-_097f489b-6daa-0272-bbc3-5ed4c64617ce-9173b30a, #case-3.w-node-_097f489b-6daa-0272-bbc3-5ed4c6461820-9173b30a, #case-5.w-node-_097f489b-6daa-0272-bbc3-5ed4c64618e4-9173b30a, #case-6.w-node-_097f489b-6daa-0272-bbc3-5ed4c6461942-9173b30a, #case-1.w-node-_4fe44ec8-835b-a166-7833-30608084ab9a-9173b30c, #case-2.w-node-_4fe44ec8-835b-a166-7833-30608084ac46-9173b30c, #case-3.w-node-_4fe44ec8-835b-a166-7833-30608084acac-9173b30c, #case-4.w-node-_7abb742a-197b-d042-cf7c-083d5a1c8e99-9173b30c, #case-5.w-node-_4fe44ec8-835b-a166-7833-30608084ad12-9173b30c, #case-6.w-node-_4fe44ec8-835b-a166-7833-30608084ad78-9173b30c, #case-7.w-node-_4fe44ec8-835b-a166-7833-30608084addf-9173b30c, #case-8.w-node-_4fe44ec8-835b-a166-7833-30608084ae46-9173b30c, #case-9.w-node-_9269637e-fb53-71a7-6534-83ac43e0923c-9173b30c, #case-10.w-node-a27b1942-8f47-f645-785d-91467ca18986-9173b30c, #case-1.w-node-e3050532-11bd-1c96-1a80-324cbeb80667-9173b30d, #case-2.w-node-e3050532-11bd-1c96-1a80-324cbeb806a1-9173b30d, #case-3.w-node-e3050532-11bd-1c96-1a80-324cbeb806db-9173b30d, #case-4.w-node-e3050532-11bd-1c96-1a80-324cbeb80715-9173b30d, #case-5.w-node-e3050532-11bd-1c96-1a80-324cbeb8074f-9173b30d, #case-6.w-node-b7e7cd9c-873e-9a44-f616-674196ce301a-9173b30d, #case-7.w-node-_3676ba56-06d0-7dcb-f4bf-9a2f1754c466-9173b30d, #case-8.w-node-_43482b0a-6c2f-de74-99d7-b62b96ead979-9173b30d, #case-1.w-node-_0a9b3b8b-ae2f-3929-d60c-2a5d4fd5ed68-9173b30e, #case-2.w-node-_0a9b3b8b-ae2f-3929-d60c-2a5d4fd5ee6e-9173b30e, #case-3.w-node-_0a9b3b8b-ae2f-3929-d60c-2a5d4fd5ef2e-9173b30e, #case-4.w-node-_0a9b3b8b-ae2f-3929-d60c-2a5d4fd5ef91-9173b30e, #case-5.w-node-_0a9b3b8b-ae2f-3929-d60c-2a5d4fd5eff4-9173b30e, #case-1.w-node-_43b8198d-bfcf-dea3-88d8-383b8f782d0c-9173b30f, #case-2.w-node-_43b8198d-bfcf-dea3-88d8-383b8f782d72-9173b30f, #case-3.w-node-_43b8198d-bfcf-dea3-88d8-383b8f782dd8-9173b30f, #case-4.w-node-_43b8198d-bfcf-dea3-88d8-383b8f782e3e-9173b30f, #case-5.w-node-_43b8198d-bfcf-dea3-88d8-383b8f782ea4-9173b30f, #case-6.w-node-_43b8198d-bfcf-dea3-88d8-383b8f782f0a-9173b30f, #case-7.w-node-_43b8198d-bfcf-dea3-88d8-383b8f782f71-9173b30f, #case-8.w-node-_43b8198d-bfcf-dea3-88d8-383b8f782fd8-9173b30f, #case-9.w-node-_43b8198d-bfcf-dea3-88d8-383b8f78303f-9173b30f, #case-1.w-node-_49d1e935-9168-d145-a2d9-a50461e99714-9173b310, #case-3.w-node-_49d1e935-9168-d145-a2d9-a50461e997b8-9173b310, #case-4.w-node-_49d1e935-9168-d145-a2d9-a50461e9981a-9173b310 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_1b686790-1222-2be1-2ca2-9ea48f9fee3c-9173b312 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#case-1.w-node-_097f489b-6daa-0272-bbc3-5ed4c646177c-9173b315, #case-2.w-node-_097f489b-6daa-0272-bbc3-5ed4c64617ce-9173b315, #case-3.w-node-_097f489b-6daa-0272-bbc3-5ed4c6461820-9173b315, #case-4.w-node-_097f489b-6daa-0272-bbc3-5ed4c64618e4-9173b315, #case-5.w-node-_097f489b-6daa-0272-bbc3-5ed4c6461942-9173b315, #case-6.w-node-_7594e262-cda6-312a-712a-10d8607eafbf-9173b315, #case-7.w-node-da760c53-0984-3da0-40cc-24bcf8f82705-9173b315 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-b1e17255-ee65-21ac-73ea-96de181f7d23-9173b315, #w-node-_12ed30d7-4b77-47f0-118d-6ec159b58e29-9173b316, #w-node-bc35c93a-cbd0-79c1-45c8-df3c9af84b9f-9173b316, #w-node-_006f417b-7d18-2cd4-7af2-a8e6efe49100-9173b316, #w-node-aed96750-6067-18be-b8fe-b2874b68505d-9173b316 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8e23c25b-ff3d-1fa2-1f31-56401170234a-9173b31a {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_3752d3aa-086e-896d-6c58-3a6fe5e2043d-9173b31a, #w-node-cc4ebf36-c620-fc3a-0a2e-3dbb80681618-9173b3b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-d83f6898-4b6c-7c31-f685-71c53fd70cb0-9173b303 {
    place-self: auto;
  }

  #w-node-_3c937884-d302-ba25-88c6-b9ab330a3961-9173b303 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_3c937884-d302-ba25-88c6-b9ab330a3963-9173b303 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_3c937884-d302-ba25-88c6-b9ab330a3965-9173b303 {
    grid-area: 3 / 1 / 4 / 3;
    justify-self: start;
  }

  #w-node-_3c937884-d302-ba25-88c6-b9ab330a396c-9173b303 {
    grid-area: 4 / 2 / 4 / 3;
    justify-self: end;
  }

  #w-node-_3c937884-d302-ba25-88c6-b9ab330a3973-9173b303 {
    grid-area: 5 / 1 / 6 / 3;
    justify-self: start;
  }

  #w-node-_3c937884-d302-ba25-88c6-b9ab330a397a-9173b303 {
    grid-area: 6 / 2 / 7 / 3;
    justify-self: end;
  }

  #w-node-_3c937884-d302-ba25-88c6-b9ab330a3981-9173b303 {
    grid-area: 7 / 1 / 8 / 3;
    justify-self: start;
  }

  #w-node-_49b88923-3f64-5aec-7eb1-b823888d1307-9173b303 {
    grid-area: 8 / 2 / 9 / 3;
    justify-self: start;
  }

  #w-node-_00781671-13a7-3dbe-192a-7fc3e444eced-9173b303 {
    grid-area: 9 / 1 / 10 / 3;
    justify-self: start;
  }

  #w-node-_33bdbf38-8c2d-2e73-1920-07cf218ee3d9-9173b303 {
    place-self: auto;
  }

  #w-node-_576ac985-9a98-cad1-dec6-bf368be30e41-8be30e07 {
    grid-area: 2 / 1 / 2 / 3;
  }

  #w-node-_530b045f-ee91-d020-c22f-f9ba05e7383a-cfe9fca7 {
    justify-self: end;
  }

  #w-node-e92c0360-6b60-ddb6-0d10-dfe3f079512b-9173b304 {
    grid-column: 1 / 3;
  }

  #w-node-_7b9624fc-1975-3284-afc8-8e003315f4d1-9173b304 {
    place-self: auto;
  }

  #w-node-_7c4ebeda-1739-b588-6b69-d8367569a638-9173b308, #w-node-_16a4842a-ab31-1c35-e0b9-9eff17f29568-9173b308, #w-node-_515aa568-0b86-7bcc-30d3-17ea28eb7ed3-9173b308, #w-node-_801f39f0-d0a8-e680-5817-cb8b07fc9453-9173b309 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8e23c25b-ff3d-1fa2-1f31-56401170234a-9173b31a {
    grid-area: 1 / 2 / 2 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c1f76620-c0c5-25dd-6a9b-543d5b7bc047-9173b307 {
    grid-area: 1 / 1 / 2 / 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_576ac985-9a98-cad1-dec6-bf368be30e41-8be30e07 {
    grid-column-end: 4;
  }
}
@media screen and (max-width: 1024px) {
    .category-grid-wrap{
            grid-template-columns: repeat(3, 1fr);
            gap: 40px;
    }
}
.category-grid-wrap
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/Suisse_Intl_Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/Suisse_Intl_Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/Suisse_Intl-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl Book';
  src: url('../fonts/Suisse_Intl_Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/Suisse_Intl_Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Mono';
  src: url('../fonts/MonospaceBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Mono';
  src: url('../fonts/MonospaceOblique.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Monospace';
  src: url('../fonts/Monospace.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}