@charset "UTF-8";
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url("https://rfp.inspectyoursite.co.uk/wp-content/themes/rfp/assets/fonts/Plus-Jakarta-Sans-italic.woff2") format("woff2-variations");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("https://rfp.inspectyoursite.co.uk/wp-content/themes/rfp/assets/fonts/Plus-Jakarta-Sans-normal.woff2") format("woff2-variations");
}
p {
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 20px;
}

h1 {
  font-size: 50px;
  line-height: 60px;
  font-weight: 800;
  margin-bottom: 30px;
}

h2 {
  font-size: 38px;
  line-height: 50px;
  font-weight: 800;
  margin-bottom: 20px;
}

h3 {
  font-size: 28px;
  line-height: 38px;
  font-weight: 500;
  margin-bottom: 20px;
}

h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 20px;
}

.red-text {
  color: #F3404B;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 42px;
    line-height: 50px;
    font-weight: 800;
    margin-bottom: 30px;
  }
  h2 {
    font-size: 32px;
    line-height: 42px;
    font-weight: 800;
    margin-bottom: 20px;
  }
  h3 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    margin-bottom: 20px;
  }
  h4 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 800;
    margin-bottom: 30px;
  }
  h2 {
    font-size: 26px;
    line-height: 36px;
    font-weight: 800;
    margin-bottom: 20px;
  }
  h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 20px;
  }
  p {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 20px;
  }
}
html {
  overflow-x: hidden;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

body {
  font-family: "Plus Jakarta Sans", sans-serif;
  margin: 0;
  background-color: #FAFAFA;
  overflow-x: hidden;
}
body.admin-bar .sticky {
  margin-top: 30px;
}

img {
  width: 100%;
  height: auto;
}

.wrapper {
  max-width: 1400px;
  margin: 0 auto;
  padding-left: 25px;
  padding-right: 25px;
}
.wrapper.full {
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}

.gap {
  padding-top: 5rem;
}

.gap-b {
  padding-bottom: 5rem;
}

.gap-s {
  padding-top: 2.5rem;
}

.gap-b-s {
  padding-bottom: 2.5rem;
}

.white-bg {
  background-color: #FFFFFF;
}

.grey-bg.tabs .tabs-inner .tab-contents .tab-content .two-col-grid .col:first-child {
  background-color: #FFFFFF;
}

.text-image .two-col-grid .col:first-child {
  order: 2;
}
.text-image .two-col-grid .col:last-child {
  order: 1;
}
.text-image .two-col-grid .col picture img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}

/***  ONE COLUMN  ***/
#narrow .one-col {
  margin: 0 auto;
  max-width: 900px;
}

#narrow-left .one-col {
  max-width: 900px;
}

/***  TWO COLUMN GRID  ***/
.two-col-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 3rem;
}
.two-col-grid.left-third {
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
  grid-gap: 5rem;
}
.two-col-grid.right-third {
  -ms-grid-columns: 2fr 1fr;
  grid-template-columns: 2fr 1fr;
  grid-gap: 5rem;
}
.two-col-grid :first-child {
  -ms-grid-column: 1;
}
.two-col-grid :last-child {
  -ms-grid-column: 2;
}

#two-thirds .two-col-grid,
.two-col-grid.two-thirds {
  -ms-grid-columns: 2fr 1fr;
  grid-template-columns: 2fr 1fr;
  align-items: flex-start;
}

.two-col-grid.two-thirds-reverse {
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
  align-items: flex-start;
}

/***  TWO COLUMN FLEX  ***/
.two-col-flex {
  display: flex;
  grid-gap: 2%;
  flex-wrap: wrap;
}
.two-col-flex .col {
  width: 49%;
}

/***  THREE COLUMN GRID  ***/
.three-col-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 3rem;
}
.three-col-grid img {
  width: 100%;
  height: auto;
}
.three-col-grid :first-child {
  -ms-grid-column: 1;
}
.three-col-grid :nth-child(2) {
  -ms-grid-column: 2;
}
.three-col-grid :last-child {
  -ms-grid-column: 3;
}

/***  THREE COLUMN FLEX  ***/
.three-col-flex {
  display: flex;
  grid-gap: 2%;
  flex-wrap: wrap;
}
.three-col-flex .col {
  width: 32%;
}

/***  FOUR COLUMN GRID  ***/
.four-col-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 2rem;
}
.four-col-grid img {
  width: 100%;
  height: auto;
}
.four-col-grid :first-child {
  -ms-grid-column: 1;
}
.four-col-grid :nth-child(2) {
  -ms-grid-column: 2;
}
.four-col-grid :nth-child(3) {
  -ms-grid-column: 3;
}
.four-col-grid :last-child {
  -ms-grid-column: 4;
}

/***  FIVE COLUMN GRID  ***/
.five-col-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 2rem;
}
.five-col-grid :first-child {
  -ms-grid-column: 1;
}
.five-col-grid :nth-child(2) {
  -ms-grid-column: 2;
}
.five-col-grid :nth-child(3) {
  -ms-grid-column: 3;
}
.five-col-grid :nth-child(4) {
  -ms-grid-column: 4;
}
.five-col-grid :last-child {
  -ms-grid-column: 5;
}

/***  FOUR COLUMN FLEX  ***/
.four-col-flex {
  display: flex;
  grid-gap: 2%;
  flex-wrap: wrap;
}
.four-col-flex .col {
  width: 23%;
}

.col.center {
  display: flex;
  justify-content: center;
}

.align-c {
  align-items: center;
}

.align-b {
  align-items: flex-end;
}

/** Multi Columns **/
.two-col-grid.image-grid .col,
.three-col-grid.image-grid .col,
.four-col-grid.image-grid .col,
.five-col-grid.image-grid .col {
  overflow: hidden;
}
.two-col-grid.image-grid .col .column-link,
.three-col-grid.image-grid .col .column-link,
.four-col-grid.image-grid .col .column-link,
.five-col-grid.image-grid .col .column-link {
  position: relative;
}
.two-col-grid.image-grid .col .column-link picture,
.three-col-grid.image-grid .col .column-link picture,
.four-col-grid.image-grid .col .column-link picture,
.five-col-grid.image-grid .col .column-link picture {
  display: flex;
  margin-bottom: 10px;
  overflow: hidden;
}
.two-col-grid.image-grid .col .column-link picture:before,
.three-col-grid.image-grid .col .column-link picture:before,
.four-col-grid.image-grid .col .column-link picture:before,
.five-col-grid.image-grid .col .column-link picture:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.8s ease;
  background: rgba(0, 0, 0, 0);
  border-radius: 4px;
}
.two-col-grid.image-grid .col .column-link picture .column-image,
.three-col-grid.image-grid .col .column-link picture .column-image,
.four-col-grid.image-grid .col .column-link picture .column-image,
.five-col-grid.image-grid .col .column-link picture .column-image {
  transition: transform 0.4s ease;
}
.two-col-grid.image-grid .col .column-content p:last-child,
.two-col-grid.image-grid .col .column-content ul:last-child,
.three-col-grid.image-grid .col .column-content p:last-child,
.three-col-grid.image-grid .col .column-content ul:last-child,
.four-col-grid.image-grid .col .column-content p:last-child,
.four-col-grid.image-grid .col .column-content ul:last-child,
.five-col-grid.image-grid .col .column-content p:last-child,
.five-col-grid.image-grid .col .column-content ul:last-child {
  margin-bottom: 0 !important;
}
.two-col-grid.image-grid .col .column-content h3,
.three-col-grid.image-grid .col .column-content h3,
.four-col-grid.image-grid .col .column-content h3,
.five-col-grid.image-grid .col .column-content h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.two-col-grid.image-grid .col .column-content .column-heading,
.three-col-grid.image-grid .col .column-content .column-heading,
.four-col-grid.image-grid .col .column-content .column-heading,
.five-col-grid.image-grid .col .column-content .column-heading {
  font-size: 28px;
  line-height: 38px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.two-col-grid.image-grid .col .column-content .column-heading a,
.three-col-grid.image-grid .col .column-content .column-heading a,
.four-col-grid.image-grid .col .column-content .column-heading a,
.five-col-grid.image-grid .col .column-content .column-heading a {
  text-decoration: none !important;
  color: #202224;
}
.two-col-grid.image-grid .col .column-content .btn.outline,
.three-col-grid.image-grid .col .column-content .btn.outline,
.four-col-grid.image-grid .col .column-content .btn.outline,
.five-col-grid.image-grid .col .column-content .btn.outline {
  width: 100%;
  background-color: transparent;
  border: 2px solid #F3404B;
  color: #F3404B;
  margin-top: 20px;
}
.two-col-grid.image-grid .col picture,
.three-col-grid.image-grid .col picture,
.four-col-grid.image-grid .col picture,
.five-col-grid.image-grid .col picture {
  overflow: hidden;
  border-radius: 4px;
  display: flex;
}
.two-col-grid.image-grid .col picture .column-image,
.three-col-grid.image-grid .col picture .column-image,
.four-col-grid.image-grid .col picture .column-image,
.five-col-grid.image-grid .col picture .column-image {
  transition: transform 0.4s ease;
  border-radius: 4px;
}
.two-col-grid.image-grid .col:hover .column-link picture:before,
.three-col-grid.image-grid .col:hover .column-link picture:before,
.four-col-grid.image-grid .col:hover .column-link picture:before,
.five-col-grid.image-grid .col:hover .column-link picture:before {
  opacity: 1;
  background: rgba(243, 64, 75, 0.4);
}
.two-col-grid.image-grid .col:hover .column-image,
.three-col-grid.image-grid .col:hover .column-image,
.four-col-grid.image-grid .col:hover .column-image,
.five-col-grid.image-grid .col:hover .column-image {
  transform: scale(1.1);
}
.two-col-grid.image-grid .col:hover .column-heading a,
.three-col-grid.image-grid .col:hover .column-heading a,
.four-col-grid.image-grid .col:hover .column-heading a,
.five-col-grid.image-grid .col:hover .column-heading a {
  color: #F3404B;
}
.two-col-grid.image-grid .col:hover .btn.outline,
.three-col-grid.image-grid .col:hover .btn.outline,
.four-col-grid.image-grid .col:hover .btn.outline,
.five-col-grid.image-grid .col:hover .btn.outline {
  background-color: #F3404B;
  color: #FFFFFF;
}
.two-col-grid.image-grid .col:hover .btn.outline svg path,
.three-col-grid.image-grid .col:hover .btn.outline svg path,
.four-col-grid.image-grid .col:hover .btn.outline svg path,
.five-col-grid.image-grid .col:hover .btn.outline svg path {
  fill: #FFFFFF;
}
.two-col-grid.icon-grid .col.text-left,
.three-col-grid.icon-grid .col.text-left,
.four-col-grid.icon-grid .col.text-left,
.five-col-grid.icon-grid .col.text-left {
  text-align: left;
}
.two-col-grid.icon-grid .col.text-center,
.three-col-grid.icon-grid .col.text-center,
.four-col-grid.icon-grid .col.text-center,
.five-col-grid.icon-grid .col.text-center {
  text-align: center;
}
.two-col-grid.icon-grid .col .column-image,
.three-col-grid.icon-grid .col .column-image,
.four-col-grid.icon-grid .col .column-image,
.five-col-grid.icon-grid .col .column-image {
  margin-bottom: 10px;
  width: auto;
  height: 40px;
  transition: transform 0.4s ease;
}
.two-col-grid.icon-grid .col:hover .column-content h3 a,
.three-col-grid.icon-grid .col:hover .column-content h3 a,
.four-col-grid.icon-grid .col:hover .column-content h3 a,
.five-col-grid.icon-grid .col:hover .column-content h3 a {
  color: #F3404B;
}
.two-col-grid.icon-grid .col .column-content,
.three-col-grid.icon-grid .col .column-content,
.four-col-grid.icon-grid .col .column-content,
.five-col-grid.icon-grid .col .column-content {
  padding: 0;
}
.two-col-grid.icon-grid .col .column-content h3,
.three-col-grid.icon-grid .col .column-content h3,
.four-col-grid.icon-grid .col .column-content h3,
.five-col-grid.icon-grid .col .column-content h3 {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
.two-col-grid.icon-grid .col .column-content p,
.three-col-grid.icon-grid .col .column-content p,
.four-col-grid.icon-grid .col .column-content p,
.five-col-grid.icon-grid .col .column-content p {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 24px;
}
.two-col-grid.image-grid.image-h-small .col .column-image,
.three-col-grid.image-grid.image-h-small .col .column-image,
.four-col-grid.image-grid.image-h-small .col .column-image,
.five-col-grid.image-grid.image-h-small .col .column-image {
  width: 100%;
  height: 150px;
  object-fit: cover;
  object-position: center;
  transition: transform 0.4s ease;
}
.two-col-grid.image-grid.image-h-med .col .column-image,
.three-col-grid.image-grid.image-h-med .col .column-image,
.four-col-grid.image-grid.image-h-med .col .column-image,
.five-col-grid.image-grid.image-h-med .col .column-image {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center;
  transition: transform 0.4s ease;
}
.two-col-grid.image-grid.image-h-large .col .column-image,
.three-col-grid.image-grid.image-h-large .col .column-image,
.four-col-grid.image-grid.image-h-large .col .column-image,
.five-col-grid.image-grid.image-h-large .col .column-image {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center;
  transition: transform 0.4s ease;
}

.four-col-grid.image-grid .col .column-content p, .five-col-grid.image-grid .col .column-content p {
  font-size: 14px;
  line-height: 24px;
}

@media screen and (max-width: 991px) {
  .two-col-grid, .three-col-grid, .four-col-grid {
    grid-gap: 1.5rem;
  }
  .four-col-grid {
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .three-col-grid {
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
  }
}
/** Contact Row **/
.contact-row {
  background-color: #FFFFFF;
}
.contact-row .contact-row-bg {
  padding-top: 20rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.contact-row .contact-row-bg .two-col-grid {
  background-color: #FFFFFF;
  padding: 3rem 3rem;
}
.contact-row .contact-row-bg .two-col-grid #contact-details {
  padding: 3rem;
}
.contact-row .contact-row-bg .two-col-grid p:last-child {
  margin-bottom: 0;
}
.contact-row .contact-row-bg .two-col-grid .cr-label {
  display: block;
  margin-bottom: 10px;
}
.contact-row .contact-row-bg .two-col-grid .cr-link {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  color: #202224;
  display: block;
  margin-bottom: 20px;
}
.contact-row .contact-row-bg .two-col-grid .cr-link:last-child {
  margin-bottom: 0;
}
.contact-row .contact-row-bg .two-col-grid .cr-link:hover {
  color: #F3404B;
}
.contact-row .three-col-grid {
  padding: 5rem 0;
}
.contact-row .three-col-grid .col {
  padding: 0 25px;
}
.contact-row .three-col-grid .col img {
  margin-bottom: 20px;
  width: auto;
  height: 50px;
}
.contact-row .three-col-grid .col p {
  font-size: 14px;
  line-height: 26px;
}

#contact-details .three-col-grid .column-content h3 {
  opacity: 0.5;
  font-size: 18px;
  line-height: 26px;
}
#contact-details .three-col-grid .column-content p, #contact-details .three-col-grid .column-content a {
  font-size: 22px;
  line-height: 28px;
  color: #F3404B;
  text-decoration: none;
  font-weight: 700;
}
#contact-details .three-col-grid .column-content a:hover {
  color: #202224;
}

.wall-socials {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.wall-socials a img {
  width: 40px;
  height: 40px;
}
.wall-socials a:hover {
  opacity: 0.8;
}

@media screen and (max-width: 991px) {
  .contact-row .three-col-grid .col {
    padding: 0;
  }
  .contact-row .contact-row-bg .two-col-grid #contact-details {
    padding: 0;
  }
  .contact-row .contact-row-bg .two-col-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 767px) {
  .contact-row .contact-row-bg .wrapper {
    padding: 0;
  }
  .contact-row .contact-row-bg .wrapper .two-col-grid {
    background-color: rgba(255, 255, 255, 0.9);
  }
}
/** Full Image Icons **/
.full-image-icons {
  padding: 7rem 0;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.full-image-icons:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 10.07%, #000000 72.11%);
}
.full-image-icons .wrapper {
  position: relative;
  z-index: 2;
}
.full-image-icons .wrapper h2 {
  color: #F3404B;
}
.full-image-icons .wrapper h3 {
  color: #FFFFFF;
}
.full-image-icons .wrapper .full-image-icons-container {
  max-width: 750px;
}
.full-image-icons .wrapper .full-image-icons-container .full-image-icons-wrapper {
  margin-top: 3rem;
}
.full-image-icons .wrapper .full-image-icons-container .full-image-icons-wrapper .full-image-icon-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 20px;
}
.full-image-icons .wrapper .full-image-icons-container .full-image-icons-wrapper .full-image-icon-item img {
  width: 40px;
  height: auto;
}
.full-image-icons .wrapper .full-image-icons-container .full-image-icons-wrapper .full-image-icon-item > div h4 {
  color: #FFFFFF;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
}
.full-image-icons .wrapper .full-image-icons-container .full-image-icons-wrapper .full-image-icon-item > div p {
  color: #FFFFFF;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}
.full-image-icons#right:before {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 10.07%, #000000 72.11%);
}
.full-image-icons#right .wrapper {
  display: flex;
  justify-content: flex-end;
}

.four-col-grid {
  grid-gap: 30px;
}
.four-col-grid .col.team-card {
  background-color: #FAFAFA;
  padding: 30px;
}
.four-col-grid .col.team-card img {
  margin-bottom: 15px;
}
.four-col-grid .col.team-card h4 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 10px;
  font-weight: 700;
}
.four-col-grid .col.team-card span {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
  display: block;
}
.four-col-grid .col.team-card a.text-link {
  color: #F3404B;
  font-weight: 700;
  font-size: 14px;
  display: block;
  line-height: 20px;
  text-decoration: none;
}
.four-col-grid .col.team-card a.text-link:hover {
  color: #202224;
}

section#values-row .three-col-grid {
  grid-gap: 1.5rem;
}
section#values-row .three-col-grid .col {
  background-color: #fff;
  padding: 3rem;
}
section#values-row .three-col-grid .col h3 {
  font-weight: 700;
  color: #F3404B;
  font-size: 30px;
  line-height: 38px;
}
section#values-row .three-col-grid .col p {
  font-size: 16px;
  line-height: 26px;
}

section#downloads .one-col ul {
  margin: 2rem 0 0 0;
  padding: 0;
  list-style-type: none;
  align-items: center;
  gap: 1rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
section#downloads .one-col ul li a {
  width: 100%;
  justify-content: space-between;
  border-radius: 50px;
}

.hero-area {
  padding: 2rem 0 5rem;
}
.hero-area .hero-area-image {
  position: relative;
}
.hero-area .hero-area-image:before {
  background: linear-gradient(180.86deg, rgba(0, 0, 0, 0) 68.41%, rgba(0, 0, 0, 0.6) 76.7%, rgba(0, 0, 0, 0.8) 94.92%);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.hero-area .hero-area-image img {
  display: block;
  height: 500px;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.hero-area .hero-area-image .hero-area-text {
  position: absolute;
  bottom: 3rem;
  left: 3rem;
  right: 3rem;
  z-index: 2;
  max-width: 750px;
}
.hero-area .hero-area-image .hero-area-text h1, .hero-area .hero-area-image .hero-area-text h2, .hero-area .hero-area-image .hero-area-text h3, .hero-area .hero-area-image .hero-area-text h4, .hero-area .hero-area-image .hero-area-text h5, .hero-area .hero-area-image .hero-area-text h6, .hero-area .hero-area-image .hero-area-text p, .hero-area .hero-area-image .hero-area-text span {
  color: #FFFFFF;
}
.hero-area .hero-area-image .hero-area-text p {
  font-size: 18px;
}
.hero-area .hero-area-image .hero-area-text p:last-child {
  margin-bottom: 0;
}
.hero-area .product-boxes {
  grid-gap: 20px;
  margin-top: 20px;
}
.hero-area .product-boxes .product-box {
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
}
.hero-area .product-boxes .product-box picture {
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  display: block;
  background-color: #FFFFFF;
}
.hero-area .product-boxes .product-box picture img {
  display: flex;
  object-fit: cover;
  padding: 20px;
  max-height: 170px;
  width: auto;
  margin: 0 auto;
}
.hero-area .product-boxes .product-box picture:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
  background: rgba(0, 0, 0, 0);
  border-radius: 4px;
}
.hero-area .product-boxes .product-box h3 {
  width: 100%;
  background-color: #F3404B;
  color: #FFFFFF;
  padding: 15px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  border-radius: 0 0 4px 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
  margin-bottom: 0;
}
.hero-area .product-boxes .product-box h3 svg {
  width: 21px;
  height: 15px;
}
.hero-area .product-boxes .product-box a {
  text-decoration: none;
}
.hero-area .product-boxes .product-box:hover picture img {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}
.hero-area .product-boxes .product-box:hover picture:after {
  opacity: 1;
  background: rgba(243, 64, 75, 0.4);
}

@media screen and (max-width: 991px) {
  .hero-area .wrapper .product-boxes {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .hero-area {
    padding: 0;
  }
  .hero-area .wrapper {
    padding: 0;
  }
  .hero-area .wrapper .hero-area-image img {
    border-radius: 0;
  }
  .hero-area .wrapper .hero-area-image .hero-area-text {
    left: 30px;
    right: 30px;
    bottom: 30px;
  }
}
.btn {
  border: none;
  background-color: #F3404B;
  color: #FFFFFF;
  padding: 20px 30px;
  text-align: center;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 20px;
  font-weight: 700;
  text-decoration: none !important;
  cursor: pointer;
  gap: 10px; /* Space between text and arrow */
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  z-index: 1;
  gap: 50px;
}
.btn:hover {
  background-color: #202224;
}
.btn.right-arrow svg {
  width: 21px;
  height: 14.73px;
}
.btn.right-arrow svg path {
  fill: #FFFFFF;
}

.btn.outline {
  width: auto;
  background-color: transparent;
  border: 2px solid #F3404B;
  color: #F3404B;
  margin-top: 20px;
  justify-content: space-between;
  gap: 20px;
}
.btn.outline:hover {
  background-color: #F3404B;
  color: #FFFFFF;
}
.btn.outline.right-arrow svg {
  width: 21px;
  height: 14.73px;
}
.btn.outline.right-arrow svg path {
  fill: #F3404B;
}
.btn.outline.right-arrow:hover svg path {
  fill: #FFFFFF;
}
.btn.outline.rfp-download {
  border-radius: 50px;
}
.btn.outline.rfp-download svg {
  width: 27px;
  height: 24px;
}
.btn.outline.rfp-download svg path {
  fill: #F3404B;
}
.btn.outline.rfp-download:hover svg path {
  fill: #FFFFFF;
}

header {
  background-color: #FAFAFA;
  position: relative;
  z-index: 101;
}
header .navbar {
  padding: 20px 0;
  display: flex;
  gap: 25px;
  align-items: center;
}
header .navbar .navbar-logo {
  width: 20%;
  min-width: 100px;
}
header .navbar .navbar-logo img {
  max-width: 290px;
  width: 100%;
  height: auto;
}
header .navbar .navbar-content {
  display: flex;
  flex-direction: column;
  width: calc(80% - 25px);
  gap: 20px;
}
header .navbar .navbar-content .navbar-content-top {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area {
  position: relative;
  display: inline-block;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area .navbar-cart {
  background-color: rgba(83, 169, 115, 0.15);
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  line-height: 14px;
  padding: 15px 20px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  color: #202224;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area .navbar-cart:hover {
  background-color: rgba(83, 169, 115, 0.25);
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area .cart-overlay {
  display: block;
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 10px;
  background-color: #FFFFFF;
  padding: 20px;
  border-radius: 4px;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 3;
  width: 300px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  list-style-type: none;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area .cart-overlay h2 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area .cart-overlay p.woocommerce-mini-cart__empty-message {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: red;
  margin: 0;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area .cart-overlay p.woocommerce-mini-cart__buttons.buttons {
  display: flex;
  width: 100%;
  margin: 0;
  gap: 5px;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area .cart-overlay p.woocommerce-mini-cart__buttons.buttons a {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  width: 50%;
  padding: 12px 0;
  display: flex;
  justify-content: center;
  border: none;
  border-radius: 4px;
  color: #FFFFFF;
  background-color: #202224;
  letter-spacing: -0.5px;
  margin-right: 0;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area .cart-overlay p.woocommerce-mini-cart__buttons.buttons a:last-child {
  background-color: #F3404B;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area .cart-overlay p.woocommerce-mini-cart__buttons.buttons a:hover {
  opacity: 0.9;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area .cart-overlay a {
  color: #202224;
  text-decoration: none;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area .cart-overlay a:hover {
  color: #F3404B;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area .cart-overlay dl.variation {
  font-size: 12px;
  line-height: 16px;
  margin: 5px 0 !important;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area .cart-overlay dl.variation dt {
  font-weight: 600 !important;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area .cart-overlay dl.variation dt, header .navbar .navbar-content .navbar-content-top .navbar-cart-area .cart-overlay dl.variation dd {
  font-size: 12px;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 16px;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area .cart-overlay dl.variation dt p, header .navbar .navbar-content .navbar-content-top .navbar-cart-area .cart-overlay dl.variation dd p {
  font-size: 12px;
  line-height: 16px;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area .cart-overlay .widget_shopping_cart .cart_list li {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.0588235294);
  padding-bottom: 5px;
  margin-bottom: 5px;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area .cart-overlay .widget_shopping_cart .cart_list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area .cart-overlay .widget_shopping_cart .cart_list li img {
  border-radius: 4px;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area .cart-overlay p.woocommerce-mini-cart__total.total {
  font-size: 14px;
  letter-spacing: -0.5px;
  margin: 10px 0 10px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.0588235294) !important;
}
header .navbar .navbar-content .navbar-content-top .navbar-cart-area.is-open .cart-overlay, header .navbar .navbar-content .navbar-content-top .navbar-cart-area:hover .cart-overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
header .navbar .navbar-content .navbar-content-top .navbar-login {
  background-color: rgba(243, 64, 76, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  border-radius: 4px;
}
header .navbar .navbar-content .navbar-content-top .navbar-login svg path {
  fill: #F3404B;
}
header .navbar .navbar-content .navbar-content-top .navbar-login:hover {
  background-color: rgba(243, 64, 76, 0.25);
}
header .navbar .navbar-content .navbar-content-top .navbar-tel {
  background-color: #F3404B;
  padding: 10px 20px;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  display: flex;
  gap: 7px;
  align-items: center;
  text-decoration: none;
}
header .navbar .navbar-content .navbar-content-top .navbar-tel svg {
  width: auto;
  height: 14px;
}
header .navbar .navbar-content .navbar-content-top .navbar-tel:hover {
  background-color: #e43a45;
}
header .navbar .navbar-content .navbar-content-bottom .mega-sub-menu .highlight-row > ul > li {
  padding-right: 10px !important;
}
header .navbar .navbar-content .navbar-content-bottom .mega-sub-menu .highlight-row > ul > li:last-child {
  padding-right: 0 !important;
}
header .navbar .navbar-content .navbar-content-bottom .mega-sub-menu .menu-heading a {
  font-size: 14px !important;
  font-weight: 600 !important;
}
header .navbar .navbar-content .navbar-content-bottom .mega-sub-menu .menu-highlight a {
  font-size: 14px !important;
  font-weight: 600 !important;
  background-color: #5B40F3 !important;
  color: #FFFFFF !important;
  text-align: center !important;
  border-radius: 4px !important;
  padding: 10px 20px !important;
}
header .navbar .navbar-content .navbar-content-bottom .mega-sub-menu .menu-brochure a {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #F3404B !important;
  border: 1px solid rgba(243, 64, 76, 0.15) !important;
  border-radius: 4px !important;
  padding: 10px 20px !important;
  text-align: center !important;
}
header .navbar .navbar-content .navbar-content-bottom .menu {
  display: flex;
  justify-content: flex-end;
  gap: 25px;
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
header .navbar .navbar-content .navbar-content-bottom .menu li {
  position: relative;
}
header .navbar .navbar-content .navbar-content-bottom .menu li a {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #202224;
  text-decoration: none;
}
header .navbar .navbar-content .navbar-content-bottom .menu li a:hover {
  color: #F3404B;
}
header .navbar .navbar-content .navbar-content-bottom .menu li > ul {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 999;
  opacity: 0;
  transition: opacity 0.3s ease;
  padding: 20px;
  min-width: 250px;
  border-radius: 0;
  list-style-type: none;
}
header .navbar .navbar-content .navbar-content-bottom .menu li > ul li {
  position: relative;
  padding: 0 0 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  margin-bottom: 10px;
}
header .navbar .navbar-content .navbar-content-bottom .menu li > ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
header .navbar .navbar-content .navbar-content-bottom .menu li > ul li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #202224;
  font-weight: 400;
  font-size: 14px;
}
header .navbar .navbar-content .navbar-content-bottom .menu li > ul li a:after {
  content: "";
  width: 16px; /* Adjust size */
  height: 10px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 93.162 61.291'%3E%3Cpath d='M226.734 39.422l25.774 25.556.215.2a4.939 4.939 0 0 1 1.439 3.316l0 .448A4.857 4.857 0 0 1 252.9 71.91l-.3.31L226.734 97.869a4.917 4.917 0 0 1-6.918 0 4.867 4.867 0 0 1 0-6.918L237.673 73.24l-71.771 0a4.881 4.881 0 1 1 0-9.763l71.2 0L219.816 46.34a4.867 4.867 0 0 1 0-6.918 4.917 4.917 0 0 1 6.918 0Z' transform='translate(-161 -38)' fill='%23122C42'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}
header .navbar .navbar-content .navbar-content-bottom .menu li > ul li a:hover {
  color: #F3404B;
}
header .navbar .navbar-content .navbar-content-bottom .menu li > ul li a:hover:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 93.162 61.291'%3E%3Cpath d='M226.734 39.422l25.774 25.556.215.2a4.939 4.939 0 0 1 1.439 3.316l0 .448A4.857 4.857 0 0 1 252.9 71.91l-.3.31L226.734 97.869a4.917 4.917 0 0 1-6.918 0 4.867 4.867 0 0 1 0-6.918L237.673 73.24l-71.771 0a4.881 4.881 0 1 1 0-9.763l71.2 0L219.816 46.34a4.867 4.867 0 0 1 0-6.918 4.917 4.917 0 0 1 6.918 0Z' transform='translate(-161 -38)' fill='%23EE3330'/%3E%3C/svg%3E") no-repeat center;
}
header .navbar .navbar-content .navbar-content-bottom .menu li:hover > ul {
  opacity: 1;
  display: block;
}
header .rfp-usp {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 3rem;
  background: #EEEEEE;
  padding: 10px 25px;
}
header .rfp-usp .rfp-usp-item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
  row-gap: 0;
  text-align: left;
}
header .rfp-usp .rfp-usp-item svg {
  width: 34px;
  height: 34px;
  object-fit: contain;
  background: #fff;
  border-radius: 50%;
  padding: 8px;
  grid-row: 1/span 2;
}
header .rfp-usp .rfp-usp-item span {
  font-size: 12px;
  line-height: 16px;
}
header .rfp-usp .rfp-usp-item span:first-of-type {
  font-weight: 600;
}

.menu-item-has-children > a:after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10L12 15L17 10' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
  margin-left: 0;
  vertical-align: middle;
}
.menu-item-has-children > a:hover:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10L12 15L17 10' stroke='%23000000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat center;
}

form.nav-search {
  display: flex;
}
form.nav-search ::placeholder {
  color: #202224;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
}
form.nav-search input#nav-search-input {
  border-radius: 4px 0 0 4px;
  width: 280px;
  padding: 12px 14px;
  color: #202224;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-right: none;
  background-color: transparent !important;
}
form.nav-search input#nav-search-input:focus {
  outline: none;
}
form.nav-search button.nav-search__button {
  border-radius: 0 4px 4px 0;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-left: none;
  padding: 12px 14px;
  color: #202224;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent !important;
}
form.nav-search button.nav-search__button svg path {
  fill: #202224;
}
form.nav-search button.nav-search__button:hover {
  cursor: pointer;
}
form.nav-search button.nav-search__button:hover svg path {
  fill: #F3404B;
}

/* Mobile Flyout Styles */
.nbar-tog {
  border-radius: 4px;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.nbar-tog #nav-button {
  display: block;
  width: 32px;
  height: 22px;
  background: transparent;
  border: none;
  cursor: pointer;
  position: relative;
}

.hamburger-line {
  display: block;
  width: 100%;
  height: 3px;
  background: #202224;
  position: absolute;
  left: 0;
  transition: transform 0.3s ease-out;
}
.hamburger-line:nth-child(1) {
  top: 0;
}
.hamburger-line:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
  width: 85%;
}
.hamburger-line:nth-child(3) {
  bottom: 0;
}

.open .hamburger-line:nth-child(1) {
  transform: rotate(45deg) translate(7px, 7px);
}
.open .hamburger-line:nth-child(2) {
  opacity: 0;
}
.open .hamburger-line:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.closed#nav-button:hover .hamburger-line:nth-child(1) {
  transform: rotate(15deg) translate(0px, 0px);
}
.closed#nav-button:hover .hamburger-line:nth-child(3) {
  transform: rotate(-15deg) translate(0px, 0px);
}

header.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1215686275);
}
header.sticky .rfp-usp {
  display: none;
}
header.sticky .navbar {
  padding-top: 15px;
  padding-bottom: 15px;
}
header.sticky .navbar .navbar-logo img {
  max-width: 200px;
}
header.sticky .navbar .navbar-content .navbar-content-top {
  display: none;
}

/* Sticky Area Styling */
.flyout {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 100;
  top: -100%; /* Start hidden above the top */
  background-color: #FAFAFA;
  overflow-x: hidden;
  padding-top: 15rem;
  transition: top 0.2s; /* Animate the top property */
}
.flyout .menu {
  list-style-type: none;
}
.flyout .menu .menu-item-has-children.submenu-open > .sub-menu {
  display: block;
}
.flyout .menu > li.menu-item-has-children > a:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10L12 15L17 10' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat center;
  height: 26px;
  width: 20px;
  content: "";
  background-size: contain;
  position: absolute;
  margin-left: 10px;
}
.flyout .menu li {
  text-align: center;
}
.flyout .menu li ul.sub-menu {
  padding-left: 0;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
  padding-bottom: 15px;
  margin-bottom: 15px;
  display: none;
  list-style-type: none;
}
.flyout .menu li a {
  padding: 12px 0;
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  display: inline-block;
  color: #202224;
  text-decoration: none;
}

.mobile-menu .submenu-open > a:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10L12 15L17 10' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat center;
  transform: rotate(180deg);
}

.mobile-menu .menu-item-has-children > a:hover:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10L12 15L17 10' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat center;
}

@media screen and (max-width: 1199px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 12px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 991px) {
  header.sticky-blue .rfp-usp {
    display: none;
  }
  header .navbar {
    justify-content: space-between;
  }
  header .navbar .navbar-content .navbar-content-top .nav-search {
    display: none;
  }
  header .navbar .navbar-content .navbar-content-bottom {
    display: none;
  }
  header .navbar .nbar-tog {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  header .rfp-usp {
    gap: 15px;
  }
  header .rfp-usp .rfp-usp-item {
    grid-template-columns: 1fr;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 33.333%;
  }
  header .rfp-usp .rfp-usp-item span {
    font-size: 10px;
    line-height: 14px;
  }
  header .rfp-usp .rfp-usp-item span:last-child {
    display: none;
  }
  header .navbar {
    gap: 8px;
  }
  header .navbar .navbar-logo {
    width: 120px;
  }
  header .navbar .navbar-content {
    width: auto;
  }
  header .navbar .navbar-content .navbar-content-top .navbar-tel {
    display: none;
  }
  header .navbar .navbar-content .navbar-content-top .navbar-cart {
    padding: 10px;
    justify-content: center;
    font-size: 10px;
    line-height: 12px;
  }
  header .navbar .navbar-content .navbar-content-top .navbar-login {
    width: 37px;
    text-align: center;
  }
}
footer {
  background-color: #202224;
  padding: 5rem 0 3rem;
}
footer .wrapper .footer-widget-columns {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
footer .wrapper .footer-widget-columns .col {
  padding: 2rem 3rem 3rem;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}
footer .wrapper .footer-widget-columns .col:last-child {
  border-right: none;
}
footer .wrapper .footer-widget-columns .col:first-child {
  padding: 0;
}
footer .wrapper .footer-widget-columns .col:first-child .textwidget img {
  padding: 0 2rem;
}
footer .wrapper .footer-widget-columns .col:first-child .footer-address {
  padding: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
footer .wrapper .footer-widget-columns .col:first-child .footer-address address {
  font-size: 12px;
  line-height: 16px;
  color: #FFFFFF;
  display: block;
}
footer .wrapper .footer-widget-columns .col .footer-logo img {
  max-width: 300px;
  height: auto;
}
footer .wrapper .footer-widget-columns .col .footer-contact {
  padding: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
footer .wrapper .footer-widget-columns .col .footer-contact span {
  color: #FFFFFF;
  font-size: 12px;
  line-height: 16px;
  display: block;
}
footer .wrapper .footer-widget-columns .col .footer-contact a {
  color: #F3404B;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  display: block;
  padding: 5px 0;
  margin-bottom: 20px;
  margin-top: 5px;
}
footer .wrapper .footer-widget-columns .col .footer-contact a:last-child {
  margin-bottom: 0;
}
footer .wrapper .footer-widget-columns .col .footer-contact a:hover {
  color: #FAFAFA;
}
footer .wrapper .footer-widget-columns .col h2.widgettitle {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}
footer .wrapper .footer-widget-columns .col p {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 22px;
  font-weight: 740;
}
footer .wrapper .footer-widget-columns .col .menu li {
  padding: 4px 0;
}
footer .wrapper .footer-widget-columns .col .menu li a {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  font-weight: 400;
}
footer .wrapper .footer-widget-columns .col .menu li a:hover {
  color: #F3404B;
}
footer .wrapper .footer-brochure {
  background-color: #000000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 1rem 1rem 1rem 11rem;
  border-radius: 4px;
  position: relative;
  max-width: 1000px;
  margin: 0 auto 5rem;
}
footer .wrapper .footer-brochure img {
  max-width: 230px;
  height: auto;
  width: 100%;
  position: absolute;
  left: -50px;
}
footer .wrapper .footer-brochure div a {
  display: flex;
}
footer .wrapper .footer-brochure div h3 {
  font-size: 22px;
  line-height: 26px;
  color: #FFFFFF;
}
footer .wrapper .footer-brochure div p {
  font-size: 12px;
  line-height: 20px;
  margin: 0;
  color: #FFFFFF;
}
footer .wrapper .footer-brochure .footer-brochure-links {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 10px;
}
footer .wrapper .footer-brochure .footer-brochure-links a:last-child {
  font-size: 12px;
  line-height: 16px;
  color: #FFFFFF;
  text-decoration: none;
}
footer .wrapper .social-icons {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 1.5rem;
}
footer .wrapper .social-icons a svg {
  width: 28px;
  height: 28px;
}
footer .wrapper .social-icons a svg path {
  fill: #FFFFFF;
}
footer .wrapper .social-icons a:hover svg path {
  fill: #F3404B;
}
footer .wrapper .bottom-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3rem 3rem 0;
}
footer .wrapper .bottom-bar .cards {
  max-width: 150px;
  height: auto;
}
footer .wrapper .bottom-bar p {
  color: #FFFFFF;
  font-size: 10px;
  line-height: 16px;
  margin-bottom: 0;
}
footer .wrapper .bottom-bar .menu {
  display: flex;
  gap: 15px;
  align-items: center;
  flex-wrap: wrap;
}
footer .wrapper .bottom-bar .menu li a {
  color: #FFFFFF;
  font-size: 10px;
  line-height: 16px;
  text-decoration: none;
}
footer .wrapper .bottom-bar .menu li a:hover {
  color: #F3404B;
}
footer ul {
  list-style-type: none;
}

@media screen and (max-width: 991px) {
  footer {
    padding-top: 3rem;
  }
  footer .wrapper .footer-widget-columns {
    grid-template-columns: 1fr 1fr 1fr;
  }
  footer .wrapper .footer-widget-columns .col {
    text-align: left;
    padding: 2rem;
    margin: 0;
  }
  footer .wrapper .footer-widget-columns .col:first-child {
    grid-column: 1/span 3;
    text-align: left;
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
  }
  footer .wrapper .footer-brochure {
    padding: 1rem;
  }
  footer .wrapper .footer-brochure img {
    display: none;
  }
  footer .wrapper .bottom-bar {
    justify-content: flex-start;
    gap: 25px;
    flex-wrap: wrap;
    padding: 2rem 2rem 0;
    row-gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  footer {
    padding-top: 3rem;
  }
  footer .wrapper .footer-widget-columns {
    grid-template-columns: 1fr;
  }
  footer .wrapper .footer-widget-columns .col {
    padding: 1rem;
    border: none;
  }
  footer .wrapper .footer-widget-columns .col:first-child {
    grid-column: 1/span 1;
    padding: 1rem;
  }
  footer .wrapper .footer-widget-columns .col:first-child .footer-address, footer .wrapper .footer-widget-columns .col:first-child .footer-contact {
    padding: 0;
    border: none;
  }
  footer .wrapper .footer-widget-columns .col:first-child .footer-address {
    margin-top: 20px;
  }
  footer .wrapper .footer-widget-columns .col:first-child .textwidget img {
    padding: 0;
  }
  footer .wrapper .footer-brochure {
    display: none;
  }
  footer .wrapper .bottom-bar {
    padding: 2rem 1rem 0;
  }
}
@media (max-width: 768px) {
  footer .widget_nav_menu .footer-menu-toggle {
    position: relative;
    cursor: pointer;
    padding-right: 25px;
  }
  /* Down arrow by default */
  footer .widget_nav_menu .footer-menu-toggle::after {
    content: "▾"; /* arrow */
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.25s ease;
    font-size: 0.9em;
  }
  /* Rotate arrow when open */
  footer .widget_nav_menu .footer-menu-toggle.is-open::after {
    transform: translateY(-50%) rotate(-180deg);
  }
  footer .widget_nav_menu .menu-footer-company-container {
    display: none;
  }
  footer .widget_nav_menu .footer-menu-toggle.is-open + .menu-footer-company-container {
    display: block;
  }
}
.tabs .tab-buttons {
  display: flex;
  gap: 10px;
  margin-bottom: 2rem;
  align-items: center;
  justify-content: flex-start;
}
.tabs .tab-buttons .tab-button {
  background: transparent;
  border: none;
  font-size: 14px;
  font-weight: 600;
  color: #202224;
  cursor: pointer;
  padding: 15px 20px;
  position: relative;
  font-family: "Plus Jakarta Sans", sans-serif;
  border-radius: 4px;
}
.tabs .tab-buttons .tab-button.active {
  color: #FFFFFF;
  background-color: #F3404B;
}
.tabs .tab-buttons .tab-button:hover {
  background-color: #F3404B;
  color: #FFFFFF;
}
.tabs .tabs-inner {
  margin-top: 3rem;
}
.tabs .tabs-inner .tab-contents .tab-content {
  display: none;
  /***  TWO COLUMN GRID  ***/
}
.tabs .tabs-inner .tab-contents .tab-content.active {
  display: block;
}
.tabs .tabs-inner .tab-contents .tab-content .panel-layout div:first-child .panel-row-style {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
  grid-gap: 3rem;
}
.tabs .tabs-inner .tab-contents .tab-content .panel-layout div:first-child .panel-row-style :first-child {
  -ms-grid-column: 1;
}
.tabs .tabs-inner .tab-contents .tab-content .panel-layout div:first-child .panel-row-style :last-child {
  -ms-grid-column: 2;
}
.tabs .tabs-inner .tab-contents .tab-content table#datasheets, .tabs .tabs-inner .tab-contents .tab-content table {
  width: 100%;
  margin-bottom: 3rem;
}
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr td:first-child, .tabs .tabs-inner .tab-contents .tab-content table tbody tr td:first-child {
  width: 200px;
}
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr td:first-child img, .tabs .tabs-inner .tab-contents .tab-content table tbody tr td:first-child img {
  width: 100px;
  height: auto;
}
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr td:nth-child(5), .tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr td:nth-child(6), .tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr td:nth-child(7), .tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr td:nth-child(8), .tabs .tabs-inner .tab-contents .tab-content table tbody tr td:nth-child(5), .tabs .tabs-inner .tab-contents .tab-content table tbody tr td:nth-child(6), .tabs .tabs-inner .tab-contents .tab-content table tbody tr td:nth-child(7), .tabs .tabs-inner .tab-contents .tab-content table tbody tr td:nth-child(8) {
  width: 100px;
  text-align: center;
}
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr td:nth-child(5) img, .tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr td:nth-child(6) img, .tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr td:nth-child(7) img, .tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr td:nth-child(8) img, .tabs .tabs-inner .tab-contents .tab-content table tbody tr td:nth-child(5) img, .tabs .tabs-inner .tab-contents .tab-content table tbody tr td:nth-child(6) img, .tabs .tabs-inner .tab-contents .tab-content table tbody tr td:nth-child(7) img, .tabs .tabs-inner .tab-contents .tab-content table tbody tr td:nth-child(8) img {
  height: 30px;
  width: auto;
}
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr td, .tabs .tabs-inner .tab-contents .tab-content table tbody tr td {
  padding: 5px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #202224;
}
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(1), .tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(1) {
  background-color: #F3404B;
}
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(1) td, .tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(1) td {
  padding: 10px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #FFFFFF;
}
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(2), .tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(3),
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(6), .tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(7),
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(10), .tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(11),
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(14), .tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(15),
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(18), .tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(19),
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(22), .tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(23),
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(26), .tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(27),
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(30), .tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(31),
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(34), .tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(35),
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(38), .tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(39),
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(42), .tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(43),
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(46), .tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(47),
.tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(50), .tabs .tabs-inner .tab-contents .tab-content table#datasheets tbody tr:nth-child(51), .tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(2), .tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(3),
.tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(6), .tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(7),
.tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(10), .tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(11),
.tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(14), .tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(15),
.tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(18), .tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(19),
.tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(22), .tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(23),
.tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(26), .tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(27),
.tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(30), .tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(31),
.tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(34), .tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(35),
.tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(38), .tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(39),
.tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(42), .tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(43),
.tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(46), .tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(47),
.tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(50), .tabs .tabs-inner .tab-contents .tab-content table tbody tr:nth-child(51) {
  background-color: #f8f8f8;
}
.tabs .tabs-inner .tab-contents .tab-content .two-col-grid {
  gap: 0;
  align-items: stretch;
}
.tabs .tabs-inner .tab-contents .tab-content .two-col-grid .col:first-child {
  background-color: #FAFAFA;
  padding: 3rem;
}
.tabs .tabs-inner .tab-contents .tab-content .two-col-grid .col p {
  margin-bottom: 1rem;
}
.tabs .tabs-inner .tab-contents .tab-content .two-col-grid .col img {
  max-width: 100%;
  height: 100%;
  background: #f2f2f2;
  object-fit: cover;
}

.single-product .tabs .tabs-inner {
  margin-top: 0;
}
.single-product .tabs .tabs-inner .tab-buttons {
  background: #F2F2F2;
  padding: 10px 25px;
  justify-content: center;
  margin-bottom: 0;
}
.single-product .tabs .tabs-inner .tab-buttons .tab-button {
  background: transparent;
  color: #202224;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}
.single-product .tabs .tabs-inner .tab-buttons .tab-button.active {
  color: #F3404B;
}
.single-product .tabs .tabs-inner .tab-contents {
  background-color: #FFFFFF;
  padding: 4rem 25px;
}
.single-product .tabs .tabs-inner .tab-contents .tab-content {
  max-width: 1400px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .tabs .tabs-inner .tab-contents .tab-content .two-col-grid {
    grid-template-columns: 1fr;
  }
  .tabs .tab-buttons {
    gap: 5px;
    flex-wrap: wrap;
  }
  .tabs .tab-buttons .tab-button {
    padding: 10px 15px;
    font-size: 12px;
  }
}
.posts-grid article.col picture {
  display: flex;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
}
.posts-grid article.col picture:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.8s ease;
  background: rgba(0, 0, 0, 0);
  border-radius: 4px;
  overflow: hidden;
}
.posts-grid article.col picture .column-image {
  transition: transform 0.4s ease;
  border-radius: 4px;
  overflow: hidden;
}
.posts-grid article.col h4 {
  margin-top: 20px;
}
.posts-grid article.col a {
  text-decoration: unset;
  color: #202224;
}
.posts-grid article.col a:hover {
  color: #F3404B;
}
.posts-grid article.col time {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
}
.posts-grid article.col:hover picture:before {
  opacity: 1;
  background: rgba(243, 64, 75, 0.4);
}
.posts-grid article.col:hover .column-image {
  transform: scale(1.1);
}

.pagination {
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
}
.pagination span.dots {
  background-color: #F3404B;
  border-radius: 4px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  font-weight: 700;
}
.pagination a {
  background-color: white;
  border-radius: 4px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  color: #202224;
  font-weight: 700;
  text-decoration: none;
}
.pagination a:hover {
  background-color: #F3404B;
  color: #FFFFFF;
}
.pagination .pagination-summary {
  margin-left: 3rem;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.single-post .blog-hero-image {
  height: 500px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}
.single-post .col.content p:first-child {
  font-size: 22px;
  line-height: 34px;
}
.single-post .col.content p {
  font-size: 18px;
  line-height: 30px;
}
.single-post .col.sidebar {
  border-left: 1px solid #ececec;
}
.single-post .col.sidebar > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.single-post .col.sidebar > ul .widget {
  padding: 30px;
  border-bottom: 1px solid #ececec;
}
.single-post .col.sidebar > ul .widget ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.single-post .col.sidebar > ul .widget ul li {
  padding: 5px 0;
}
.single-post .col.sidebar > ul .widget ul li a {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-decoration: none;
  color: #202224;
}
.single-post .col.sidebar > ul .widget ul li a:hover {
  color: #F3404B;
}
.single-post .col.sidebar > ul .widget .post-date {
  display: block;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  margin-top: 5px;
  opacity: 0.5;
}
.single-post .col.sidebar > ul .widget .widgettitle {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}

.woocommerce ul.product_list_widget li img {
  float: left;
  background: white;
  padding: 10px;
  width: 75px;
  margin: 0 10px 0 0;
}
.woocommerce ul.product_list_widget li span.product-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-decoration: none;
  color: #202224;
}
.woocommerce ul.product_list_widget li span.woocommerce-Price-amount.amount {
  font-size: 12px;
  font-weight: 600;
  color: #F3404B;
}
.woocommerce ul.product_list_widget li small.woocommerce-price-suffix {
  font-size: 10px;
}

.post-meta {
  display: flex;
  gap: 20px;
  padding: 15px 5px;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  margin-bottom: 5rem;
  justify-content: space-around;
}
.post-meta .meta-author {
  display: flex;
  gap: 10px;
}
.post-meta .meta-author img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
  border: 1px solid #ececec;
}
.post-meta .meta-author div span {
  display: block;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 5px;
}
.post-meta .meta-author div strong, .post-meta .meta-author div a {
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  color: #202224;
  text-decoration: none;
}
.post-meta .meta-author div strong:hover, .post-meta .meta-author div a:hover {
  color: #F3404B;
}
.post-meta .meta-updated, .post-meta .meta-category {
  display: flex;
  gap: 10px;
}
.post-meta .meta-updated .meta-square, .post-meta .meta-category .meta-square {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: rgba(57, 114, 184, 0.5);
  display: inline-flex;
}
.post-meta .meta-updated div span, .post-meta .meta-category div span {
  display: block;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 5px;
}
.post-meta .meta-updated div strong, .post-meta .meta-updated div a, .post-meta .meta-category div strong, .post-meta .meta-category div a {
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  color: #202224;
  text-decoration: none;
}
.post-meta .meta-updated div strong:hover, .post-meta .meta-updated div a:hover, .post-meta .meta-category div strong:hover, .post-meta .meta-category div a:hover {
  color: #F3404B;
}
.post-meta .meta-category .meta-square {
  background-color: rgba(38, 184, 182, 0.451);
}

.author-header {
  display: flex;
  gap: 2rem;
}
.author-header img {
  width: 160px;
  height: 200px;
  object-fit: cover;
  border-radius: 4px;
}

@media screen and (max-width: 991px) {
  .single-post > .two-col-grid {
    padding-bottom: 0;
    grid-template-columns: 1fr;
  }
  .single-post > .two-col-grid .col:first-child {
    order: 2;
  }
  .single-post > .two-col-grid .col:last-child {
    order: 1;
  }
  .single-post > .two-col-grid .blog-hero-image {
    height: 350px;
  }
  .single-post > .two-col-grid .post-meta {
    margin-bottom: 2rem;
  }
  .single-post > .two-col-grid.two-thirds {
    grid-template-columns: 1fr;
  }
  .single-post > .two-col-grid.two-thirds .col.content {
    order: 1;
  }
  .single-post > .two-col-grid.two-thirds .col.content p:first-child {
    font-size: 20px;
    line-height: 30px;
  }
  .single-post > .two-col-grid.two-thirds .col.content p {
    font-size: 16px;
    line-height: 28px;
  }
  .single-post > .two-col-grid.two-thirds .col.sidebar {
    order: 2;
    border-left: none;
    border-top: 1px solid #ececec;
  }
  .single-post > .two-col-grid.two-thirds .col.sidebar > ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .single-post > .two-col-grid.two-thirds .col.sidebar > ul .widget {
    border-left: 1px solid #ececec;
  }
}
@media screen and (max-width: 767px) {
  .author-header {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
  }
  .author-header img {
    width: 120px;
    height: 150px;
    object-fit: cover;
    border-radius: 4px;
    display: block;
  }
  .author-header div {
    width: 100%;
  }
  .post-meta .meta-author div strong a, .post-meta .meta-author div strong strong, .post-meta div a, .post-meta div strong {
    font-size: 12px !important;
    line-height: 16px !important;
  }
  .post-meta .meta-author div strong span, .post-meta div span {
    font-size: 10px !important;
    line-height: 14px !important;
    margin-bottom: 1px !important;
  }
  .single-post .two-col-grid .blog-hero-image {
    height: 250px;
  }
  .single-post > .two-col-grid.two-thirds {
    grid-template-columns: 1fr;
  }
  .single-post > .two-col-grid.two-thirds .col.content {
    order: 1;
  }
  .single-post > .two-col-grid.two-thirds .col.content p:first-child {
    font-size: 18px;
    line-height: 28px;
  }
  .single-post > .two-col-grid.two-thirds .col.content p {
    font-size: 16px;
    line-height: 28px;
  }
  .single-post > .two-col-grid.two-thirds .col.sidebar > ul {
    grid-template-columns: 1fr;
  }
  .single-post > .two-col-grid.two-thirds .col.sidebar > ul .widget {
    border-left: none;
  }
}
.portfolio-posts {
  margin-top: 3rem;
}
.portfolio-posts .portfolio-card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 2rem;
}
.portfolio-posts .portfolio-card .portfolio-card-image {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: flex;
}
.portfolio-posts .portfolio-card .portfolio-card-content {
  padding: 3rem;
  background-color: #FFFFFF;
}
.portfolio-posts .portfolio-card .portfolio-card-content a {
  text-decoration: none;
}
.portfolio-posts .portfolio-card .portfolio-card-content h2 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 600;
}
.portfolio-posts .portfolio-card .portfolio-card-content h2 a {
  color: #202224;
}

label {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
}

#catalogue-request,
#contact-form {
  border-radius: 4px;
}
#catalogue-request .frm_forms,
#contact-form .frm_forms {
  background-color: #EFEFEF;
  padding: 3rem 3rem 2rem 3rem;
}
#catalogue-request label,
#contact-form label {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
}
#catalogue-request fieldset,
#contact-form fieldset {
  margin: 0;
  padding: 0;
}
#catalogue-request .form-field:last-child,
#contact-form .form-field:last-child {
  margin-bottom: 0 !important;
}
#catalogue-request input[type=text],
#catalogue-request input[type=password],
#catalogue-request input[type=email],
#catalogue-request input[type=number],
#catalogue-request input[type=url],
#catalogue-request input[type=tel],
#catalogue-request input[type=search],
#catalogue-request select,
#catalogue-request textarea,
#contact-form input[type=text],
#contact-form input[type=password],
#contact-form input[type=email],
#contact-form input[type=number],
#contact-form input[type=url],
#contact-form input[type=tel],
#contact-form input[type=search],
#contact-form select,
#contact-form textarea {
  font-size: 14px;
  font-family: "Plus Jakarta Sans", sans-serif;
  line-height: 18px;
  font-weight: 700;
  border-radius: 4px;
  padding: 15px;
  border: 1px solid #eaeaea;
  background-color: #FFFFFF;
}
#catalogue-request button.frm_button_submit,
#contact-form button.frm_button_submit {
  background-color: #F3404B;
  border-radius: 4px;
  padding: 15px 30px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #FFFFFF;
  border: none;
  box-shadow: none;
  outline: none;
  font-family: "Plus Jakarta Sans", sans-serif;
  margin: 0;
}
#catalogue-request button.frm_button_submit:hover,
#contact-form button.frm_button_submit:hover {
  background-color: #202224;
}

#contact-form .frm_forms {
  background-color: transparent;
  padding: 0;
}
#contact-form input[type=text],
#contact-form input[type=password],
#contact-form input[type=email],
#contact-form input[type=number],
#contact-form input[type=url],
#contact-form input[type=tel],
#contact-form input[type=search],
#contact-form select,
#contact-form textarea {
  font-size: 14px;
  font-family: "Plus Jakarta Sans", sans-serif;
  line-height: 18px;
  font-weight: 700;
  border-radius: 4px;
  padding: 15px;
  border: 1px solid #eaeaea;
  background-color: #FFFFFF;
}

#catalogue-download .btn {
  font-size: 14px;
  line-height: 18px;
}
#catalogue-download .btn strong {
  display: block;
  font-size: 18px;
  line-height: 22px;
}

/****************************************************
****** WOOCOMMERCE ACCOUNT ********************
****************************************************/
.woocommerce-MyAccount-navigation ul {
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.woocommerce-MyAccount-navigation ul li a {
  display: flex;
  padding: 20px 30px;
  background-color: #f4f4f4;
  color: #202224;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  border-radius: 4px;
  position: relative;
  text-decoration: none;
  margin-bottom: 5px;
}
.woocommerce-MyAccount-navigation ul li a:after {
  background-image: url(/wp-content/themes/rfp/assets/svg/rfp-right-arrow-black.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  width: 25px;
  height: 14px;
  position: absolute;
  right: 20px;
  top: 22px;
  z-index: 1;
}
.woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li:hover a {
  background-color: #F3404B;
  color: #FFFFFF;
}
.woocommerce-MyAccount-navigation ul li.is-active a:after, .woocommerce-MyAccount-navigation ul li:hover a:after {
  background-image: url(/wp-content/themes/rfp/assets/svg/rfp-right-arrow.svg);
}
.woocommerce-MyAccount-navigation ul li.is-active a:after {
  background-image: url(/wp-content/themes/rfp/assets/svg/rfp-right-arrow.svg);
}

.woocommerce-MyAccount-content header {
  background-color: unset;
  box-shadow: unset;
}
.woocommerce-MyAccount-content header h2 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 700;
}
.woocommerce-MyAccount-content .addresses .title .edit {
  float: left;
  font-weight: 600;
  margin-bottom: 2rem;
}

form.woocommerce-EditAccountForm.edit-account fieldset {
  padding: 25px;
  border: 2px solid #e7e7e7;
  margin: 20px 0;
  border-radius: 4px;
}
form.woocommerce-EditAccountForm.edit-account fieldset legend {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

/****************************************************
****** WOOCOMMERCE CART ********************
****************************************************/
.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
  font-size: 14px;
  font-family: "Plus Jakarta Sans", sans-serif;
  line-height: 18px;
  font-weight: 700;
  border-radius: 4px;
  padding: 15px;
  border: 1px solid #eaeaea;
  background-color: #FFFFFF;
}

button.woocommerce-Button.button {
  background-color: #F3404B;
  border-radius: 4px;
  padding: 15px 30px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #FFFFFF;
  border: none;
  box-shadow: none;
  outline: none;
  font-family: "Plus Jakarta Sans", sans-serif;
  margin: 0;
}
button.woocommerce-Button.button:hover {
  background-color: #202224;
}

.woocommerce-account h1,
.woocommerce-checkout h1,
.woocommerce-cart h1 {
  font-size: 30px;
  line-height: 40px;
  border-bottom: 2px solid #ededed;
  padding-bottom: 10px;
  margin-bottom: 50px;
}

.woocommerce-cart a.wc-block-components-product-name {
  color: black;
  font-weight: 700;
}
.woocommerce-cart a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
  border: none;
  background-color: #F3404B;
  color: #FFFFFF;
  padding: 20px 30px;
  text-align: center;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 20px;
  font-weight: 700;
  text-decoration: none !important;
  cursor: pointer;
  gap: 10px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  z-index: 1;
  gap: 50px;
}
.woocommerce-cart a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover {
  background-color: #202224;
  color: #FFFFFF;
}

/****************************************************
****** NOTICES ********************
****************************************************/
main .woocommerce-error,
main .woocommerce-info,
main .woocommerce-message {
  border-radius: 4px;
  color: black;
  display: flex;
  gap: 7px;
  align-items: center;
  padding: 13px 10px 13px 60px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.5px;
  background: unset;
}
main .woocommerce-error a,
main .woocommerce-info a,
main .woocommerce-message a {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.5px;
}
main .woocommerce-error .woocommerce-Button, main .woocommerce-error .button,
main .woocommerce-info .woocommerce-Button,
main .woocommerce-info .button,
main .woocommerce-message .woocommerce-Button,
main .woocommerce-message .button {
  background: unset;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  color: #F3404B;
  margin-left: 20px;
}
main .woocommerce-error .woocommerce-Button:hover, main .woocommerce-error .button:hover,
main .woocommerce-info .woocommerce-Button:hover,
main .woocommerce-info .button:hover,
main .woocommerce-message .woocommerce-Button:hover,
main .woocommerce-message .button:hover {
  color: #202224;
}
main .woocommerce-info:before {
  color: #202224;
}
main .woocommerce-error {
  border-color: rgba(218, 46, 43, 0.285);
}
main .woocommerce-error:before {
  color: rgb(218, 46, 43);
}
main .woocommerce-message {
  border-color: rgba(18, 203, 98, 0.285);
}
main .woocommerce-message:before {
  color: rgb(18, 203, 98);
}
main .woocommerce-Button,
main .button {
  background-color: #F3404B;
  padding: 20px 50px;
  color: #FFFFFF;
  border: none;
  border-radius: 4px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  letter-spacing: -0.5px;
}

/****************************************************
****** WOOCOMMERCE BLOCK GRID (USED ON BASKET) *******
****************************************************/
.wc-block-grid__products {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
.wc-block-grid__products li.wc-block-grid__product {
  background-color: #FFFFFF;
  padding: 20px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  text-align: left;
  border: unset;
  flex: unset !important;
  max-width: unset !important;
}
.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image {
  width: 100%;
}
.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image img {
  max-height: 140px;
  width: auto;
  display: flex;
  margin: 0 auto 20px;
}
.wc-block-grid__products .wc-block-grid__product-title {
  font-size: 16px;
  line-height: 24px;
  color: #202224;
  font-weight: 600;
  width: 100%;
  border-bottom: 1px solid #FAFAFA;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: left;
}
.wc-block-grid__products span.woocommerce-Price-amount.amount {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.wc-block-grid__products small.woocommerce-price-suffix {
  font-weight: 400;
  font-size: 12px;
}
.wc-block-grid__products .wc-block-grid__product-image,
.wc-block-grid__products .wc-block-grid__product-link {
  text-decoration: none;
  width: 100%;
}
.wc-block-grid__products .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
  border: none;
  background-color: #F3404B;
  color: #FFFFFF;
  padding: 20px 30px;
  text-align: center;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 20px;
  font-weight: 700;
  text-decoration: none !important;
  cursor: pointer;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  z-index: 1;
  width: 100%;
  justify-content: center;
  gap: 20px;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.wc-block-grid__products .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover {
  background-color: #202224;
  color: #FFFFFF;
}

/****************************************************
****** WOOCOMMERCE SINGLE PRODUCT PAGE *******
****************************************************/
.product-single p.stock-status {
  background: #03BE00;
  display: inline-flex;
  padding: 7px 10px;
  font-size: 12px;
  line-height: 12px;
  color: #FFFFFF;
  font-weight: 600;
  border-radius: 4px;
  text-transform: capitalize;
}
.product-single p.stock-status.out {
  background-color: #F3404B;
}
.product-single span.woocommerce-Price-amount.amount {
  font-size: 24px;
  font-weight: 700;
  color: #F3404B;
}
.product-single small.woocommerce-price-suffix {
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
}
.product-single .variations {
  width: 100%;
}
.product-single .variations tbody tr {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.product-single .variations tbody tr th label {
  font-weight: 600;
}
.product-single .variations tbody tr td {
  display: flex;
  width: 100%;
}
.product-single .variations tbody tr td select {
  border: none;
  background: #F2F2F2;
  width: 100%;
  padding: 15px;
  font-family: "Plus Jakarta Sans", sans-serif;
  border-radius: 4px;
}
.product-single .variations tbody tr td a.reset_variations {
  color: black;
  font-size: 12px;
  background-color: #f2f2f2;
  padding: 5px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 300;
  display: none !important;
}
.product-single .variations tbody tr td a.reset_variations:hover {
  font-weight: 400;
}
.product-single .woocommerce-variation-add-to-cart {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 1.5rem;
}
.product-single .woocommerce-variation-add-to-cart button.single_add_to_cart_button.button.alt {
  border: none;
  background-color: #F3404B;
  color: #FFFFFF;
  padding: 20px 30px;
  text-align: center;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 20px;
  font-weight: 700;
  text-decoration: none !important;
  cursor: pointer;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  z-index: 1;
  width: 100%;
  justify-content: center;
  gap: 20px;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.product-single .woocommerce-variation-add-to-cart button.single_add_to_cart_button.button.alt:hover {
  background-color: #202224;
  color: #FFFFFF;
}
.product-single .woocommerce-variation-add-to-cart .quantity .qty {
  border: none;
  background: #EBEBEB;
  font-weight: 600;
  font-size: 16px;
  border-radius: 4px;
  padding: 20px 5px;
  font-family: "Plus Jakarta Sans", sans-serif;
}

/****************************************************
****** WOOCOMMERCE ARCHIVE PRODUCT PAGE *******
****************************************************/
.woocommerce .woocommerce-ordering {
  display: none;
}

.shop-archive .shop-header-two-col-image {
  object-fit: contain;
  height: 400px;
  background: white;
  padding: 2rem;
  border-radius: 4px;
}
.shop-archive .two-col-grid.two-thirds-reverse.sidebar {
  grid-template-columns: 1fr 3fr;
  grid-gap: 1.5rem;
}
.shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar {
  border-right: 1px solid #ececec;
}
.shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul:first-child {
  border-top: 1px solid #ececec;
  padding-top: 25px;
}
.shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > li, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > div {
  margin-bottom: 25px;
  padding-right: 20px;
  border-bottom: 1px solid #ececec;
}
.shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > li:last-child, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > div:last-child {
  margin-bottom: 0;
}
.shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > li h3, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > li h2, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > div h3, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > div h2 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}
.shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > li .bapf_body input[type=checkbox], .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > div .bapf_body input[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > li .bapf_body input[type=checkbox] + label::before, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > div .bapf_body input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  border: 2px solid #ccc;
  border-radius: 4px;
  background: #fff;
  vertical-align: middle;
  box-sizing: border-box;
  transition: background 0.2s, border-color 0.2s;
}
.shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > li .bapf_body input[type=checkbox]:checked + label::before, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > div .bapf_body input[type=checkbox]:checked + label::before {
  background: #F3404B;
  border-color: #F3404B;
}
.shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > li .bapf_body input[type=checkbox]:checked + label::after, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > div .bapf_body input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  margin-left: 6px;
  margin-top: -2px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > li .bapf_body ul li, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > div .bapf_body ul li {
  margin-bottom: 5px;
}
.shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > li .bapf_body ul li label, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > div .bapf_body ul li label {
  position: relative;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}
.shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > li button.bapf_button.bapf_reset, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > div button.bapf_button.bapf_reset {
  border: none;
  background: #ebebeb;
  color: #24272A;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 12px;
  letter-spacing: -0.5px;
  font-weight: 600;
  width: 100%;
  padding: 10px;
  border-radius: 4px;
  opacity: 0.7;
}
.shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > li button.bapf_button.bapf_reset:hover, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > div button.bapf_button.bapf_reset:hover {
  opacity: 1;
}
.shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > li .irs--flat .irs-from, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > li .irs--flat .irs-single, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > li .irs--flat .irs-to, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > div .irs--flat .irs-from, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > div .irs--flat .irs-single, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > div .irs--flat .irs-to {
  font-family: "Plus Jakarta Sans", sans-serif;
  background: #F3404B;
}
.shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > li .irs--flat .irs-bar, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar > ul > div .irs--flat .irs-bar {
  background: #F3404B;
}

.shop-header {
  position: relative;
}
.shop-header.has-image {
  margin-bottom: 3rem;
}
.shop-header.has-image .shop-header__image {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.shop-header.has-image .shop-header__image img {
  width: 100%;
  height: 330px;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}
.shop-header.has-image .shop-header__image:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: linear-gradient(178.81deg, rgba(0, 0, 0, 0) 59.98%, rgba(0, 0, 0, 0.8) 77.18%);
}
.shop-header.has-image .shop-header-overlay {
  position: absolute;
  z-index: 2;
  bottom: 3rem;
  left: 3rem;
  right: 3rem;
}
.shop-header.has-image .shop-header-overlay h1, .shop-header.has-image .shop-header-overlay p {
  color: #FFFFFF;
}
.shop-header.has-image .shop-header-overlay h1 {
  margin-bottom: 0;
}
.shop-header.has-image .shop-header-overlay .term-description p {
  color: #FFFFFF;
  margin: 10px 0 0 0;
  max-width: 800px;
  font-size: 14px;
  line-height: 24px;
}

.product-grid {
  grid-gap: 1rem;
}
.product-grid .product-card {
  background-color: #FFFFFF;
  padding: 20px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.product-grid .product-card p.sku {
  font-size: 12px;
  color: black;
  margin-bottom: 5px;
  opacity: 0.5;
}
.product-grid a {
  text-decoration: none;
}
.product-grid h3 {
  font-size: 16px;
  line-height: 24px;
  color: #202224;
  font-weight: 600;
  width: 100%;
  border-bottom: 1px solid #FAFAFA;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.product-grid .product-card__link .product-card__image {
  max-height: 140px;
  width: auto;
  display: flex;
  margin: 0 auto 20px;
}
.product-grid .btn {
  width: 100%;
  justify-content: center;
  gap: 20px;
  padding: 20px 10px;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.product-grid .stock-price {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.product-grid .stock-price .product-card__price {
  font-size: 16px;
  line-height: 24px;
}
.product-grid .stock-price .product-card__price span {
  font-weight: 600;
}
.product-grid .stock-price .product-card__price small {
  font-weight: 400;
  font-size: 12px;
}
.product-grid .stock-price .product-card__stock {
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
  color: #F3404B;
}
.product-grid .stock-price .product-card__stock.product-card__stock--instock {
  color: #03BE00;
}

/****************************************************
****** MEDIA QUERIES ALL *******
****************************************************/
@media screen and (max-width: 991px) {
  .shop-archive .two-col-grid.two-thirds-reverse.sidebar {
    grid-template-columns: 1fr;
  }
  .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar {
    border: none;
  }
  .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar ul {
    border: none;
    padding: 0;
  }
  .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar ul > li, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar ul > div {
    margin: 0;
    padding: 0;
    border: none;
  }
  .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar ul > li h3, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar ul > li h2, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar ul > div h3, .shop-archive .two-col-grid.two-thirds-reverse.sidebar .col.sidebar ul > div h2 {
    margin-bottom: 10px;
  }
  .wc-block-grid__products {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .wc-block-grid__products {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.products-slider__track {
  margin-top: 3rem;
}
.products-slider__track .flickity-viewport {
  margin-bottom: 1.5rem;
}
.products-slider__track .flickity-viewport .flickity-slider .product-card {
  background-color: #FFFFFF;
  padding: 20px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  width: calc(25% - 15px);
  margin: 0 10px;
  border-radius: 4px;
}
.products-slider__track .flickity-viewport .flickity-slider .product-card img {
  max-height: 140px;
  width: auto;
  display: flex;
  margin: 0 auto 20px;
}
.products-slider__track .flickity-viewport .flickity-slider .product-card a {
  text-decoration: none;
}
.products-slider__track .flickity-viewport .flickity-slider .product-card p.sku {
  font-size: 12px;
  color: black;
  margin-bottom: 5px;
  opacity: 0.5;
}
.products-slider__track .flickity-viewport .flickity-slider .product-card h3 {
  font-size: 16px;
  line-height: 24px;
  color: #202224;
  font-weight: 600;
  width: 100%;
  border-bottom: 1px solid #FAFAFA;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.products-slider__track .flickity-viewport .flickity-slider .product-card .stock-price {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.products-slider__track .flickity-viewport .flickity-slider .product-card .stock-price .product-card__price {
  font-size: 16px;
  line-height: 24px;
}
.products-slider__track .flickity-viewport .flickity-slider .product-card .stock-price .product-card__price span {
  font-weight: 600;
}
.products-slider__track .flickity-viewport .flickity-slider .product-card .stock-price .product-card__price small {
  font-weight: 400;
  font-size: 12px;
}
.products-slider__track .flickity-viewport .flickity-slider .product-card .stock-price .product-card__stock {
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
  color: #F3404B;
}
.products-slider__track .flickity-viewport .flickity-slider .product-card .stock-price .product-card__stock.product-card__stock--instock {
  color: #03BE00;
}
.products-slider__track .flickity-viewport .flickity-slider .product-card button {
  width: 100%;
  justify-content: center;
  gap: 20px;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.products-slider__track .flickity-viewport .flickity-slider .product-card button svg {
  width: 18px;
  height: auto;
}

.flickity-nav-wrapper {
  display: flex;
  align-items: center;
}
.flickity-nav-wrapper .flickity-page-dots {
  position: relative !important;
  bottom: unset !important;
  display: inline-block !important;
  text-align: left;
  width: auto;
  order: 3;
  margin-left: 10px !important;
}
.flickity-nav-wrapper .flickity-page-dots .dot {
  width: 15px !important;
  height: 15px !important;
  border-radius: 4px !important;
  margin: 0 3px !important;
}
.flickity-nav-wrapper .flickity-button {
  position: relative !important;
  left: unset !important;
  right: unset !important;
  top: unset !important;
  bottom: unset !important;
  transform: unset !important;
  background: unset !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 4px !important;
  order: 1;
}

.news-grid {
  column-count: 4;
  gap: 20px;
}

.grid-item {
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-bottom: 20px;
}
.grid-item img {
  width: 100%;
  display: block;
  transition: all 0.3s ease;
}
.grid-item .news-item__content {
  background: rgba(0, 0, 0, 0.3);
  padding: 160px 25px 25px;
}
.grid-item .news-item__content h3 {
  font-size: 18px;
  line-height: 26px;
  color: #FFFFFF;
  font-weight: 600;
}
.grid-item .news-item__content p {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 20px;
}
.grid-item .news-item__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  border-top: 1px solid white;
  padding-top: 10px;
  margin-top: 10px;
}
.grid-item .news-item__meta img {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  display: inline-flex;
}
.grid-item .news-item__meta span {
  color: #FFFFFF;
  font-size: 12px;
  line-height: 18px;
}
.grid-item .news-item__meta strong {
  color: #FFFFFF;
  font-size: 12px;
  line-height: 18px;
  display: block;
}
.grid-item:hover .news-item__content {
  background: rgba(0, 0, 0, 0.6);
}

/* swiper gallery for single products */
.wc-swiper-main,
.wc-swiper-thumbs {
  width: 100%;
}

.wc-swiper-main .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

.wc-swiper-thumbs {
  margin-top: 10px;
}
.wc-swiper-thumbs .swiper-slide {
  cursor: pointer;
  opacity: 0.7;
  border-radius: 16px;
  width: auto !important;
}
.wc-swiper-thumbs .swiper-slide img {
  border-radius: 4px;
  width: 100px;
  height: auto;
  padding: 10px;
}

.wc-swiper-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.wc-swiper-prev,
.wc-swiper-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  border: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  width: 36px;
  height: 36px;
  border-radius: 9999px;
  cursor: pointer;
}

.wc-swiper-prev {
  left: 0.5rem;
}

.wc-swiper-next {
  right: 0.5rem;
}

.swiper-slide {
  width: 100% !important;
  background-color: white;
  border-radius: 4px;
  overflow: hidden;
}
.swiper-slide img {
  padding: 3rem;
}

@media screen and (max-width: 991px) {
  .news-grid {
    column-count: 2;
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .news-grid {
    column-count: 1;
    gap: 15px;
  }
}

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