/* styles/_fonts.scss */
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* Use it */
:root {
  --font-sans: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/****************************************************
****** HTML, SITEWIDE  ******************************
****************************************************/
html {
  overflow-x: hidden;
}

body {
  font-family: var(--font-sans);
  overflow-x: hidden;
  background-color: #ffffff;
}
body.admin-bar .sticky {
  margin-top: 30px;
}

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

ul,
ol {
  list-style-type: none;
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
}
img.no-full {
  max-width: 100%;
  width: unset;
  height: unset;
}
img.br {
  border-radius: 16px;
}

/****************************************************
****** CONTAINERS/WRAPPERS  ******************************
****************************************************/
#main-content {
  position: relative;
  z-index: 1;
}

.wrapper {
  max-width: 1400px;
  margin: 0 auto;
}
.wrapper .wrapper-inner {
  padding-left: 30px;
  padding-right: 30px;
}

/***  HERO WRAPPER ***/
.hero-wrapper {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
.hero-wrapper .wrapper-inner {
  padding-left: 0;
  padding-right: 0;
}

/***  WRAPPER WIDE ***/
.wrapper.wide {
  max-width: 1700px;
}
.wrapper.wide .wrapper-inner {
  padding-left: 2rem;
  padding-right: 2rem;
}

/***  WRAPPER FULL ***/
.wrapper.full {
  max-width: unset;
}
.wrapper.full .wrapper-inner {
  padding-left: 0;
  padding-right: 0;
}

.wrapper-header {
  max-width: 1400px;
  margin: 0 auto;
}
.wrapper-header .wrapper-inner {
  padding-left: 30px;
  padding-right: 30px;
}

.narrow-content {
  max-width: 800px;
  margin: 0 auto;
}

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

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

.gap {
  padding-top: 7rem;
}

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

.gap-l {
  padding-top: 10rem;
}

.gap-b-l {
  padding-bottom: 10rem;
}

.white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text p, .white-text a, .white-text strong, .white-text span {
  color: #FFFFFF;
}

.white-bg h2, .white-bg h3, .white-bg h4, .white-bg h5, .white-bg h6, .white-bg p, .white-bg strong, .white-bg span {
  color: #24272A;
}

.dark-bg {
  background-color: #24272A;
}
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg p, .dark-bg strong, .dark-bg span, .dark-bg li {
  color: #FFFFFF;
}
.dark-bg hr {
  border-color: rgba(54, 165, 141, 0.2);
  margin-bottom: 30px;
  border-width: 0.5px;
}

.text-center {
  text-align: center;
}

/****************************************************
****** COLUMNS  ******************************
****************************************************/
/***  ONE COLUMN  ***/
.one-col {
  margin: 0 auto;
}
.one-col.narrow {
  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 {
  -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 :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 :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;
}

/****************************************************
****** FONTS STYLES, & TYPOGRAPHY ***********
****************************************************/
h1 {
  color: #EE3330;
  font-weight: 700;
  font-size: 44px;
  line-height: 52px;
  margin-bottom: 1.5rem;
  letter-spacing: -1px;
}

h2 {
  color: #24272A;
  font-weight: 700;
  font-size: 34px;
  line-height: 42px;
  margin-bottom: 1.5rem;
  letter-spacing: -1px;
}

h3 {
  color: #24272A;
  font-weight: 600;
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 1.5rem;
  letter-spacing: -1px;
}

h4 {
  color: #24272A;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 1.5rem;
  letter-spacing: -1px;
}

h5 {
  color: #24272A;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 1.5rem;
  letter-spacing: -1px;
}

h6 {
  color: #24272A;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 1.5rem;
}

p {
  color: #24272A;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  margin: 0 auto 20px;
}

p.large {
  color: #24272A;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  margin: 0 auto 20px;
}

strong {
  font-weight: 700;
  color: #24272A;
}

a {
  text-decoration: underline;
  color: #24272A;
}

blockquote p {
  font-size: 22px;
  font-style: italic;
  line-height: 36px;
  margin-bottom: 20px !important;
}
blockquote p:last-child {
  margin-bottom: 0;
}

.blue-hue {
  color: #EE3330 !important;
}

div#main-content ul,
div#main-content ol {
  list-style-type: disc;
  padding-left: 20px;
  margin-bottom: 1.5rem;
  margin-top: 1rem;
}
div#main-content ul li,
div#main-content ol li {
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
  padding: 3px 0;
}
div#main-content ul li::marker,
div#main-content ol li::marker {
  color: #EE3330;
}
div#main-content ul li strong,
div#main-content ol li strong {
  font-weight: 500;
  color: #EE3330;
}

ul.nothing {
  margin: 0 !important;
  list-style-type: none !important;
  padding: 0 !important;
}

ul.lined {
  border: 5px solid rgba(255, 255, 255, 0.0705882353);
  border-bottom: 5px solid rgba(38, 50, 79, 0.0705882353);
  padding: 2rem 3rem !important;
  margin-top: 5px !important;
  transition: all ease-in-out 0.4s;
}
ul.lined h4 {
  margin-bottom: 10px;
}
ul.lined p:last-child {
  margin-bottom: 0;
}
ul.lined:hover {
  border: 5px solid rgba(38, 50, 79, 0.0705882353);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0901960784);
  border-radius: 0 50px !important;
}

.breadcrumb-container {
  padding-top: 2rem;
}
.breadcrumb-container .breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
}
.breadcrumb-container * {
  font-size: 12px !important;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #24272A;
  opacity: 0.7;
}
.breadcrumb-container a:hover {
  color: #EE3330;
  opacity: 1;
}

.woocommerce-breadcrumb {
  font-size: 12px !important;
  letter-spacing: -0.5px !important;
  font-weight: 500 !important;
  color: #24272A !important;
  opacity: 0.7 !important;
}
.woocommerce-breadcrumb * {
  font-size: 12px !important;
  letter-spacing: -0.5px !important;
  font-weight: 500 !important;
  color: #24272A !important;
  opacity: 0.7 !important;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 38px;
    line-height: 46px;
    margin-bottom: 1.5rem;
  }
  h2 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 1.5rem;
  }
  h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 1.5rem;
  }
  h4 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 1.5rem;
  }
  h5 {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 1.5rem;
  }
  h6 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 1.5rem;
  }
  p {
    font-size: 16px;
    line-height: 28px;
    margin: 0 auto 20px;
  }
  div#main-content ul,
  div#main-content ol {
    padding-left: 20px;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
  }
  div#main-content ul li,
  div#main-content ol li {
    font-size: 16px;
    line-height: 28px;
    padding: 3px 0;
  }
}
.no-list {
  list-style-type: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 1.5rem;
  }
  h2 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 1.5rem;
  }
  h3 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 1.5rem;
  }
}
table {
  width: 100%;
  margin-bottom: 20px;
}

table thead {
  background-color: #F44336;
  color: white;
}

table thead th {
  padding: 10px;
}

table tbody {
  background-color: #fafafa;
}

table tbody td {
  padding: 10px;
  font-size: 14px;
}

/****************************************************
****** BUTTONS *************************************
****************************************************/
.btn {
  border: none;
  background-color: #EE3330;
  color: #FFFFFF;
  padding: 20px 80px;
  text-align: center;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 20px;
  font-weight: 600;
  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: color 0.4s ease;
  /* Ensure text stays above pseudo element */
  z-index: 1;
}
.btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #24272A;
  z-index: 1;
  transition: width 0.4s ease;
}
.btn span {
  position: relative;
  z-index: 2;
  color: inherit;
}
.btn:hover {
  color: #FFFFFF;
  border: none;
}
.btn:hover::before {
  width: 100%;
}

.btn.dark {
  background-color: #24272A;
  color: #FFFFFF;
}
.btn.dark::before {
  background: #EE3330;
}
.btn.dark:hover {
  color: #ffffff;
}

.btn.wa {
  background-color: #25D366;
  color: #24272A;
  font-weight: 500;
}
.btn.wa span {
  display: flex;
  align-items: center;
  gap: 10px;
}
.btn.wa::before {
  background: #FFFFFF;
}
.btn.wa:hover {
  color: #25D366;
}
.btn.wa:hover svg path {
  fill: #25D366;
}

/****************************************************
****** HEADER  ******************************
****************************************************/
header {
  background-color: #24272A;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1215686275);
  position: relative;
  z-index: 101;
}
header a {
  text-decoration: none;
}
header .navigation {
  max-width: 1400px;
  margin: 0 auto;
}
header .navigation .n-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 30px;
}
header .navigation .n-bar .n-logo img {
  width: 260px;
  height: auto;
}
header .navigation .n-bar .n-logo .mobile-logo-header {
  display: none;
}
header .navigation .n-bar .n-content {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
header .navigation .n-bar .n-content .n-content-widgets {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  position: relative;
}
header .navigation .n-bar .n-content .n-content-widgets .btn {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 16px;
}
header .navigation .n-bar .n-content .n-content-widgets .btn span {
  display: flex;
}
header .navigation .n-bar .n-content .n-content-widgets .btn svg {
  width: auto;
  height: 14px;
  z-index: 1;
}
header .navigation .n-bar .n-content .n-content-widgets .btn svg path {
  fill: #FFFFFF;
}
header .navigation .n-bar .n-content .n-content-widgets .btn:before {
  background-color: #FFFFFF;
}
header .navigation .n-bar .n-content .n-content-widgets .btn.wa:hover svg path {
  fill: #1DEDA4;
}
header .navigation .n-bar .n-content .n-content-widgets .btn:hover svg path {
  fill: #EE3330;
}
header .navigation .n-bar .n-content .n-content-widgets .login {
  width: auto;
  padding: 0 5px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: #FFFFFF;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
header .navigation .n-bar .n-content .n-content-widgets .login svg path {
  fill: #FFFFFF;
}
header .navigation .n-bar .n-content .n-content-widgets .login:hover {
  color: #EE3330;
}
header .navigation .n-bar .n-content .n-content-widgets .login:hover svg path {
  fill: #EE3330;
}
header .navigation .n-bar .n-content .n-content-widgets .cart-area .cart {
  width: auto;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  padding: 0 15px;
  align-items: center;
}
header .navigation .n-bar .n-content .n-content-widgets .cart-area .cart span {
  display: inline-flex;
}
header .navigation .n-bar .n-content .n-content-widgets .cart-area .cart:before {
  background-color: #da2e2b;
}
header .navigation .n-bar .n-content .n-content-widgets .cart-area.is-open .cart {
  background-color: #da2e2b;
}
header .navigation .n-bar .n-content .n-content-widgets .cart-area.is-open .cart:before {
  background-color: #da2e2b;
}
header .navigation .n-bar .n-content .n-content-widgets .cart-area:hover .cart {
  background-color: #da2e2b;
}
header .navigation .n-bar .n-content .n-content-widgets .cart-area:hover .cart svg path {
  fill: #FFFFFF;
}
header .navigation .n-bar .n-content .n-nav .main-navigation {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: flex-end;
}
header .navigation .n-bar .n-content .n-nav .main-navigation .sub-menu {
  border-radius: 8px;
}
header .navigation .n-bar .n-content .n-nav .main-navigation .sub-menu li {
  margin-right: 0;
}

.wp-block-wdevs-tax-switch.is-style-inline .wdevs-tax-switch .wdevs-tax-switch-label {
  height: 24px;
  width: 45px;
}

.wp-block-wdevs-tax-switch.is-style-inline .wdevs-tax-switch .wdevs-tax-switch-slider:before {
  height: 18px;
  width: 18px;
  bottom: 3px;
  left: 3px;
}

.cart-area {
  position: relative;
  display: inline-block;
}
.cart-area::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 10px;
}

/* Hidden by default */
.cart-overlay {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 10px;
  background-color: #FFFFFF;
  padding: 20px;
  border-radius: 8px;
  opacity: 0;
  pointer-events: none;
  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);
}
.cart-overlay h6.widgettitle {
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.0588235294);
  padding-bottom: 5px;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 15px;
  display: none;
}
.cart-overlay p.woocommerce-mini-cart__buttons.buttons {
  display: flex;
  width: 100%;
  margin: 0;
}
.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: 8px;
  color: #FFFFFF;
  background-color: #24272A;
  letter-spacing: -0.5px;
}
.cart-overlay p.woocommerce-mini-cart__buttons.buttons a:last-child {
  background-color: #EE3330;
}
.cart-overlay p.woocommerce-mini-cart__buttons.buttons a:hover {
  opacity: 0.9;
}
.cart-overlay a {
  color: #24272A;
  text-decoration: underline;
}
.cart-overlay a:hover {
  color: #EE3330;
}
.cart-overlay dl.variation {
  font-size: 12px;
  line-height: 16px;
  margin: 5px 0 !important;
}
.cart-overlay dl.variation dt {
  font-weight: 600 !important;
}
.cart-overlay dl.variation dt, .cart-overlay dl.variation dd {
  font-size: 12px;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 16px;
}
.cart-overlay dl.variation dt p, .cart-overlay dl.variation dd p {
  font-size: 12px;
  line-height: 16px;
}
.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;
}
.cart-overlay .widget_shopping_cart .cart_list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.cart-overlay .widget_shopping_cart .cart_list li img {
  border-radius: 4px;
}
.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;
}

.cart-area:hover .cart-overlay,
.cart-area:focus-within .cart-overlay,
.cart-area.is-open .cart-overlay {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.woocommerce-checkout .cart-area:hover .cart-overlay,
.woocommerce-checkout .cart-area:focus-within .cart-overlay,
.woocommerce-checkout .cart-area.is-open .cart-overlay,
.woocommerce-cart .cart-area:hover .cart-overlay,
.woocommerce-cart .cart-area:focus-within .cart-overlay,
.woocommerce-cart .cart-area.is-open .cart-overlay {
  opacity: 0;
  pointer-events: auto;
  transform: translateY(0);
}

.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option.wc-block-components-radio-control-accordion-option--checked-option-highlighted {
  background-color: #ffffff;
  padding: 1.5rem;
  border: 2px solid #efefef !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
}

span.wc-block-components-payment-method-label {
  font-size: 14px;
  font-weight: 700;
}

textarea.wc-block-components-textarea {
  font-size: 14px;
}

/* Submenu Dropdown */
.main-navigation li {
  position: relative;
}
.main-navigation li a {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
}
.main-navigation li a:hover {
  color: #EE3330;
}
.main-navigation 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;
}
.main-navigation li > ul li {
  position: relative;
  padding: 0 0 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  margin-bottom: 10px;
}
.main-navigation li > ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.main-navigation li > ul li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #24272A;
  font-weight: 400;
  font-size: 14px;
}
.main-navigation 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;
}
.main-navigation li > ul li a:hover {
  color: #EE3330;
}
.main-navigation 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;
}
.main-navigation li:hover > ul {
  opacity: 1;
  display: block;
}

.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='%23fff' 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='%23EE3330' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat center;
}

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

.hamburger-line {
  display: block;
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  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);
}

/* Sticky Area Styling */
.flyout {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 100;
  top: -100%; /* Start hidden above the top */
  background-color: #24272A;
  overflow-x: hidden;
  padding-top: 11rem;
  transition: top 0.2s; /* Animate the top property */
}
.flyout .btn {
  padding: 12px 20px;
  width: 100%;
  justify-content: center;
  margin-bottom: 10px;
}
.flyout .btn span {
  display: flex;
  gap: 10px;
  font-weight: 500;
}
.flyout .mobile-menu {
  border-bottom: 1px solid rgba(255, 255, 255, 0.137);
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.flyout .mobile-menu .menu-item-has-children.submenu-open > .sub-menu {
  display: block;
}
.flyout .mobile-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='%23FFF' 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 .mobile-menu li {
  text-align: center;
}
.flyout .mobile-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;
}
.flyout .mobile-menu li ul.sub-menu li a {
  font-weight: 300;
}
.flyout .mobile-menu li a {
  padding: 12px 0;
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  display: inline-block;
  color: #FFFFFF;
  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='%23FFF' 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='%23FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat center;
}

/* Sticky Menu Styling */
header.nav-header.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101;
}
header.nav-header.sticky .navigation .n-bar {
  padding: 15px 30px;
}
header.nav-header.sticky .navigation .n-bar .n-logo img {
  width: 180px;
  height: auto;
}
header.nav-header.sticky .navigation .n-bar .n-content {
  flex-direction: row-reverse;
  align-items: center;
}
header.nav-header.sticky .navigation .n-bar .n-content .n-content-widgets .nav-search, header.nav-header.sticky .navigation .n-bar .n-content .n-content-widgets .vat-toggle, header.nav-header.sticky .navigation .n-bar .n-content .n-content-widgets .login {
  display: none;
}

form.nav-search {
  display: flex;
}
form.nav-search ::placeholder {
  color: white;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 12px;
}
form.nav-search input#nav-search-input {
  border-radius: 16px 0 0 16px;
  width: 280px;
  border: none;
  padding: 12px 14px;
  background-color: #66686A;
  color: white;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 12px;
}
form.nav-search input#nav-search-input:focus {
  outline: none;
}
form.nav-search button.nav-search__button {
  border-radius: 0 16px 16px 0;
  background-color: rgba(255, 255, 255, 0.368627451);
  border: none;
  padding: 12px 14px;
  background-color: #66686A;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
form.nav-search button.nav-search__button:hover {
  cursor: pointer;
}
form.nav-search button.nav-search__button:hover svg {
  opacity: 0.7;
}

/****************************************************
****** MULTI COLUMNS  ******************************
****************************************************/
.text-image .two-col-grid .col:first-child {
  order: 2;
}
.text-image .two-col-grid .col:last-child {
  order: 1;
}

.image-text .two-col-grid .col picture img {
  border-radius: 8px;
}

.two-col-grid.image-grid .col,
.three-col-grid.image-grid .col,
.four-col-grid.image-grid .col,
.five-col-grid.image-grid .col {
  background: #FFFFFF;
  overflow: hidden;
}
.two-col-grid.image-grid .col a,
.three-col-grid.image-grid .col a,
.four-col-grid.image-grid .col a,
.five-col-grid.image-grid .col a {
  text-decoration: none;
}
.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(0, 0, 0, 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: #EE3330;
}
.two-col-grid.image-grid .col:hover .link-icon-overlay,
.three-col-grid.image-grid .col:hover .link-icon-overlay,
.four-col-grid.image-grid .col:hover .link-icon-overlay,
.five-col-grid.image-grid .col:hover .link-icon-overlay {
  background-color: #EE3330 !important;
}
.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: 16px;
}
.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-link .link-icon-overlay,
.three-col-grid.image-grid .col .column-link .link-icon-overlay,
.four-col-grid.image-grid .col .column-link .link-icon-overlay,
.five-col-grid.image-grid .col .column-link .link-icon-overlay {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: #24272A;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  z-index: 2;
}
.two-col-grid.image-grid .col .column-link .link-icon-overlay svg,
.three-col-grid.image-grid .col .column-link .link-icon-overlay svg,
.four-col-grid.image-grid .col .column-link .link-icon-overlay svg,
.five-col-grid.image-grid .col .column-link .link-icon-overlay svg {
  width: 20px;
  height: auto;
  fill: white;
}
.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 .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: 24px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-top: 15px !important;
}
.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: 16px;
}
.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: 16px;
}
.two-col-grid.icon-grid .link-icon-overlay,
.three-col-grid.icon-grid .link-icon-overlay,
.four-col-grid.icon-grid .link-icon-overlay,
.five-col-grid.icon-grid .link-icon-overlay {
  display: none;
}
.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: 20px;
  width: auto;
  height: 46px;
  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: #EE3330;
}
.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: 22px;
  line-height: 28px;
}
.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: 16px;
  line-height: 26px;
}
.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;
}

.grey-bg {
  background-color: #F7F7F7;
}

.column-icon-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}
.column-icon-wrapper .icon {
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 3rem 2rem;
}
.column-icon-wrapper .icon img {
  margin-bottom: 10px;
  width: auto;
  height: 50px;
}
.column-icon-wrapper .icon p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

#client-logos h2 {
  color: #EE3330;
}
#client-logos .logos-wrapper {
  max-width: 800px;
  margin: 5rem auto 0;
}

/****************************************************
****** CONTACT ******************************
****************************************************/
.contact-cta .cta-tel {
  display: block;
  font-size: 26px;
  line-height: 26px;
  margin-bottom: 2rem;
  color: #EE3330;
}
.contact-cta .cta-tel:hover {
  color: #F7F7F7;
}

.hero-area-full .icon-usp {
  margin-top: 3rem;
}

.icon-usp {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.icon-usp div {
  display: flex;
  gap: 10px;
  align-items: center;
}
.icon-usp div span {
  color: #FFFFFF;
  font-size: 12px;
  line-height: 16px;
}
.icon-usp div svg {
  width: auto;
  height: 20px;
}

#contact-boxes .four-col-grid.icon-grid .col {
  background-color: #F7F7F7;
  padding: 2rem;
  border-radius: 16px;
}
#contact-boxes .four-col-grid.icon-grid .col img {
  width: auto;
  height: 30px;
  margin-bottom: 20px;
}
#contact-boxes .four-col-grid.icon-grid .col h3 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 20px !important;
}
#contact-boxes .four-col-grid.icon-grid .col ul {
  list-style-type: none;
  margin: 20px 0 0 0;
  padding: 0;
}
#contact-boxes .four-col-grid.icon-grid .col ul li {
  font-weight: 500;
}
#contact-boxes .four-col-grid.icon-grid .col ul li a {
  color: #EE3330;
}
#contact-boxes .four-col-grid.icon-grid .col ul li a:hover {
  font-weight: 700;
}

.frm_forms {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 2rem 2rem 0 2rem;
}

.with_frm_style .frm_primary_label {
  font-size: 12px;
}

.with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=phone], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .frm_form_fields_style, .with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .with_frm_style .frm-card-element.StripeElement, .with_frm_style .frm_slimselect.ss-main {
  border: none;
  background: #F7F7F7;
  color: black;
  font-size: 16px;
  font-weight: 500;
  padding: 15px;
}

.frm_style_formidable-style.with_frm_style .frm_submit button {
  background-color: #EE3330;
  color: #FFFFFF;
  border-radius: 8px;
  padding: 15px 50px;
  font-size: 16px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  transition: background-color 0.4s ease;
  font-family: "Poppins", sans-serif;
}
.frm_style_formidable-style.with_frm_style .frm_submit button:hover {
  background-color: #24272A;
}

/****************************************************
****** CARDS  ******************************
****************************************************/
.cards .card {
  position: relative;
  border-radius: 8px;
  display: flex;
  overflow: hidden;
}
.cards .card a {
  overflow: hidden;
  border-radius: 8px;
  display: flex;
  width: 100%;
}
.cards .card a .card-image {
  border-radius: 8px;
  width: 100%;
  height: 450px;
  object-fit: cover;
  transition: transform 0.4s ease;
  overflow: hidden;
  display: flex;
}
.cards .card a .card-content {
  position: absolute;
  left: 17px;
  bottom: 20px;
  background-color: #24272A;
  padding: 1.5rem;
  border-radius: 8px;
}
.cards .card a .card-content h3 {
  color: #FFFFFF;
  margin: 0;
  z-index: 1;
  position: relative;
}
.cards .card a .card-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #EE3330;
  z-index: 1;
  transition: width 0.4s ease;
  border-radius: 8px;
}
.cards .card a:hover {
  color: #FFFFFF;
}
.cards .card a:hover span {
  position: relative;
  z-index: 2;
  color: inherit;
}
.cards .card a:hover .card-content::before {
  width: 100%;
}
.cards .card a:hover .card-image {
  transform: scale(1.05);
  overflow: hidden;
}
.cards .card a:hover .card-content h3 {
  color: #FFFFFF;
}

/****************************************************
****** HERO AREAS ******************************
****************************************************/
.hero-area-two-column .wrapper .wrapper-inner .two-col-grid {
  align-items: center;
}
.hero-area-two-column .wrapper .wrapper-inner .two-col-grid .hero-two-col-content .icon-usp {
  margin-top: 2rem;
}
.hero-area-two-column .wrapper .wrapper-inner .two-col-grid .hero-two-col-content .icon-usp div svg path {
  fill: #24272A;
}
.hero-area-two-column .wrapper .wrapper-inner .two-col-grid .hero-two-col-content .icon-usp div span {
  color: #24272A;
}
.hero-area-two-column .wrapper .wrapper-inner .two-col-grid .hero-two-col-image picture img {
  height: 100%;
  width: 100%;
  border-radius: 16px;
}

.hero-area-full {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.hero-area-full:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}
.hero-area-full .wrapper .wrapper-inner {
  position: relative;
  z-index: 2;
}
.hero-area-full .wrapper .wrapper-inner .two-col-grid {
  position: relative;
  z-index: 2;
  padding: 15rem 0 5rem;
}
.hero-area-full .wrapper .wrapper-inner .two-col-grid .col h1, .hero-area-full .wrapper .wrapper-inner .two-col-grid .col h2, .hero-area-full .wrapper .wrapper-inner .two-col-grid .col h3, .hero-area-full .wrapper .wrapper-inner .two-col-grid .col h4, .hero-area-full .wrapper .wrapper-inner .two-col-grid .col p {
  color: #FFFFFF;
}
.hero-area-full .wrapper .wrapper-inner .two-col-grid .product-boxes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}
.hero-area-full .wrapper .wrapper-inner .two-col-grid .product-boxes .product-box picture {
  display: flex;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.hero-area-full .wrapper .wrapper-inner .two-col-grid .product-boxes .product-box 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: 8px;
}
.hero-area-full .wrapper .wrapper-inner .two-col-grid .product-boxes .product-box picture img {
  border-radius: 8px;
  transition: transform 0.4s ease;
}
.hero-area-full .wrapper .wrapper-inner .two-col-grid .product-boxes .product-box a {
  text-decoration: none;
}
.hero-area-full .wrapper .wrapper-inner .two-col-grid .product-boxes .product-box h3 {
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  margin-top: 10px;
}
.hero-area-full .wrapper .wrapper-inner .two-col-grid .product-boxes .product-box .wts-vat-text {
  color: #FFFFFF;
  opacity: 0.6;
}
.hero-area-full .wrapper .wrapper-inner .two-col-grid .product-boxes .product-box p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #1DEDA4;
  margin-bottom: 0;
  padding: 0 10px;
}
.hero-area-full .wrapper .wrapper-inner .two-col-grid .product-boxes .product-box:hover picture:before {
  opacity: 1;
  background: rgba(0, 0, 0, 0.4);
}
.hero-area-full .wrapper .wrapper-inner .two-col-grid .product-boxes .product-box:hover picture img {
  transform: scale(1.1);
}
.hero-area-full .wrapper .wrapper-inner .two-col-grid .product-boxes .product-box:hover h3 {
  color: #1DEDA4;
}
.hero-area-full .wrapper .wrapper-inner .two-col-grid .product-boxes .product-box:hover svg circle {
  fill: #1DEDA4;
}

/****************************************************
****** TESTIMONIALS ******************************
****************************************************/
.testimonial-carousel .testimonial-item {
  width: 50%;
  height: auto;
}
.testimonial-carousel .testimonial-item .testimonial-content {
  padding: 0 1.5rem;
}
.testimonial-carousel .testimonial-item .testimonial-meta {
  padding: 0 1.5rem;
}
.testimonial-carousel .testimonial-item .testimonial-meta svg {
  margin-top: 10px;
  width: 120px;
  height: auto;
}
.testimonial-carousel .testimonial-item .testimonial-meta h4 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0;
}

.flickity-page-dots {
  position: relative;
  text-align: left;
}
.flickity-page-dots .dot {
  border-radius: 4px;
  width: 30px;
  height: 10px;
  margin: 0 3px;
}
.flickity-page-dots .dot:hover {
  background: #EE3330;
}
.flickity-page-dots .dot.is-selected {
  background: #EE3330;
}

/****************************************************
****** ACCORDION ******************************
****************************************************/
.accordion-wrapper .accordion-item {
  margin-top: 1rem;
  border-top: 1px solid rgba(1, 66, 103, 0.1058823529);
  padding-top: 1rem;
}
.accordion-wrapper .accordion-item:last-child {
  border-bottom: 1px solid rgba(1, 66, 103, 0.1058823529);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.accordion-wrapper .accordion-item .accordion-toggle {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  padding: 5px 0;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  transition: background 0.3s ease;
  position: relative;
  font-family: "Poppins", sans-serif;
  color: #24272A;
}
.accordion-wrapper .accordion-item .accordion-toggle .accordion-icon {
  transition: transform 0.3s ease;
}
.accordion-wrapper .accordion-item .accordion-toggle .accordion-icon::before {
  content: "+";
  font-size: 2rem;
  line-height: 28px;
}
.accordion-wrapper .accordion-item .accordion-toggle.open .accordion-icon {
  transform: rotate(45deg);
}
.accordion-wrapper .accordion-item .accordion-toggle:hover {
  color: #EE3330;
}
.accordion-wrapper .accordion-item .accordion-content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
  padding: 0;
}
.accordion-wrapper .accordion-item .accordion-content p {
  font-size: 16px;
  line-height: 28px;
}
.accordion-wrapper .accordion-item .accordion-content.open {
  padding-top: 0.5rem;
}

/****************************************************
****** WOOCOMMERCE ACCOUNT & GENERAL ********************
****************************************************/
.woocommerce-page .hero-area-full:before {
  background: hsla(0, 0%, 94.12%, 0.7);
}
.woocommerce-page .hero-area-full h4, .woocommerce-page .hero-area-full p {
  color: #24272A;
}
.woocommerce-page .hero-area-full .icon-usp {
  display: inline-flex;
  background-color: #f0f0f0;
  border-radius: 8px;
  padding: 15px;
  margin-top: 1rem;
}
.woocommerce-page .hero-area-full .icon-usp div svg path {
  fill: #24272A;
}
.woocommerce-page .hero-area-full .icon-usp div span {
  color: #24272A;
}

.product-category-filters .bapf_body > ul > li > label {
  padding: 0;
  border: none;
  color: black;
  opacity: 1;
}
.product-category-filters .bapf_body > ul > li > ul {
  margin: 10px 0 0 0 !important;
}

.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: #FFFFFF;
  color: #24272A;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  border-radius: 8px;
  position: relative;
}
.woocommerce-MyAccount-navigation ul li a:after {
  background-image: url(/agg/wp-content/themes/a11-aggregates/svg/arrow-grey.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: #EE3330;
  color: #FFFFFF;
}
.woocommerce-MyAccount-navigation ul li.is-active a:after, .woocommerce-MyAccount-navigation ul li:hover a:after {
  background-image: url(/agg/wp-content/themes/a11-aggregates/svg/arrow-white.svg);
}
.woocommerce-MyAccount-navigation ul li.is-active a:after {
  background-image: url(/agg/wp-content/themes/a11-aggregates/svg/arrow-white.svg);
}

.woocommerce-MyAccount-content header {
  background-color: unset;
  box-shadow: unset;
}
.woocommerce-MyAccount-content .addresses .title .edit {
  float: left;
  font-weight: 600;
  margin-bottom: 2rem;
}

#main-content .woocommerce-error,
#main-content .woocommerce-info,
#main-content .woocommerce-message {
  border-radius: 8px;
  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-content .woocommerce-error a,
#main-content .woocommerce-info a,
#main-content .woocommerce-message a {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.5px;
}
#main-content .woocommerce-error .woocommerce-Button, #main-content .woocommerce-error .button,
#main-content .woocommerce-info .woocommerce-Button,
#main-content .woocommerce-info .button,
#main-content .woocommerce-message .woocommerce-Button,
#main-content .woocommerce-message .button {
  background: unset;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  color: #EE3330;
  margin-left: 20px;
}
#main-content .woocommerce-error .woocommerce-Button:hover, #main-content .woocommerce-error .button:hover,
#main-content .woocommerce-info .woocommerce-Button:hover,
#main-content .woocommerce-info .button:hover,
#main-content .woocommerce-message .woocommerce-Button:hover,
#main-content .woocommerce-message .button:hover {
  color: #24272A;
}
#main-content .woocommerce-info:before {
  color: #24272A;
}
#main-content .woocommerce-error {
  border-color: rgba(218, 46, 43, 0.285);
}
#main-content .woocommerce-error:before {
  color: rgb(218, 46, 43);
}
#main-content .woocommerce-message {
  border-color: rgba(18, 203, 98, 0.285);
}
#main-content .woocommerce-message:before {
  color: rgb(18, 203, 98);
}
#main-content .woocommerce-Button,
#main-content .button {
  background-color: #EE3330;
  padding: 20px 50px;
  color: #FFFFFF;
  border: none;
  border-radius: 8px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
  border: none;
  background: #F7F7F7;
  color: black;
  font-size: 14px;
  letter-spacing: -0.5px;
  line-height: 20px;
  font-weight: 600;
  padding: 15px;
}

fieldset {
  padding: 2rem;
  margin-bottom: 1rem;
  border-radius: 8px;
  border: 1px solid hsla(0, 0%, 0%, 0.09);
}
fieldset legend {
  font-weight: 700;
  padding: 10px 20px;
  font-size: 14px;
  background-color: #000000;
  border-radius: 8px;
  color: white;
}

label {
  font-size: 12px;
  font-weight: 300;
  opacity: 0.5;
}

/* Login/Register Page */
.woocommerce-privacy-policy-text p {
  font-size: 12px;
  line-height: 20px;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
  display: flex;
  margin-bottom: 5px;
  gap: 5px;
  align-items: center;
}

.woocommerce-form-register__submit {
  background: black !important;
}

/****************************************************
****** WOOCOMMERCE ORDER PAGE ******************
****************************************************/
.woocommerce ul.order_details li strong {
  font-size: 16px;
}

.woocommerce ul.order_details li {
  padding-right: 2em !important;
}

.woocommerce .woocommerce-customer-details address {
  border: none;
  background-color: #f8f8f8;
  padding: 2rem;
}

/****************************************************
****** WOOCOMMERCE CART & CHECKOUT ******************
****************************************************/
.woocommerce p.woocommerce-shipping-contents {
  font-size: 14px;
  line-height: 19px;
}

.a11-qty-suffix, .a11-qty-label {
  font-size: 12px;
  color: black;
  opacity: 0.5;
  margin: 0;
}

/* Basket table: hide unit price & qty columns */
.woocommerce-cart-form th.product-price,
.woocommerce-cart-form td.product-price,
.woocommerce-cart-form th.product-quantity,
.woocommerce-cart-form td.product-quantity {
  display: none;
}

/* Remove the responsive label Woo injects on small screens */
.woocommerce-cart-form td.product-price::before,
.woocommerce-cart-form td.product-quantity::before {
  display: none;
}

/* Optional: hide the Update basket button (leave coupons) */
.woocommerce-cart-form .actions .button[name=update_cart] {
  display: none;
}

/* Little style for the read-only qty */
.a11-cart-qty {
  opacity: 0.7;
  font-weight: 600;
}

table.shop_table {
  border: unset !important;
}
table.shop_table thead tr th {
  border: unset !important;
  background: #F7F7F7;
  padding: 20px !important;
  color: black;
}
table.shop_table tbody tr td {
  border: unset !important;
  padding: 20px 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
table.shop_table tbody tr td.product-thumbnail img {
  width: 80px;
  height: auto;
  border-radius: 6px;
}
table.shop_table tbody tr td.product-name a {
  font-weight: 600;
  letter-spacing: -0.5px;
}
table.shop_table tbody tr td.product-name .variation {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}
table.shop_table tbody tr td.product-name .variation * {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}
table.shop_table tbody tr td.product-subtotal {
  font-weight: 600;
  letter-spacing: -0.5px;
}
table.shop_table tbody tr td.product-subtotal .amount, table.shop_table tbody tr td.product-subtotal span {
  color: #17CC8D !important;
}
table.shop_table tbody tr td.product-subtotal .tax_label span {
  color: #24272A !important;
}
table.shop_table tbody tr td.actions {
  padding-left: 10px !important;
}
table.shop_table tbody tr:last-child td {
  border-bottom: unset !important;
}
table.shop_table tr td {
  border: unset !important;
}
table.shop_table tr .coupon input#coupon_code {
  font-family: "Poppins";
  letter-spacing: -0.5px;
  border-radius: 8px;
  width: 120px;
  font-weight: 500;
  font-size: 12px !important;
  line-height: 12px !important;
}
table.shop_table tr .coupon .button {
  padding: 10px !important;
  font-size: 12px !important;
  line-height: 12px !important;
  font-weight: 500 !important;
}

.woocommerce-cart #main-content .gap {
  padding-top: 3rem;
}
.woocommerce-cart .cart-collaterals .cart_totals {
  width: 100%;
  max-width: 700px;
}
.woocommerce-cart .cart-collaterals .cart_totals h2 {
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.5px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr {
  background-color: #F7F7F7;
  border-radius: 8px;
  margin-bottom: 5px;
  display: flex;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr th {
  border: unset !important;
  vertical-align: middle;
  padding: 20px !important;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.5px;
}
.woocommerce-cart .cart-collaterals .cart_totals .select2-container .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
}
.woocommerce-cart .cart-collaterals .cart_totals form .form-row .input-text, .woocommerce-cart .cart-collaterals .cart_totals form .form-row select {
  background: white;
  padding: 10px;
}
.woocommerce-cart .cart-collaterals .cart_totals .select2-container .select2-dropdown, .woocommerce-cart .cart-collaterals .cart_totals .select2-container .select2-selection {
  background: white;
  border: none;
}
.woocommerce-cart .cart-collaterals .cart_totals button.button {
  padding: 10px !important;
  font-size: 12px !important;
}
.woocommerce-cart .cart-collaterals .cart_totals tr.agg-fee-breakdown {
  display: none !important;
}
.woocommerce-cart .cart-collaterals .cart_totals a.shipping-calculator-button {
  font-size: 12px;
}
.woocommerce-cart .cart-collaterals .cart_totals p.woocommerce-shipping-destination {
  font-size: 16px;
  font-weight: 700;
  padding: 5px 0;
}
.woocommerce-cart .cart-collaterals .cart_totals tr.woocommerce-shipping-totals.shipping li:first-child {
  margin: 0 !important;
  padding: 0 !important;
}
.woocommerce-cart .cart-collaterals .cart_totals tr.woocommerce-shipping-totals.shipping li:first-child label {
  opacity: 1;
}
.woocommerce-cart .wc-proceed-to-checkout .button {
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
  font-size: 16px !important;
  line-height: 20px !important;
  padding: 30px !important;
}

.woocommerce-checkout #main-content .gap {
  padding-top: 3rem;
}
.woocommerce-checkout #main-content .wc-block-components-text-input label {
  font-size: 16px !important;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 18px;
}
.woocommerce-checkout #main-content .wc-block-components-text-input.is-active label {
  font-size: 14px !important;
  font-weight: 400;
}
.woocommerce-checkout #main-content .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
  box-shadow: none;
  opacity: 1;
  background-color: #F7F7F7;
  border: 2px solid #24272A;
  letter-spacing: -0.5px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.woocommerce-checkout #main-content .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__label-group {
  display: grid;
  grid-template-columns: 3fr 1fr;
}
.woocommerce-checkout #main-content .wc-block-components-radio-control--highlight-checked:after {
  display: none;
}
.woocommerce-checkout #main-content .wc-block-components-shipping-rates-control__package-title {
  font-weight: 600;
  letter-spacing: -0.5px;
}
.woocommerce-checkout #main-content ul.wc-block-components-shipping-rates-control__package-items {
  padding-left: 0 !important;
  margin: 0 !important;
  letter-spacing: -0.5px;
}
.woocommerce-checkout #main-content ul.wc-block-components-shipping-rates-control__package-items * {
  font-size: 14px;
  line-height: 20px;
}
.woocommerce-checkout #main-content .wc-block-components-form p {
  letter-spacing: -0.5px;
}
.woocommerce-checkout #main-content .wc-block-components-form .wc-block-components-checkout-step {
  margin-bottom: 15px;
}
.woocommerce-checkout #main-content .wc-block-components-form .wc-block-components-checkout-step span.wc-block-components-address-form__address_2-toggle {
  font-size: 12px;
  letter-spacing: -0.5px;
}
.woocommerce-checkout #main-content .wc-block-components-form .wc-block-components-checkout-step input[type=text], .woocommerce-checkout #main-content .wc-block-components-form .wc-block-components-checkout-step input[type=tel], .woocommerce-checkout #main-content .wc-block-components-form .wc-block-components-checkout-step input[type=email] {
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 16px;
  line-height: 18px;
  height: 55px;
  padding: 15px 10px 0;
  font-weight: 600;
  letter-spacing: -0.5px;
  border-radius: 8px;
}
.woocommerce-checkout #main-content .wc-block-components-form .wc-block-components-checkout-step input[type=text]::placeholder, .woocommerce-checkout #main-content .wc-block-components-form .wc-block-components-checkout-step input[type=tel]::placeholder, .woocommerce-checkout #main-content .wc-block-components-form .wc-block-components-checkout-step input[type=email]::placeholder {
  font-weight: 600;
  letter-spacing: -0.5px;
  font-size: 16px;
  line-height: 18px;
}
.woocommerce-checkout #main-content .wc-block-components-form .wc-block-components-checkout-step .wc-blocks-components-select__select {
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 16px;
  line-height: 18px;
  height: 55px;
  padding: 15px 10px 0;
  font-weight: 600;
  letter-spacing: -0.5px;
  border-radius: 8px;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title p {
  font-weight: 700;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary-item__image img {
  border-radius: 6px;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
  font-size: 12px;
  font-weight: 700;
  color: #ee3330;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary {
  padding-bottom: 16px;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-details.wc-block-components-product-details {
  margin: 0;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block span.wc-block-components-product-details__name,
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block span.wc-block-components-product-details__value {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary__content .wc-block-components-order-summary-item {
  padding-top: 0 !important;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary__content .wc-block-components-order-summary-item h3.wc-block-components-product-name {
  font-size: 14px;
  font-weight: 600;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary__content .wc-block-components-order-summary-item .wc-block-components-product-metadata {
  margin-top: 0;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary__content .wc-block-components-order-summary-item .wc-block-components-product-metadata .wc-block-components-product-details__delivery-bag span,
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary__content .wc-block-components-order-summary-item .wc-block-components-product-metadata .wc-block-components-product-details__loose-aggregate span {
  font-size: 12px;
  font-weight: 406px;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary__content .wc-block-components-order-summary-item .wc-block-components-product-metadata ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary__content .wc-block-components-order-summary-item .wc-block-components-product-metadata ul li {
  padding: 0 !important;
  line-height: 18px !important;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary__content .wc-block-components-order-summary-item .wc-block-components-product-metadata ul li span {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon.wc-block-components-panel {
  padding: 16px;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon.wc-block-components-panel > div {
  font-size: 14px;
  font-weight: 500;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon.wc-block-components-panel button {
  border: none;
  font-family: "Poppins", sans-serif;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-totals-coupon.wc-block-components-panel p#validate-error-coupon {
  font-size: 12px;
  line-height: 18px;
  background: #f4f4f4;
  padding: 5px;
  border-radius: 5px;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-totals-block {
  padding: 16px 0;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-shipping__via {
  font-size: 12px !important;
  line-height: 20px;
  margin-top: 5px;
  border-radius: 6px;
  background-color: #f8f8f8;
  padding: 10px;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-item span {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper {
  padding: 0;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper .wc-block-components-totals-item.wc-block-components-totals-footer-item {
  padding: 20px;
  background-color: #353535;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper .wc-block-components-totals-item.wc-block-components-totals-footer-item * {
  color: #FFFFFF;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper .wc-block-components-totals-item.wc-block-components-totals-footer-item p.wc-block-components-totals-footer-item-tax {
  font-size: 12px;
  font-weight: 400 !important;
  text-align: right;
  float: right;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper .wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-components-totals-item__value span {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block span.wc-block-components-order-summary-item__individual-prices.price {
  display: none;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block * {
  letter-spacing: -0.5px;
}

.wc-block-checkout__use-address-for-billing label,
.wc-block-components-checkbox label {
  opacity: 1;
  letter-spacing: -0.5px;
  font-size: 14px;
  line-height: 18px;
}

.wc-block-components-checkout-return-to-cart-button {
  letter-spacing: -0.5px;
  text-decoration: underline;
}

.wc-block-checkout__terms {
  margin-bottom: 20px !important;
}
.wc-block-checkout__terms span {
  letter-spacing: -0.5px;
  font-size: 14px;
  font-weight: 600;
}

.wc-block-components-checkout-place-order-button {
  background-color: #EE3330;
  padding: 20px 50px !important;
  height: auto !important;
  color: #FFFFFF;
  border: none;
  border-radius: 8px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: -0.5px;
}

/* Woo Blocks checkout: hide the empty shipping/pickup placeholders at the top */
.wc-block-checkout__form .wp-block-woocommerce-checkout-shipping-method-block,
.wc-block-checkout__form .wp-block-woocommerce-checkout-pickup-options-block {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/****************************************************
****** WOOCOMMERCE ARCHIVE & SINGLE PAGE ************
****************************************************/
button.button.wc-load-more {
  margin: 0 auto;
  display: block;
  padding: 13px 20px !important;
  font-size: 14px !important;
}
button.button.wc-load-more:hover {
  background-color: #24272A;
}

.woocommerce nav.woocommerce-pagination {
  display: none;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #ee3230;
  color: #fff;
  border-radius: 12px;
  padding: 7px 11px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  border-radius: 12px;
  padding: 7px 11px;
}

.woocommerce nav.woocommerce-pagination ul {
  border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
  border: none;
}

td.value.woo-variation-items-wrapper {
  padding: 0;
  margin: 0;
}

ul.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared {
  margin: 0 !important;
}

.post-type-archive-product .wrapper.gap {
  padding-top: 3rem;
}
.post-type-archive-product .wrapper.gap-b {
  padding-bottom: 3rem;
}
.post-type-archive-product .hero-area-full h4 {
  color: #24272A;
}
.post-type-archive-product .hero-area-full .icon-usp {
  display: inline-flex;
  background-color: #f0f0f0;
  border-radius: 8px;
  padding: 15px;
  margin-top: 1rem;
}
.post-type-archive-product .hero-area-full .icon-usp div svg path {
  fill: #24272A;
}
.post-type-archive-product .hero-area-full .icon-usp div span {
  color: #24272A;
}
.post-type-archive-product .hero-area-full:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: hsla(0, 0%, 94.12%, 0.7);
}

.products-wrapper {
  display: grid;
  grid-template-columns: 1fr 3fr;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 3rem;
  margin-top: 3rem;
}
.products-wrapper .products-wrapper-sidebar {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 0;
  margin-right: 3rem;
}
.products-wrapper .products-wrapper-products p.woocommerce-result-count {
  font-size: 12px;
  letter-spacing: -0.5px;
}
.products-wrapper .products-wrapper-products .woocommerce-ordering select {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
}

.woocommerce ul.products.columns-3 {
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  display: grid;
}
.woocommerce ul.products.columns-3:before {
  display: none !important;
}
.woocommerce ul.products.columns-3 li {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  clear: unset !important;
}
.woocommerce ul.products.columns-4 {
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  display: grid;
}
.woocommerce ul.products.columns-4:before {
  display: none !important;
}
.woocommerce ul.products.columns-4 li {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  clear: unset !important;
}
.woocommerce ul.products {
  padding-left: 0 !important;
}
.woocommerce ul.products li.product {
  box-shadow: 0px 5px 10px -3px rgba(0, 0, 0, 0.1);
  border-radius: 8px !important;
}
.woocommerce ul.products li.product img {
  border-radius: 8px 8px 0 0 !important;
  margin-bottom: 30px !important;
}
.woocommerce ul.products li.product h2, .woocommerce ul.products li.product .agg-loop-excerpt, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .product-card__excerpt {
  padding: 0 30px !important;
}
.woocommerce ul.products li.product h2 {
  font-size: 20px !important;
  line-height: 26px !important;
  font-weight: 600 !important;
  margin-bottom: 15px !important;
  padding: 0 30px !important;
  text-align: left !important;
}
.woocommerce ul.products li.product .price {
  margin-bottom: 0 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  font-weight: 600 !important;
  color: #17CC8D !important;
  letter-spacing: -0.5px !important;
}
.woocommerce ul.products li.product .price .wts-vat-text {
  font-size: 70% !important;
  letter-spacing: -0.5px !important;
  color: #000000 !important;
}
.woocommerce ul.products li.product .agg-loop-excerpt p, .woocommerce ul.products li.product .product-card__excerpt {
  font-size: 12px !important;
  line-height: 20px !important;
  margin-bottom: 15px !important;
}
.woocommerce ul.products li.product .agg-loop-excerpt {
  display: none;
}
.woocommerce ul.products li.product .agg-loop-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  padding: 0 30px;
}
.woocommerce ul.products li.product .agg-loop-btns a.button {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  padding: 10px !important;
  width: 100%;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 30px;
}
.woocommerce ul.products li.product .agg-loop-btns a.button.agg-btn-secondary {
  background-color: #F7F7F7 !important;
  color: #24272A !important;
}
.woocommerce ul.products li.product .agg-loop-btns a.button:hover {
  opacity: 0.8;
}

input#agg_loose_tonnage {
  padding: 3px 10px;
  border-radius: 7px;
  border: 1px solid #d7d7d7;
  font-size: 14px;
  font-weight: 600;
  font-family: "Poppins";
  letter-spacing: -0.5px;
}

.woocommerce .quantity .qty {
  padding: 17px 0;
  border-radius: 7px;
  border: 1px solid #d7d7d7;
  font-size: 14px;
  font-weight: 600;
  font-family: "Poppins";
  letter-spacing: -0.5px;
}

/* Filter Plugin styling */
.products-wrapper-sidebar .berocket_single_filter_widget .bapf-clean-rounded li.checked label {
  border-color: #EE3330;
  color: #EE3330;
  opacity: 1;
}
.products-wrapper-sidebar .berocket_single_filter_widget .bapf-clean-rounded li.checked label:before {
  border-color: #EE3330;
  top: 13px;
  left: 8px;
}
.products-wrapper-sidebar .bapf_sfilter {
  margin-bottom: 30px;
}
.products-wrapper-sidebar .bapf_sfilter span.bapf_val {
  font-size: 14px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  letter-spacing: -0.5px;
}
.products-wrapper-sidebar .bapf_sfilter .bapf_slidr_main.ui-widget-content .ui-slider-handle {
  background-color: #EE3330;
}
.products-wrapper-sidebar .bapf_sfilter.bapf_button_light .bapf_button {
  border: none;
  background: #F7F7F7;
  color: #24272A;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  letter-spacing: -0.5px;
  font-weight: 600;
  width: 100%;
}
.products-wrapper-sidebar .bapf_sfilter .bapf_hascolarr {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
}
.products-wrapper-sidebar .berocket_single_filter_widget {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  padding-right: 20px;
}

.single-product .variations tbody {
  background-color: transparent;
}
.single-product [id^=product-] .grey-bg {
  padding: 3rem 0;
}
.single-product #content div.product div.images,
.single-product div.product div.images,
.single-product #content div.product div.images,
.single-product div.product div.images {
  float: unset;
  width: 100%;
}
.single-product div.product div.summary {
  float: unset;
  width: 100%;
}
.single-product h1 {
  color: #24272A;
  margin-bottom: 15px;
}
.single-product p.price {
  letter-spacing: -0.5px;
  font-size: 16px !important;
  line-height: 24px;
  margin-bottom: 15px;
}
.single-product p.price > span {
  color: #24272A;
  font-weight: 600;
}
.single-product .woocommerce-product-details__short-description p {
  margin-bottom: 15px;
}
.single-product .variations {
  margin-bottom: 15px !important;
}
.single-product .variations * {
  font-size: 13px;
  line-height: 20px;
  font-family: "Poppins", sans-serif;
  letter-spacing: -0.5px;
}
.single-product .variations .woo-selected-variation-item-name {
  color: #ee3230;
  font-weight: 400 !important;
}
.single-product .variations label {
  color: #24272A;
  opacity: 1;
}
.single-product .variations .variable-items-wrapper {
  padding: 0 !important;
  margin: 5px 0 !important;
}
.single-product .variations .variable-items-wrapper .variable-item {
  box-shadow: unset !important;
  border-radius: 8px !important;
  border: 2px solid #E4E4E4 !important;
}
.single-product .variations .variable-items-wrapper .variable-item span {
  padding: 0 10px !important;
  font-size: 12px !important;
}
.single-product .variations .variable-items-wrapper .variable-item.selected {
  background-color: #24272A !important;
  box-shadow: unset !important;
  color: #FFFFFF !important;
  border: 2px solid #818181 !important;
  font-weight: 600 !important;
}
.single-product .product_meta {
  font-size: 12px;
  line-height: 18px;
}
.single-product .single_variation_wrap {
  background-color: #FFFFFF;
  border-radius: 8px;
  padding: 2rem;
}
.single-product .single_variation_wrap .woocommerce-variation-price {
  margin-bottom: 10px;
}
.single-product .single_variation_wrap .woocommerce-variation-price .price {
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
  color: #17CC8D;
  font-size: 26px;
  line-height: 30px;
}
.single-product .single_variation_wrap .woocommerce-variation-price .price .wts-vat-text {
  font-size: 14px;
}
.single-product .single_variation_wrap .woocommerce-variation-add-to-cart {
  display: flex;
  align-items: center;
  gap: 10px;
}
.single-product .single_variation_wrap .woocommerce-variation-add-to-cart div.quantity {
  float: unset !important;
}
.single-product .single_variation_wrap .woocommerce-variation-add-to-cart div.quantity .qty {
  padding: 17px 0;
  border-radius: 7px;
  border: 1px solid #d7d7d7;
  font-size: 14px;
  font-weight: 600;
  font-family: "Poppins";
  letter-spacing: -0.5px;
}
.single-product .single_variation_wrap .woocommerce-variation-add-to-cart .button {
  float: unset !important;
  width: 100%;
  border-radius: 12px !important;
  font-size: 18px;
  font-weight: 700;
}
.single-product .single_variation_wrap .woocommerce-variation-add-to-cart .button:hover {
  background-color: #c42724 !important;
}
.single-product .variations_form {
  margin-bottom: 10px !important;
}
.single-product .product-single-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  row-gap: 10px;
}
.single-product .product-single-inner .woocommerce-notices-wrapper,
.single-product .product-single-inner .woocommerce-breadcrumb {
  grid-column: span 2;
}

.single-product .wc-tab {
  max-width: 1400px;
  margin: 0 auto !important;
  padding: 0 30px !important;
}
.single-product .wc-tab h2 {
  display: none;
}
.single-product .woocommerce-tabs {
  margin-bottom: 3rem !important;
}
.single-product ul.tabs.wc-tabs {
  margin: 3rem 0 0 0 !important;
  padding: 2rem 30px 2rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  border-top: 1px solid #eeeeee;
}
.single-product ul.tabs.wc-tabs:before, .single-product ul.tabs.wc-tabs:after {
  display: none !important;
}
.single-product ul.tabs.wc-tabs li {
  border: none !important;
  background-color: transparent !important;
  padding: 5px 20px;
}
.single-product ul.tabs.wc-tabs li:before, .single-product ul.tabs.wc-tabs li:after {
  display: none !important;
}
.single-product ul.tabs.wc-tabs li a {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: -0.5px;
  color: #24272A !important;
}
.single-product ul.tabs.wc-tabs li.active a {
  color: #EE3330 !important;
}
.single-product section.related.products {
  max-width: 1400px;
  margin: 3rem auto !important;
  padding: 3rem 30px !important;
}
.single-product section.related.products h2 {
  text-align: center;
  font-size: 26px;
  line-height: 34px;
}

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

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

.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: 8px;
  width: 90px;
  height: 70px;
  object-fit: cover;
}

.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;
}

/****************************************************
****** CALCULATORS ******************************
****************************************************/
.agg-wrap {
  font-family: "Poppins", sans-serif;
  background: #ffffff;
  color: #0a0a0a;
  line-height: 1.4;
  max-width: 1000px;
}
.agg-wrap img {
  height: 50px;
  width: auto;
  margin-bottom: 15px;
}
.agg-wrap .agg-heading {
  font-size: clamp(1.6rem, 0.5vw, 2rem);
  font-weight: 700;
  margin: 0 0 1.25rem;
  color: #000;
  letter-spacing: -0.03em;
}

.agg-card {
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  max-width: 900px;
  padding: 1.5rem clamp(1rem, 2vw, 2rem) 2rem;
  width: 100%;
}

.agg-field-group {
  margin-bottom: 1.5rem;
  flex: 1;
  min-width: 0;
}
.agg-field-group .agg-field-label {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  margin-bottom: 0.5rem;
  display: block;
}

.agg-input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  border: none;
  background-color: #F7F7F7;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #000;
  line-height: 1.2;
  padding: 1rem 3rem 1rem 1.25rem;
  outline: none;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.agg-input:focus {
  border-color: #26c281;
  box-shadow: 0 0 0 3px rgba(38, 194, 129, 0.2);
  background-color: #fff;
}

.agg-select-wrapper {
  position: relative;
  width: 100%;
  display: inline-block;
}
.agg-select-wrapper .agg-select-arrow {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  pointer-events: none;
  width: 0.8rem;
  height: 0.8rem;
  border-left: 2px solid #555;
  border-bottom: 2px solid #555;
  transform-origin: center;
}

.agg-dims-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100px, 100%), 1fr));
  gap: 1rem 1.25rem;
  margin-bottom: 1rem;
}

.agg-results-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
  gap: 1rem 1.25rem;
  margin-bottom: 2rem;
}

.agg-result-card {
  background: #26c281;
  color: #ffffff;
  border-radius: 8px;
  padding: 1.25rem 1.5rem 1rem;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}
.agg-result-card .agg-result-label {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0.75rem;
  color: #ffffff;
}
.agg-result-card .agg-result-value {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  color: #ffffff;
  margin-bottom: 0.5rem;
  word-break: break-word;
}
.agg-result-card .agg-result-hint {
  font-size: 0.8rem;
  line-height: 1.3;
  font-weight: 500;
  color: #ffffff;
  opacity: 0.9;
  max-width: 40ch;
}

.agg-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.agg-actions .agg-btn-reset {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #e5e5e5;
  background-color: #f7f7f7;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  padding: 15px 30px;
  border: none;
  line-height: 1.2;
  cursor: pointer;
  transition: box-shadow 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
  font-family: "Poppins", sans-serif;
}
.agg-actions .agg-btn-reset:hover {
  background-color: #fff;
  border-color: #26c281;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.08);
}
.agg-actions .agg-btn-reset:active {
  transform: scale(0.99);
}

/****************************************************
****** MAILCHIMP SIGNUP ******************************
****************************************************/
#mc_embed_signup_scroll {
  font-family: "Poppins", sans-serif;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  row-gap: 10px;
  justify-content: center;
}
#mc_embed_signup_scroll label {
  color: #FFFFFF;
  opacity: 1;
}
#mc_embed_signup_scroll .mc-field-group {
  max-width: 400px;
}
#mc_embed_signup_scroll .mc-field-group input {
  border: none;
  padding: 15px !important;
  border-radius: 8px;
  color: #24272A;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}
#mc_embed_signup_scroll .button {
  padding: 10px 40px !important;
  height: unset !important;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700 !important;
  background-color: #EE3330 !important;
  color: #FFFFFF !important;
  font-family: "Poppins", sans-serif;
  width: 100% !important;
  margin-top: 28px !important;
}
#mc_embed_signup_scroll .button:hover {
  background-color: #24272A !important;
}
#mc_embed_signup_scroll .indicates-required {
  display: none;
}
#mc_embed_signup_scroll div#mce-responses {
  position: absolute;
}

/****************************************************
****** TABS ******************************
****************************************************/
.tabs .tab-buttons {
  display: flex;
  gap: 10px;
  margin-bottom: 2rem;
  align-items: center;
  justify-content: flex-start;
}
.tabs .tab-buttons .tab-button {
  background: #F7F7F7;
  border: none;
  font-size: 14px;
  font-weight: 600;
  color: #24272A;
  cursor: pointer;
  padding: 10px 30px;
  position: relative;
  font-family: "Poppins", sans-serif;
  border-radius: 8px;
}
.tabs .tab-buttons .tab-button.active {
  color: #FFFFFF;
  background-color: #24272A;
}
.tabs .tab-buttons .tab-button:hover {
  background-color: #24272A;
  color: #FFFFFF;
}
.tabs .tab-contents .tab-content {
  display: none;
}
.tabs .tab-contents .tab-content.active {
  display: block;
}
.tabs .tab-contents .tab-content .two-col-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
.tabs .tab-contents .tab-content .two-col-grid .col p {
  margin-bottom: 1rem;
}
.tabs .tab-contents .tab-content .two-col-grid .col img {
  max-width: 100%;
  border-radius: 8px;
  background: #f2f2f2;
  aspect-ratio: 16/11;
  object-fit: cover;
}

/****************************************************
****** FLICKITY ******************************
****************************************************/
.products-slider .flickity-viewport {
  margin-bottom: 1.5rem;
}
.products-slider .flickity-viewport .flickity-slider .product-card {
  width: calc(25% - 15px);
  box-shadow: 0px 5px 10px -3px rgba(0, 0, 0, 0.1);
  border-radius: 8px !important;
  margin: 0 10px 10px;
}
.products-slider .flickity-viewport .flickity-slider .product-card img {
  width: 100%;
  display: flex;
  border-radius: 8px 8px 0 0 !important;
  margin-bottom: 30px !important;
}
.products-slider .flickity-viewport .flickity-slider .product-card a {
  text-decoration: none;
}
.products-slider .flickity-viewport .flickity-slider .product-card h3 {
  font-size: 20px !important;
  line-height: 26px !important;
  font-weight: 600 !important;
  margin-bottom: 15px !important;
  padding: 0 30px !important;
  text-align: left !important;
}
.products-slider .flickity-viewport .flickity-slider .product-card .product-card__price {
  margin-bottom: 0 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  font-weight: 600 !important;
  color: #17CC8D !important;
  letter-spacing: -0.5px !important;
  padding: 0 30px !important;
}
.products-slider .flickity-viewport .flickity-slider .product-card .product-card__price .wts-price-container {
  color: #17CC8D !important;
}
.products-slider .flickity-viewport .flickity-slider .product-card .product-card__price .wts-price-container .wts-price-wrapper {
  color: #17CC8D !important;
}
.products-slider .flickity-viewport .flickity-slider .product-card .product-card__price .wts-price-container .wts-price-wrapper bdi, .products-slider .flickity-viewport .flickity-slider .product-card .product-card__price .wts-price-container .wts-price-wrapper .woocommerce-Price-currencySymbol {
  color: #17CC8D !important;
}
.products-slider .flickity-viewport .flickity-slider .product-card .product-card__price span.wts-vat-text {
  font-size: 70% !important;
  letter-spacing: -0.5px !important;
  color: #000000 !important;
}
.products-slider .flickity-viewport .flickity-slider .product-card .product-card__excerpt p {
  font-size: 12px !important;
  line-height: 20px !important;
  margin-bottom: 15px !important;
  padding: 0 30px !important;
}
.products-slider .flickity-viewport .flickity-slider .product-card .product-card__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  padding: 0 30px;
}
.products-slider .flickity-viewport .flickity-slider .product-card .product-card__actions a {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  padding: 10px !important;
  width: 100%;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 30px;
}
.products-slider .flickity-viewport .flickity-slider .product-card .product-card__actions a:hover {
  opacity: 0.8;
}
.products-slider .flickity-viewport .flickity-slider .product-card .product-card__actions a.button--secondary {
  background-color: #F7F7F7 !important;
  color: #24272A !important;
}

.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;
  margin-top: 0 !important;
  margin-bottom: 0 !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;
}

/****************************************************
****** BLOG  ******************************
****************************************************/
.blog-single-hero img {
  height: 450px;
  object-fit: cover;
  width: 100%;
  border-radius: 16px;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.single-blog-container {
  max-width: 1000px;
  margin: 0 auto;
}

.blog .hero-area-full:before {
  background: rgba(0, 0, 0, 0.7);
}

.blog-post-grid {
  margin-bottom: 3rem;
  grid-gap: 20px;
}
.blog-post-grid .col .img-element {
  position: relative;
}
.blog-post-grid .col .img-element a {
  position: relative;
  display: flex;
  overflow: hidden;
  border-radius: 8px;
}
.blog-post-grid .col .img-element a: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);
}
.blog-post-grid .col .img-element a img {
  border-radius: 8px;
  transition: transform 0.4s ease;
}
.blog-post-grid .col .img-element a h5 {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: white;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
.blog-post-grid .col h4 {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 15px;
}
.blog-post-grid .col:hover h4 a {
  color: #EE3330;
}
.blog-post-grid .col:hover .img-element a:before {
  opacity: 1;
  background: rgba(0, 0, 0, 0.4);
}
.blog-post-grid .col:hover .img-element a h5 {
  background-color: #EE3330;
  color: #FFFFFF;
  z-index: 2;
}
.blog-post-grid .col:hover .img-element a img {
  transform: scale(1.1);
  position: relative;
}

.author-container {
  max-width: 600px;
  align-items: center;
  display: flex;
  gap: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left: none;
  border-right: none;
  padding: 1rem;
  margin-bottom: 3rem;
  justify-content: space-between;
}
.author-container .author-bio h5, .author-container .author-cat h5, .author-container .author-date h5 {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: -0.5px;
}
.author-container .author-bio h5 span, .author-container .author-cat h5 span, .author-container .author-date h5 span {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 5px;
  color: rgb(136, 136, 136);
  letter-spacing: -0.5px;
}
.author-container .author-bio:hover h5, .author-container .author-bio:hover a, .author-container .author-cat:hover h5, .author-container .author-cat:hover a, .author-container .author-date:hover h5, .author-container .author-date:hover a {
  color: #EE3330 !important;
}
.author-container .author-bio a {
  display: flex;
  align-items: center;
  gap: 10px;
}
.author-container .author-bio a img {
  width: 50px;
  height: 50px;
  border-radius: 8px;
  object-fit: cover;
  margin: 0 !important;
}
.author-container .author-bio a h5 {
  margin: 0;
}
.author-container .author-bio a h5 span {
  display: block;
}
.author-container .author-date h5 {
  margin: 0;
}
.author-container .author-date h5 span {
  display: block;
}
.author-container .author-cat h5 {
  margin: 0;
}
.author-container .author-cat h5 span {
  display: block;
}

.author-container.full-author {
  width: 100%;
  max-width: unset;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 3rem;
  padding: 3rem 0;
}
.author-container.full-author .author-image img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
}

nav ul.pager {
  list-style-type: none !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  display: flex;
  gap: 6px;
}
nav ul.pager li a {
  background: #ffffff;
  padding: 5px 15px;
  font-size: 14px;
  font-weight: 600;
  color: #24272A;
  border-radius: 8px;
}
nav ul.pager li.active a, nav ul.pager li:hover a {
  background-color: #EE3330;
  color: #FFFFFF;
}
nav span {
  font-size: 14px;
  font-weight: 500;
}

/****************************************************
****** FOOTER  ******************************
****************************************************/
footer {
  background-color: #24272A;
}
footer a {
  text-decoration: none;
}
footer .footer-top {
  margin-bottom: 4rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 10px;
}
footer .footer-top .btn {
  font-size: 14px;
  line-height: 16px;
  padding: 15px 30px;
}
footer .site-footer {
  padding: 4rem 0;
}
footer .bottom-bar {
  background-color: #EE3330;
  padding: 1.5rem 0 0;
}
footer .bottom-bar * {
  font-size: 12px;
  line-height: 18px;
}
footer .bottom-bar p:last-child {
  margin-bottom: 1.5rem;
}
footer .bottom-bar svg {
  display: flex;
  width: 100%;
  height: auto;
}
footer .footer-row-grid {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 3rem;
}
footer .footer-row-grid .footer-group img {
  width: 200px;
  height: auto;
}
footer .footer-row-grid .footer-main img.card-icons {
  width: 190px;
  height: auto;
}
footer .footer-row-grid .footer-main h6.widgettitle {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
footer .footer-row-grid .footer-main .menu {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  row-gap: 5px;
}
footer .footer-row-grid .footer-main .menu li a {
  font-size: 14px;
  font-weight: 400;
}
footer .footer-row-grid .footer-main .menu li a:hover {
  color: #EE3330;
}
footer .footer-row-grid .footer-main .widget {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.125);
}
footer .footer-row-grid .footer-main .widget:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
footer .footer-row-grid .footer-main .widget p:last-child {
  margin-bottom: 0;
}

.social-links {
  display: flex;
  gap: 10px;
}
.social-links svg {
  width: 30px;
  height: auto;
}
.social-links svg:hover {
  cursor: pointer;
  opacity: 0.8;
}

.newsletter {
  background-image: url(https://a11.inspectyoursite.co.uk/wp-content/uploads/2025/10/texture-bg-scaled.webp);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding: 5rem 0;
  text-align: center;
}
.newsletter h2 {
  color: #EE3330;
  max-width: 600px;
  margin: 0 auto 20px;
}

p.search-price {
  margin-bottom: 0 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  font-weight: 600 !important;
  color: #17CC8D !important;
  letter-spacing: -0.5px !important;
  padding-left: 20px;
  padding-right: 20px;
}

.search-title {
  margin-bottom: 10px !important;
}

#reviews p.woocommerce-noreviews {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
#reviews p.woocommerce-verification-required {
  font-size: 14px;
}

.woocommerce #review_form span#reply-title {
  font-size: 20px;
  margin: 10px 0;
  display: block;
  font-weight: 600;
  color: #EE3330;
}
.woocommerce #review_form #respond .form-submit input {
  background-color: #EE3330;
  color: #FFFFFF;
  border-radius: 8px;
  padding: 15px 50px;
  font-size: 16px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  transition: background-color 0.4s ease;
  font-family: "Poppins", sans-serif;
}
.woocommerce #review_form textarea#comment {
  border: none;
  background: #f8f8f8;
  color: black;
  font-size: 16px;
  font-weight: 500;
  padding: 15px;
  border-radius: 4px;
  font-family: "Poppins";
}
.woocommerce #review_form p.stars a {
  color: #EE3330;
}

.woocommerce table.shop_attributes {
  border: none;
}
.woocommerce table.shop_attributes tr, .woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th {
  border: none;
  text-align: left;
  padding: 8px 14px;
}
.woocommerce table.shop_attributes tr p, .woocommerce table.shop_attributes td p, .woocommerce table.shop_attributes th p {
  padding: 0;
}
.woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th {
  background-color: rgb(245, 245, 245);
}

/****************************************************
****** MEDIA QUERIES ******************************
****************************************************/
/** IE11/10 **/
/*** MIN WIDTH 1200PX ***/
@media screen and (min-width: 1200px) {
  form.nav-search {
    margin-right: 30px;
  }
}
/*** MAX WIDTH 1199PX ***/
@media screen and (max-width: 1199px) {
  .hero-area-full .wrapper .wrapper-inner .two-col-grid {
    grid-template-columns: 1fr;
    padding: 15rem 0 3rem;
  }
}
/*** MAX WIDTH 1199PX ***/
@media screen and (max-width: 1150px) {
  form.nav-search input#nav-search-input {
    width: 155px;
  }
}
@media screen and (max-width: 991px) {
  .products-slider .flickity-viewport .flickity-slider .product-card {
    width: calc(50% - 15px);
  }
  .single-product ul.tabs.wc-tabs li a {
    font-size: 16px;
    line-height: 22px;
  }
  .woocommerce ul.products.columns-4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    display: grid;
  }
  .products-wrapper {
    grid-template-columns: 1fr;
    padding-top: 0;
    margin-top: 0;
  }
  .products-wrapper .products-wrapper-sidebar {
    border: none;
    margin: 0 0 2rem 0;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .products-wrapper .products-wrapper-sidebar ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    row-gap: 5px;
    align-items: center;
  }
  .products-wrapper .products-wrapper-sidebar ul .berocket_single_filter_widget {
    margin-bottom: 0;
    padding-right: 0;
    border: none;
  }
  .products-wrapper .products-wrapper-sidebar ul .berocket_single_filter_widget .bapf_sfilter {
    margin-bottom: 0;
  }
  .products-wrapper .products-wrapper-sidebar ul .berocket_single_filter_widget .bapf_sfilter .bapf_hascolarr {
    margin-bottom: 0;
  }
  #two-thirds .two-col-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    align-items: flex-start;
  }
  .text-icons .two-col-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .testimonial-carousel .testimonial-item {
    width: 100%;
  }
  header .navigation .n-bar .n-content {
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }
  header .navigation .n-bar .n-logo img {
    width: 200px;
  }
  .nav-search {
    display: none !important;
  }
  .n-nav {
    display: none;
  }
  .nbar-tog {
    display: block;
  }
  .wrapper .wrapper-inner, .hero-wrapper .wrapper-inner {
    padding-left: 30px;
    padding-right: 30px;
  }
  .four-col-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3rem;
  }
  .three-col-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .gap {
    padding-top: 5rem;
  }
  .gap-b {
    padding-bottom: 5rem;
  }
  .hero-area-full .wrapper .wrapper-inner .two-col-grid {
    padding: 5rem 0 3rem;
  }
  .products-slider .flickity-viewport .flickity-slider .product-card {
    width: 100%;
  }
  .single-product ul.tabs.wc-tabs {
    flex-wrap: wrap;
    row-gap: 0;
  }
  .single-product ul.tabs.wc-tabs li a {
    font-size: 16px;
    line-height: 22px;
  }
  .woocommerce ul.products.columns-4 {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
    display: grid;
  }
  .products-wrapper .products-wrapper-sidebar ul {
    grid-template-columns: 1fr;
  }
  .products-wrapper .products-wrapper-products ul.products.columns-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  #mc_embed_signup_scroll {
    flex-direction: column;
  }
  #mc_embed_signup_scroll .mc-field-group {
    max-width: 100% !important;
  }
  .author-container.full-author {
    grid-template-columns: 1fr;
    padding: 0;
    border: none;
  }
  .author-container.full-author .author-image img {
    width: 100%;
    height: 250px;
  }
  .column-icon-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .column-icon-wrapper .icon {
    padding: 20px;
  }
  .column-icon-wrapper .icon img {
    height: 40px;
  }
  .column-icon-wrapper .icon p {
    font-size: 12px;
  }
  .n-bar .login, .n-bar .phone {
    display: none !important;
  }
  .wp-block-wdevs-tax-switch.is-style-inline .wdevs-tax-switch .wdevs-tax-switch-label-text {
    font-size: 11px;
  }
  header .navigation .n-bar .n-content .n-content-widgets .cart-area .cart {
    font-size: 11px;
  }
  header .navigation .n-bar .n-content .n-content-widgets {
    gap: 5px;
  }
  header .navigation .n-bar .n-content .n-content-widgets .btn {
    height: 34px;
    width: 34px;
  }
  .two-col-grid,
  .tabs .tab-contents .tab-content .two-col-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 1.5rem;
  }
  .single-product .product-single-inner {
    grid-template-columns: 1fr;
  }
  .single-product .product-single-inner .woocommerce-breadcrumb, .single-product .product-single-inner .woocommerce-notices-wrapper, .single-product .product-single-inner .wc-swiper, .single-product .product-single-inner div.entry-summary {
    grid-column: span 2;
  }
  footer .footer-row-grid {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 600px) {
  header .navigation .n-bar .n-logo .mobile-logo-header {
    display: block;
    width: 75px;
  }
  header .navigation .n-bar .n-logo img.desktop-logo-header {
    display: none;
  }
  header.nav-header.sticky .navigation .n-bar .n-logo img {
    width: 75px;
  }
  .products-wrapper .products-wrapper-products ul.products.columns-3 {
    grid-template-columns: 1fr;
  }
  .n-bar {
    padding: 15px !important;
  }
  .n-bar .n-content-widgets {
    gap: 10px !important;
  }
  .n-bar .wa {
    display: none !important;
  }
  header .navigation .n-bar .n-logo img {
    width: 175px;
  }
  span.cart-count {
    display: none !important;
  }
  .wp-block-wdevs-tax-switch .wdevs-tax-switch .wdevs-tax-switch-label-text {
    margin-left: 5px;
  }
  .three-col-grid,
  .four-col-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 3rem;
  }
  .hero-area-full .wrapper .wrapper-inner .two-col-grid .product-boxes {
    grid-template-columns: 1fr 1fr;
  }
  .hero-area-full .wrapper .wrapper-inner .two-col-grid .product-boxes .product-box:last-child {
    display: none;
  }
  .icon-usp {
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 10px;
  }
}
/*** MAX WIDTH 460PX ***/
@media screen and (max-width: 400px) {
  header .navigation .n-bar .n-logo img {
    width: 150px;
  }
}

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