@font-face {
  font-family: "Helvetica Now Display";
  src: url("../fonts/Helvetica_Now_Display.ttf") format("truetype"), url("../fonts/Helvetica_Now_Display.ttf") format("truetype");
  src: url("../fonts/Helvetica_Now_Display.woff2") format("woff2"), url("../fonts/Helvetica_Now_Display.woff") format("woff"), url("../fonts/Helvetica_Now_Display.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Now Display Medium";
  src: url("../fonts/Helvetica_Now_Display_Medium.ttf") format("truetype"), url("../fonts/Helvetica_Now_Display_Medium.ttf") format("truetype");
  src: url("../fonts/Helvetica_Now_Display_Medium.woff2") format("woff2"), url("../fonts/Helvetica_Now_Display_Medium.woff") format("woff"),
    url("../fonts/Helvetica_Now_Display_Medium.svg") format("svg");
  font-weight: medium;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Now Display Bold";
  src: url("../fonts/Helvetica_Now_Display_Bold.ttf") format("truetype");
  src: url("../fonts/Helvetica_Now_Display_Bold.woff2") format("woff2"), url("../fonts/Helvetica_Now_Display_Bold.woff") format("woff"), url("../fonts/Helvetica_Now_Display_Bold.svg") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Now Micro";
  src: url("../fonts/HelveticaNowMicro-Regular.eot");
  src: local("../fonts/Helvetica Now Micro Regular"), local("HelveticaNowMicro-Regular"), url("../fonts/HelveticaNowMicro-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/HelveticaNowMicro-Regular.woff2") format("woff2"), url("../fonts/HelveticaNowMicro-Regular.woff") format("woff"), url("../fonts/HelveticaNowMicro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Now Text";
  src: url("../fonts/Helvetica_Now_Text.ttf") format("truetype"), url("../fonts/Helvetica_Now_Text.ttf") format("truetype");
  src: url("../fonts/Helvetica_Now_Text.woff2") format("woff2"), url("../fonts/Helvetica_Now_Text.woff") format("woff"), url("../fonts/Helvetica_Now_Text.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
html {
  scroll-behavior: smooth;
}
html.dropdown-open {
  overflow: hidden;
}
.overflow-hidden {
  overflow: hidden;
}
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
:root {
  --theme-color: #ea008b;
  --black: #000000;
  --white: #ffffff;
  --transition: all 300ms ease-in-out;
}
*,
:after,
:before {
  box-sizing: border-box;
}
a {
  text-decoration: none;
  outline: none;
  color: #373737;
  transition: var(--transition);
}
a:hover {
  transition: var(--transition);
}

.wp-singular .content a {
  text-decoration: underline;
}

.wp-singular .content a:hover {
  color: #000000 !important;
  font-weight: 600 !important;
}

img:not([src]) {
  display: none;
}

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

li {
  list-style-type: none;
}
body.single article .entry-content ul,
body.single article .entry-content ul > li {
  list-style-type: disc;
}
body.single article .entry-content ol,
body.single article .entry-content ol > li {
  list-style-type: auto;
}
body {
  font-family: "Helvetica Now Display", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: var(--black);
  caret-color: transparent;
  letter-spacing: 0.05em;
}
.site {
  overflow: hidden;
  position: relative;
}
.site:has(.story-sidebar-col) {
  overflow: initial;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Helvetica Now Display", sans-serif;
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 25px;
  color: var(--black);
  word-spacing: 0.05em;
}
h1,
.h1 {
  font-size: 58px;
  line-height: 110%;
  letter-spacing: 0em;
}
h2,
.h2 {
  font-weight: 500;
  font-size: 57px;
  line-height: 110%;
}
h3,
.h3 {
  font-size: 38px;
  line-height: 110%;
  letter-spacing: 0em;
}

h4,
.h4,
#product-enquire-popup .gform_title {
  font-size: 30px;
  line-height: 112%;
	letter-spacing:0.01em;
}

.gform_validation_errors h2 {
  margin-top: 0 !important;
  font-size: 15px !important;
}

h5,
.h5 {
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  font-family: "Helvetica Now Text", sans-serif;
}
h6,
.h6 {
  font-size: 20px;
  line-height: 26px;
}
.h1-big {
  font-size: 96px;
  line-height: 100%;
  letter-spacing: -0.01em;
  background: linear-gradient(90deg, #ea008b 0%, #ea0087 24%, #ea037d 43%, #ea086c 60%, #eb0e55 76%, #ec1636 92%, #ed1c24 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  mix-blend-mode: normal;
  font-family: "Helvetica Now Display Bold", sans-serif;
  margin-bottom: 0;
}

.simpleParallax {width: 100%; }
.parallax-image { opacity: 0; transition: opacity 0.3s; }
.parallax-image.show {opacity: 1;}
.ranges-home-section a.btn {
  margin-top: 10px;
}

.street-chat-section .h1-big {
  font-size: 90px;
}

.street-chat-section .btn-wrapper {
  margin-top: 15px;
}

.is-ajax-search-categories {
  display: none;
}

.project-headline {
  font-size: 32px;
  line-height: 110%;
}

.page-id-40900 .entry-header {
  display: none;
}

p {
  font-size: 18px;
  line-height: 120%;
  font-weight: 400;
  margin-bottom: 18px;
  font-family: "Helvetica Now Display", sans-serif;
  letter-spacing: 0.03em;
  word-spacing: 0.05em;
}
p:last-child {
  margin-bottom: 0px;
}
button,
a.btn,
input[type="submit"],
.woocommerce input[type="submit"],
body .is-ajax-woocommerce-actions .add_to_cart_inline a.button,
body.woocommerce-js button.woocommerce-Button {
  font-family: "Helvetica Now Display", sans-serif;
  font-size: 16px;
  line-height: 100%;
  background: var(--theme-color);
  color: var(--white) !important;
  justify-content: center;
  align-items: center;
  border-radius: 48px;
  padding: 6px 6px 6px 18px;
  margin: 0;
  display: flex;
  width: fit-content;
  text-decoration: none !important;
  transition: var(--transition);
  position: relative;
  border: none;
  cursor: pointer;
  font-weight: 500;
  letter-spacing: 0.01em;
}
button:after,
a.btn:after,
body .is-ajax-woocommerce-actions .add_to_cart_inline a.button:after {
  content: "";
  display: block;
  height: 24px;
  width: 24px;
  margin-left: 10px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1869_493)"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.7608 6.13764C10.4679 5.84475 9.99304 5.84474 9.70014 6.13764C9.40725 6.43053 9.40724 6.9054 9.70014 7.1983L14.2734 11.7716L9.70013 16.345C9.40724 16.6379 9.40725 17.1128 9.70014 17.4056C9.99304 17.6985 10.4679 17.6985 10.7608 17.4056L15.8644 12.3019C16.1573 12.009 16.1573 11.5342 15.8644 11.2413L10.7608 6.13764Z" fill="%23F2F1EF"/></g><defs><clipPath id="clip0_1869_493"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}
.splide__pagination__page::after {
  display: none;
}
input[type="submit"],
.woocommerce input[type="submit"],
.woocommerce input[type="submit"]:hover {
  padding: 9px 40px 9px 18px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1869_493)"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.7608 6.13764C10.4679 5.84475 9.99304 5.84474 9.70014 6.13764C9.40725 6.43053 9.40724 6.9054 9.70014 7.1983L14.2734 11.7716L9.70013 16.345C9.40724 16.6379 9.40725 17.1128 9.70014 17.4056C9.99304 17.6985 10.4679 17.6985 10.7608 17.4056L15.8644 12.3019C16.1573 12.009 16.1573 11.5342 15.8644 11.2413L10.7608 6.13764Z" fill="%23F2F1EF"/></g><defs><clipPath id="clip0_1869_493"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: right 5px center;
}
button:hover,
a.btn:hover,
input[type="submit"]:hover,
.woocommerce input[type="submit"]:hover,
body .is-ajax-woocommerce-actions .add_to_cart_inline a.button:hover,
body.woocommerce-js button.woocommerce-Button:hover {
  transition: var(--transition);
  background-color: #373737;
  color: var(--white) !important;
}
.show-password-input::after {
  display: none !important;
}
a.btn-link {
  font-size: 22px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--theme-color) !important;
  display: flex;
  align-items: center;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  transition: var(--transition);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: none !important;
  background: transparent;
}
p img[width][height] {
  width: 100%;
  height: 100%;
}
.download-btn {
  width: 36px;
  background-color: #dddbd9;
  border-radius: 100%;
  aspect-ratio: 1 / 1;
  text-align: center;
  line-height: 31px;
  display: flex;
  transition: var(--transition);
}
/*.download-btn:hover {
  background-color: #373737;
  transition: var(--transition);
}*/
.like-btn {
  border-radius: 48px;
  background-color: #dddbd9;
  padding: 6px 6px 6px 18px;
  display: inline-flex;
  align-items: center;
  color: var(--black) !important;
  transition: var(--transition);
}
.like-btn:hover {
  background-color: #373737;
  color: var(--white) !important;
  transition: var(--transition);
}
.like-btn.liked {
  padding: 6px;
}
.like-btn.liked .icon {
  margin-left: 0;
}
.like-btn.processing .icon {
  position: relative;
}
.like-btn.processing .icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-top: 2px solid #000;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  z-index: 2;
  background: var(--white);
  margin: auto;
}
@keyframes spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.btn.download {
  font-size: 16px;
  line-height: 100%;
  display: inline-flex;
  align-items: center;
  color: #383a42 !important;
  font-family: "Helvetica Now Display Medium", sans-serif;
  padding: 6px 6px 6px 18px;
  background: #f2f1ef;
  border-radius: 48px;
  letter-spacing: 0em;
  transition: var(--transition);
}
.btn.enquire.fixed:after {
  background-image: url('data:image/svg+xml,<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_808_279)"><path fill-rule="evenodd" clip-rule="evenodd" d="M19 38C29.4934 38 38 29.4934 38 19C38 8.50659 29.4934 0 19 0C8.50659 0 0 8.50659 0 19C0 29.4934 8.50659 38 19 38ZM26.0732 12.3009C26.1252 12.3159 26.1778 12.331 26.2295 12.3471H26.2309C29.1323 13.2503 31.1682 15.6928 31.9306 16.7325C32.0816 16.9387 31.9727 17.248 31.7345 17.2872C31.6416 17.3032 31.5356 17.3221 31.4238 17.3424C30.2388 17.5617 28.0882 18.0932 26.6477 19.2186L22.1533 22.7807L18.9659 25.1593C18.5389 25.4759 18.0873 25.7343 17.6183 25.9434C17.2872 26.0916 16.9474 26.215 16.6018 26.3137C16.2881 26.4038 15.9701 26.4735 15.6477 26.5272C15.1104 26.6158 14.5644 26.6564 14.0155 26.6564C13.9008 26.6564 13.7875 26.6535 13.6743 26.6477C13.6562 26.6462 13.6376 26.6452 13.6191 26.6441C13.6006 26.643 13.5821 26.6419 13.5639 26.6405C13.4884 26.6361 13.4129 26.6303 13.3374 26.623C13.3062 26.6199 13.2757 26.6168 13.2455 26.6137C13.2335 26.6124 13.2215 26.6112 13.2096 26.61C13.1384 26.6013 13.0673 26.5925 12.9976 26.5824C12.9764 26.5795 12.9556 26.5766 12.935 26.5736C12.9146 26.5708 12.8944 26.5679 12.8742 26.565C12.7769 26.549 12.681 26.5316 12.5852 26.5127C12.5271 26.5011 12.469 26.488 12.4124 26.4749L12.2817 26.4444C12.2192 26.4285 12.1568 26.4125 12.0958 26.3965C12.0632 26.3884 12.0306 26.3789 11.9979 26.3694L11.9912 26.3675C11.9805 26.3646 11.9697 26.3614 11.9589 26.3581C11.9479 26.3548 11.9369 26.3515 11.9259 26.3486C11.9126 26.3459 11.8994 26.3434 11.8863 26.3409C11.8565 26.3352 11.8269 26.3295 11.7967 26.3225C8.82268 25.6472 6.83325 22.9709 6.06943 21.9283C5.9184 21.7221 6.02731 21.4128 6.26546 21.3736C6.34284 21.361 6.42703 21.3459 6.49322 21.3341C6.54132 21.3254 6.57991 21.3185 6.59946 21.3155C7.78295 21.0947 9.93357 20.5633 11.3755 19.4379L15.8699 15.8758L19.0574 13.4972C19.4843 13.1806 19.9359 12.9221 20.4049 12.713C20.736 12.5649 21.0758 12.4414 21.4214 12.3427C21.7351 12.2527 22.0531 12.183 22.3755 12.1292C22.9128 12.0407 23.4588 12 24.0077 12C24.1224 12 24.2357 12.0029 24.349 12.0087C24.3672 12.0102 24.3857 12.0113 24.4042 12.0124C24.4227 12.0134 24.4412 12.0145 24.4593 12.016C24.5348 12.0203 24.6103 12.0261 24.6859 12.0334L24.8136 12.0465C24.8848 12.0552 24.9559 12.0639 25.0257 12.0741C25.0678 12.0799 25.1084 12.0857 25.1491 12.0915C25.2464 12.1075 25.3422 12.1249 25.4381 12.1438C25.4961 12.1554 25.5542 12.1684 25.6109 12.1815L25.7416 12.212C25.804 12.228 25.8664 12.244 25.9274 12.2599C25.9616 12.2684 25.9958 12.2784 26.03 12.2884L26.032 12.289C26.0457 12.293 26.0594 12.2969 26.0732 12.3009Z" fill="white"/></g><defs><clipPath id="clip0_808_279"><rect width="38" height="38" fill="white"/></clipPath></defs></svg>');
  width: 38px;
  height: 38px;
}
.btn.download:after {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_808_282)"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12ZM12.1562 5.25C12.5705 5.25 12.9062 5.58579 12.9062 6V10.6893L13.6884 9.90716C13.9813 9.61427 14.4562 9.61428 14.7491 9.90718C15.042 10.2001 15.042 10.675 14.7491 10.9678L12.6865 13.0303C12.5458 13.171 12.355 13.25 12.1561 13.25C11.9572 13.25 11.7665 13.171 11.6258 13.0303L9.56341 10.9678C9.27052 10.6749 9.27053 10.2 9.56343 9.90716C9.85633 9.61427 10.3312 9.61428 10.6241 9.90718L11.4062 10.6894V6C11.4062 5.58579 11.742 5.25 12.1562 5.25ZM7.75 13C7.75 12.5858 7.41421 12.25 7 12.25C6.58579 12.25 6.25 12.5858 6.25 13V14C6.25 15.5188 7.48122 16.75 9 16.75H15.5C17.0188 16.75 18.25 15.5188 18.25 14V13C18.25 12.5858 17.9142 12.25 17.5 12.25C17.0858 12.25 16.75 12.5858 16.75 13V14C16.75 14.6904 16.1904 15.25 15.5 15.25H9C8.30964 15.25 7.75 14.6904 7.75 14V13Z" fill="%23F2F1EF"/></g><defs><clipPath id="clip0_808_282"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="12" cy="12" rx="12" ry="12" transform="rotate(-90 12 12)" fill="white"/><path d="M12.1562 6V12" stroke="%23383A42" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.0938 10.4375L12.1562 12.5L14.2188 10.4375" stroke="%23383A42" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.3125 13.5V14.1875C17.3125 14.5522 17.1676 14.9019 16.9098 15.1598C16.6519 15.4176 16.3022 15.5625 15.9375 15.5625H8.375C8.01033 15.5625 7.66059 15.4176 7.40273 15.1598C7.14487 14.9019 7 14.5522 7 14.1875V13.5" stroke="%23383A42" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
input[data-autocompleted] {
  background-color: transparent !important;
}
a.btn-link svg {
  margin-left: 10px;
}
.container {
  width: 100%;
  padding: 0 20px;
  margin: 0px auto;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}
.row > * {
  padding-left: 20px;
  padding-right: 20px;
}
section {
  clear: both;
  overflow: hidden;
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
}
blockquote {
  clear: both;
  padding-top: 5px;
  margin: 60px 0;
}
blockquote p,
blockquote div {
  font-size: 30px;
  line-height: 112%;
  color: var(--black);
}
blockquote:before {
  content: "“”";
  font-size: 48px;
  line-height: 50%;
  color: rgba(56, 58, 66, 1);
}
blockquote h6 {
  font-size: 14px;
  line-height: 120%;
  margin: 20px 0;
  font-family: "Helvetica Now Display Medium", sans-serif;
}
figcaption {
  font-size: 12px;
  line-height: 120%;
  margin-top: 15px;
}
a[href^="mailto:"] {
  text-decoration: underline;
}
a[href^="mailto:"]:hover {
  text-decoration: none;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
ul:has(li.loading),
div:has(> .loading) {
  position: relative;
  min-height: 300px;
}
.loading {
  font-size: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
  border-top: 2px solid #000;
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
  margin-right: 5px;
  vertical-align: middle;
  margin: auto;
}

.wp-block-button a {
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  color: #ffffff;
  border-radius: 400px;
  display: block;
  margin: 20px 0;
  text-decoration: none !important;
  font-weight: 200 !important;
  background: #ea008b;
  letter-spacing: 0.01em;
}

.wp-block-button a:hover {
  background: #373737 !important;
  color: #ffffff !important;
  cursor: pointer;
}

.page h2 {
  font-size: 30px;
  margin-top: 40px;
}

.intro-section .column-right {
  padding-top: 12px;
}

.product-filter-dropdown-list label {
  letter-spacing: 0.02em;
  word-spacing: 0.05em;
}

.product-search .close-icon img {
  width: 10px;
}

.project-filter-sidebar .total-project-filter {
  letter-spacing: 0.03em !important;
}

.checkbox-filter-title {
  letter-spacing: -0.05em !important;
}

.woocommerce-js ul.products li.no-results {
  width: 100%;
  font-weight: 400;
  font-size: 30px;
  line-height: 112%;
  margin-top: 30px;
}
/*-*/

.custom-select-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  user-select: none;
  gap: 5px;
  justify-content: end;
}
.custom-select-wrapper > * {
  flex-shrink: 0;
}
.custom-select-wrapper select {
  position: relative;
  display: block;
  /*width: 100%;*/
  font-size: 13px !important;
  line-height: 120%;
  /*letter-spacing: -0.03em;*/
  color: var(--black);
  cursor: pointer;
  font-family: "Helvetica Now Display Bold", sans-serif;
  padding: 2px;
  padding-right: 30px;
  border: none;
  background: transparent;
  background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="%23F2F1EF"/><path d="M5.34448 7.67187L9.17224 11.4996L13 7.67188" stroke="%236C6E74" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: right;
  appearance: none;
  max-width: 150px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0px;
  font-size: 15px;
  line-height: 100%;
  color: var(--black);
}
.custom-pagination input[type="number"] {
  width: 36px;
  height: 36px;
  background: var(--white);
  border: 1px solid var(--black);
  text-align: center;
  padding: 5px;
  color: #555 !important;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.custom-pagination .pagination-total {
  margin: 0px 11px;
  font-family: "Helvetica Now Display Medium", sans-serif;
  flex-shrink: 0;
}
.custom-pagination .btn {
  margin: 0px 15px;
}
.custom-pagination .btn.prev {
  padding: 6px 18px 6px 6px;
  flex-direction: row-reverse;
}
.custom-pagination .btn.prev::after {
  margin-left: 0px;
  margin-right: 10px;
  transform: rotate(-180deg);
}
.street-search-results .product-item-inner .product-image-wrapper {
  /*border-radius: 12px;*/
  margin-bottom: 25px;
}

.is-layout-flex {
  display: flex;
  gap: 10px;
}

/*-*/
@media only screen and (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media only screen and (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media only screen and (min-width: 992px) {
  .container {
    max-width: 960px;
  }
  html,
  body {
    /*overflow: hidden;*/
  }

  body:has(.loading) #content-wrapper,
  body:has(.loading) [data-scroll],
  body:has(.loading) .c-scrollbar_thumb {
    transform: none !important;
    transition-delay: 0.5s;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

@media only screen and (min-width: 1600px) {
  .container {
    max-width: 1390px;
  }
}
@media only screen and (max-height: 670px) {
  #product-enquire-popup .popup-wrapper .enquiry-popup-main {
    overflow: hidden;
    overflow-y: auto;
  }
}

@media only screen and (max-width: 1199px) {
  .h1-big {
    font-size: 85px;
  }
  h1,
  .h1 {
    font-size: 60px;
  }
  h2,
  .h2 {
    font-size: 50px;
  }
  h3,
  .h3 {
    font-size: 40px;
  }
  h4,
  .h4,
  #product-enquire-popup .gform_title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 991px) {
  section {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .h1-big {
    font-size: 75px;
  }
  h1,
  .h1 {
    font-size: 55px;
  }
  h2,
  .h2 {
    font-size: 45px;
  }
  h3,
  .h3 {
    font-size: 35px;
  }
  h4,
  .h4,
  #product-enquire-popup .gform_title {
    font-size: 24px;
  }
  .site:has(.story-sidebar-col) {
    overflow: hidden;
  }
  .woocommerce-js ul.products li.no-results {
    font-size: 25px;
  }
}

@media only screen and (max-width: 767px) {
  section {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    margin-bottom: 15px;
  }
  .h1-big {
    font-size: 60px;
  }
  h1,
  .h1 {
    font-size: 45px;
  }
  h2,
  .h2 {
    font-size: 36px;
  }
  h3,
  .h3 {
    font-size: 30px;
  }
  p {
    line-height: 140%;
    letter-spacing: -0.01em;
  }
  .btn.download {
    font-size: 14px;
  }
  blockquote p {
    font-size: 20px;
  }
  .custom-select-wrapper {
    font-size: 16px;
    line-height: 16px;
  }
  .custom-select-wrapper select {
    font-size: 16px !important;
    max-width: 125px;
  }
}

@media only screen and (max-width: 575px) {
  .h1-big {
    font-size: 50px;
  }
  h1,
  .h1 {
    font-size: 40px;
  }
  .custom-pagination .btn {
    margin: 0px 10px;
  }
  .custom-pagination .pagination-total {
    margin-right: 0;
    margin-left: 10px;
  }
}
/*-Header-*/
.top-bar-header {
  background-color: #383a42;
  color: var(--white);
  padding: 10px 10px;
  overflow: hidden;
  font-size: 14px;
  line-height: 100%;
  font-family: "Helvetica Now Display", sans-serif;
  letter-spacing: 0.04em;
}
.top-bar-header .row {
  justify-content: space-between;
}
.top-bar-header .top-bar-right ul.top-bar-list {
  display: flex;
  margin: 0;
  padding: 0;
}
.top-bar-header .top-bar-right ul.top-bar-list li:not(:first-child) {
  margin-left: 30px;
}
.top-bar-header .top-bar-right ul.top-bar-list li a {
  font-size: 14px;
  line-height: 100%;
  color: var(--white);
  font-family: "Helvetica Now Display", sans-serif;
  letter-spacing: 0.04em;
  text-decoration: underline;
}

.top-bar-header .top-bar-right ul.top-bar-list li a:hover {
  font-weight: 600;
}
.top-bar-header .container {
  max-width: 100%;
}
.header-main {
  padding: 0px;
  width: 100%;
}
.header-main .row {
  justify-content: space-between;
}
.header-main .row > div {
  flex-shrink: 0;
}
.header-main .main-navigation .menu-toggle + div > ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-main .header-right {
  display: flex;
  align-items: center;
}
.header-main .login-btn,
.header-main .search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: var(--white);
  transition: 0.4s;
}
.header-main .login-btn:hover svg path {
  stroke: var(--theme-color);
}
.site-header {
  width: 100%;
  position: relative;
  z-index: 99;
}

.site-header .header-main {
  background: rgba(242, 241, 239, 0.73);
  backdrop-filter: blur(12.05px);
}
.header-main .site-branding {
  padding: 20px 0px 20px 10px;
}
.header-main .search-wrapper {
  margin-right: 12px;
  position: relative;
}
.header-main .main-navigation .menu > li.menu-item {
  /* margin: 0px 14px; */
  padding: 0px 18px 30px;
  margin-top: 30px;
}
.header-main .main-navigation .menu li.menu-item a:not(.btn) {
  font-family: "Helvetica Now", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: var(--black);
  letter-spacing: 0.02em;
}
.header-main .main-navigation .menu li.menu-item.menu-item-has-children a {
  padding-right: 25px;
  position: relative;
}
.header-main .main-navigation .menu li.menu-item.menu-item-has-children a:before {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.34448 0.671875L5.17224 4.49963L9 0.671875" stroke="%236C6E74" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  height: 18px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 3px;
}
.header-main .site-branding,
.header-main .site-branding * {
  display: flex;
}
/*search*/
.header-main .search-wrapper .search-form-wrapper {
  position: absolute;
  top: 0;
  max-width: 498px;
  width: 42px;
  height: 42px;
  background: var(--white);
  border-radius: 50px;
  display: flex;
  opacity: 0;
  pointer-events: none;
  right: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border: 1px solid transparent;
}
.header-main .search-wrapper.active .search-form-wrapper,
.header-main .search-wrapper:has(input:focus) .search-form-wrapper {
  width: 498px;
  opacity: 1;
  pointer-events: auto;
  border-color: #a1a1a1;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.header-main .search-wrapper .search-form-wrapper form {
  width: 100%;
}
.header-main .search-wrapper button[type="submit"] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--white);
  background-image: url("../images/search.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
}
.header-main .search-wrapper button[type="submit"]:hover {
  background-image: url("../images/search-hover.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.header-main .search-wrapper button[type="submit"] *,
.header-main .search-wrapper button[type="submit"]:after {
  display: none !important;
}
.header-main .search-wrapper.active .search-form-wrapper form,
.header-main .search-wrapper:has(input:focus) .search-form-wrapper form {
  width: 100%;
  display: flex;
}
.header-main .search-wrapper .search-form-wrapper form input[type="search"] {
  border: none !important;
  height: 40px;
  background: var(--white);
  border-radius: 50px;
  padding: 10px 20px;
  font-size: 16px !important;
}

.header-main .container {
  max-width: 100%;
  /*margin-left: 10px;*/
}

.header-main .container .header-right {
  padding-right: 30px;
}

.top-bar-header .streetchat {
  display: none;
}

/*-Header Search-start-*/
body div.is-ajax-search-details,
body div.is-ajax-search-result {
  background: #ffffff;
  border-radius: 18px;
  padding: 24px 28px;
  min-height: 480px;
  box-sizing: border-box;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
body div.is-ajax-search-details {
  padding-bottom: 54px;
}
body div.is-ajax-search-result .is-ajax-search-post {
  padding: 0px;
  border: none;
  margin-bottom: 15px;
}
body div.is-ajax-search-result .is-ajax-search-post .right-section > div:not(.is-title) {
  display: none;
}
body div.is-ajax-search-result .is-ajax-search-post .is-search-sections {
  display: flex;
  align-items: center;
}
body div.is-ajax-search-result .is-ajax-search-post .right-section > div.is-title a,
body .is-ajax-search-details a,
body .is-ajax-search-result a {
  font-size: 16px;
  line-height: 100%;
  color: #383a42;
  font-family: "Helvetica Now Display Medium", sans-serif;
}
body div.is-ajax-search-result .is-ajax-search-post .right-section > div.is-title a:hover,
body .is-ajax-search-details a:hover,
body .is-ajax-search-result a:hover {
  color: var(--theme-color);
}
.header-main:has(.search-wrapper.active),
body:has(.search-wrapper.active) .header-main,
body:has(input[type="search"]:focus) .header-main {
  position: relative;
}
.header-main:has(.search-wrapper.active):before,
body:has(.search-wrapper.active) .header-main:before,
body:has(input[type="search"]:focus) .header-main:before {
  content: "";
  display: block;
  background: rgba(242, 241, 239, 0.73);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  transition: var(--transition);
  transition-delay: 0.2s;
  animation: fadeIn 0.5s ease-in-out forwards;
}
body:has(.search-wrapper.active) .header-left,
.header-main:has(input[type="search"]:focus) .header-left {
  position: relative;
  z-index: 5;
}
body:has(.search-wrapper.active) .site-header .search-wrapper,
.header-main:has(input[type="search"]:focus) .search-wrapper {
  z-index: 9;
}

body:has(.search-wrapper.active) div.breadcrumb + div:before,
body:has(input[type="search"]:focus) div.breadcrumb + div:before,
body:has(div.is-ajax-search-result[style*="display: block;"]) div.breadcrumb + div:before,
body:has(.search-wrapper.active) div.breadcrumb + .site-main:before,
body:has(input[type="search"]:focus) div.breadcrumb + .site-main:before,
body:has(div.is-ajax-search-result[style*="display: block;"]) .site-main:before,
body:has(.search-wrapper.active) .content-area:before,
body:has(input[type="search"]:focus) .content-area:before,
body:has(div.is-ajax-search-result[style*="display: block;"]) .content-area:before,
body:has(.search-wrapper.active) .content-wrapper section:first-child:before,
body:has(input[type="search"]:focus) .content-wrapper section:first-child:before,
body:has(div.is-ajax-search-result[style*="display: block;"]) .content-wrapper section:first-child:before {
  content: "";
  display: block;
  background: rgb(56 58 66 / 50%);
  backdrop-filter: blur(7.4px);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  transition: var(--transition);
  transition-delay: 0.2s;
  animation: fadeIn 0.5s ease-in-out forwards;
}

body:has(.search-wrapper.active) div.breadcrumb + div:after,
body:has(input[type="search"]:focus) div.breadcrumb + div:after,
body:has(div.is-ajax-search-result[style*="display: block;"]) div.breadcrumb + div:after,
body:has(.search-wrapper.active) div.breadcrumb + .site-main:after,
body:has(input[type="search"]:focus) div.breadcrumb + .site-main:after,
body:has(div.is-ajax-search-result[style*="display: block;"]) .site-main:after,
body:has(.search-wrapper.active) .content-area:after,
body:has(input[type="search"]:focus) .content-area:after,
body:has(div.is-ajax-search-result[style*="display: block;"]) .content-area:after,
body:has(.search-wrapper.active) .content-wrapper section:first-child:after,
body:has(input[type="search"]:focus) .content-wrapper section:first-child:after,
body:has(div.is-ajax-search-result[style*="display: block;"]) .content-wrapper section:first-child:after {
  content: "";
  display: block;
  backdrop-filter: blur(1.4px);
  -webkit-backdrop-filter: blur(1.4px);
  backdrop-filter: blur(1.4px);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  transition: var(--transition);
  transition-delay: 0.2s;
  animation: fadeIn 0.5s ease-in-out forwards;
}
body:has(.search-wrapper.active) .content-wrapper section:first-child:before,
body:has(input[type="search"]:focus) .content-wrapper section:first-child:before,
body:has(.search-wrapper.active) .content-wrapper section:first-child:after,
body:has(input[type="search"]:focus) .content-wrapper section:first-child:after {
  /*height: 100vh;*/
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
body div.is-ajax-search-result[style*="display: block"] + div.is-ajax-search-details[style*="display: block"] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  display: none !important;
}
/*
body div.is-ajax-search-result[style*="display: block"]:has(+ div.is-ajax-search-details[style*="display: block"]) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}*/
body .is-ajax-woocommerce-actions .add_to_cart_inline {
  display: flex;
  margin: 10px 0px 0px;
}
body .is-show-more-results {
  display: flex;
  background: transparent !important;
}
body .is-show-more-results-text {
  font-family: "Helvetica Now Display Medium", sans-serif;
  font-size: 16px;
  line-height: 100%;
  background: #ea008b;
  color: #ffffff;
  justify-content: center;
  align-items: center;
  border-radius: 48px;
  padding: 10px 20px;
  /*margin: auto;*/
  display: flex;
  width: fit-content;
  text-decoration: none;
  transition: var(--transition);
  position: relative;
  border: none;
  cursor: pointer;
  font-weight: 500;
}

body .is-show-more-results-text:hover {
  transition: var(--transition);
  background-color: #373737;
}

body .is-ajax-term-label {
  display: none;
}
/*-Header Search-end-*/

/*search end*/
/*-*/
.menu-icon .line {
  width: 20px;
  height: 2px;
  background-color: #ffffff;
  display: block;
  margin: 4px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  border-radius: 50px;
}
.menu-toggle .menu-icon {
  overflow: hidden;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #383a42;
}
.menu-toggle span.line:nth-child(1) {
  rotate: 0deg;
  top: 0;
}
.menu-toggle.active span.line:nth-child(1) {
  top: 6px;
  -ms-transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.menu-toggle span.line:nth-child(2) {
  transform: translateX(0%);
}
.menu-toggle.active span.line:nth-child(2) {
  transform: translateX(-101%);
}
.menu-toggle span.line:nth-child(3) {
  rotate: 0deg;
  top: 0;
}
.menu-toggle.active span.line:nth-child(3) {
  top: -6px;
  -ms-transform: rotateZ(-45deg);
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}
.main-navigation > .menu-toggle.active span.line {
  rotate: 0deg !important;
  -ms-transform: rotateZ(0deg) !important;
  -webkit-transform: rotateZ(0deg) !important;
  -moz-transform: rotateZ(0deg) !important;
  -o-transform: rotateZ(0deg) !important;
  transform: rotateZ(0deg) !important;
  top: 0 !important;
}
.main-navigation > .menu-toggle.active .menu-icon {
  background-color: var(--theme-color);
}
.menu-toggle .menu-icon .text-center.icon {
  overflow: hidden;
}

/*  */
div.breadcrumb {
  padding: 30px 0 40px;
}
.breadcrumb {
  color: #383a42;
  font-family: "Helvetica Now Micro", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  color: #000000;
}
.breadcrumb a {
  color: #6c6e74;
}
.breadcrumb a:hover {
  color: #383a42;
}

/*-Mega-Menu-*/

.header-main .main-navigation .menu > li.menu-item.mega-menu > a {
  /*font-family: "Helvetica Now Text", sans-serif;*/
  /* padding-right: 25px;*/
  position: relative;
  transition: var(--transition);
}
.header-main .main-navigation .menu > li.menu-item > a:hover {
  color: var(--theme-color);
}
.header-main .main-navigation .menu > li.menu-item.mega-menu .arrow,
.header-main .main-navigation .menu > li.menu-item.mega-menu > a .arrow {
  content: "";
  display: block;
  height: 18px;
  width: 18px;
  /*background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="white"/><path d="M5.34448 7.67187L9.17224 11.4996L13 7.67188" stroke="%236C6E74" stroke-linecap="round" stroke-linejoin="round"/></svg>');*/
  position: absolute;
  top: 0px;
  right: 0px;
  transition: var(--transition);
}
.header-main .main-navigation .menu > li.menu-item.mega-menu.hover > .arrow,
.header-main .main-navigation .menu > li.menu-item.mega-menu.hover > .arrow,
.header-main .main-navigation .menu > li.menu-item.mega-menu.hover > a .arrow,
.header-main .main-navigation .menu > li.menu-item.mega-menu.hover > a .arrow,
.header-main .main-navigation .menu > li.menu-item.mega-menu .tab-btn.active > .arrow {
  /* background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" transform="matrix(1 0 0 -1 0 18)" fill="white"/><path d="M5.34448 10.3281L9.17224 6.50037L13 10.3281" stroke="%23EA008B" stroke-linecap="round" stroke-linejoin="round"/></svg>');*/
  transform: rotate(180deg);
}
.header-main .main-navigation .menu > li.menu-item.mega-menu.hover > .arrow path,
.header-main .main-navigation .menu > li.menu-item.mega-menu.hover > .arrow path,
.header-main .main-navigation .menu > li.menu-item.mega-menu.hover > a .arrow path,
.header-main .main-navigation .menu > li.menu-item.mega-menu.hover > a .arrow path,
.header-main .main-navigation .menu > li.menu-item.mega-menu .tab-btn.active > .arrow path {
  stroke: var(--theme-color);
}
.mega-menu-inner {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 15px 20px;
  border-radius: 0px 0px 48px 48px;
  z-index: 999;
  box-sizing: border-box;
  top: 82px;
  pointer-events: none;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  background-image: url("../images/menu-bg.png");
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(6px);
  min-height: 600px;
}

.mega-menu.hover .mega-menu-inner {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  z-index: 9;
}
.header-main .main-navigation .menu > li.menu-item a:has(+ .mega-menu-inner):after {
  content: "";
  display: block;
  background: var(--theme-color);
  width: 0;
  height: 1px;
  position: absolute;
  top: auto;
  bottom: -5px;
  left: 0;
  right: 0;
  transition: var(--transition);
}
.header-main .main-navigation .menu > li.menu-item a:has(+ .mega-menu-inner):hover:after {
  width: 100%;
}

/*
.tab-buttons,
.grid-item,
.mega-menu-inner .tab-container > a.btn,
.mega-menu-inner p:has(> .btn) {
  position: relative;
  transition: all 0.3s ease;
  transition-delay: 0.5s;
  opacity: 0;
}
.mega-menu.hover .grid-item {
  transition: all 0.3s ease;
  transition-delay: 0.5s;
  opacity: 1;
}
.mega-menu.hover .tab-buttons,
.mega-menu.hover .mega-menu-inner .tab-container > a.btn,
.mega-menu.hover .mega-menu-inner p:has(> .btn) {
  transition-delay: 0.5s;
  opacity: 1;
}
.mega-menu.hover .mega-menu-inner .tab-container > a.btn {
  opacity: 0;
  z-index: -1;
  visibility: hidden;
}
.mega-menu.hover .mega-menu-inner .tab-container > a.btn.active {
  opacity: 1;
  z-index: 5;
  visibility: visible;
}

.header-main .main-navigation .menu > li.menu-item a:has(+ .mega-menu-inner):after {
  content: "";
  display: block;
  position: absolute;
  top: auto;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--theme-color);
  width: 0;
  transition: var(--transition);
}
.header-main .main-navigation .menu > li.menu-item a:has(+ .mega-menu-inner):hover:after {
  width: 100%;
}
/*
.mega-menu.hover .grid-item:nth-child(1) {
  transition-delay: 0.6s;
  transform: translateY(0);
  opacity: 1;
}
.mega-menu.hover .grid-item:nth-child(2) {
  transition-delay: 0.7s;
  transform: translateY(0);
  opacity: 1;
}
.mega-menu.hover .grid-item:nth-child(3) {
  transition-delay: 0.8s;
  transform: translateY(0);
  opacity: 1;
}
.mega-menu.hover .grid-item:nth-child(4) {
  transition-delay: 0.9s;
  transform: translateY(0);
  opacity: 1;
}
.mega-menu.hover .grid-item:nth-child(5) {
  transition-delay: 1s;
  transform: translateY(0);
  opacity: 1;
}
.mega-menu.hover .grid-item:nth-child(6) {
  transition-delay: 1.1s;
  transform: translateY(0);
  opacity: 1;
}
.mega-menu.hover .grid-item:nth-child(7) {
  transition-delay: 1.2s;
  transform: translateY(0);
  opacity: 1;
}
.mega-menu.hover .grid-item:nth-child(8) {
  transition-delay: 1.3s;
  transform: translateY(0);
  opacity: 1;
}
.mega-menu.hover .grid-item:nth-child(9) {
  transition-delay: 1.4s;
  transform: translateY(0);
  opacity: 1;
}
.mega-menu.hover .grid-item:nth-child(10) {
  transition-delay: 1.5s;
  transform: translateY(0);
  opacity: 1;
}*/

.mega-menu.hover .mega-menu-content {
  display: block;
}
.mega-menu-inner .tab-content {
  border: none;
  background: transparent;
  padding: 0;
  max-width: 1000px;
  margin: auto;
}

.tab-container {
  width: 100%;
  margin: 0px auto;
  position: relative;
}
.tab-buttons {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.mega-menu-inner button {
  font-size: 18px;
  line-height: 26px;
  padding: 0px !important;
  border: none;
  background: transparent !important;
  color: var(--black) !important;
  border-radius: 0;
  margin: 0px 25px;
  cursor: pointer;
  border-bottom: 1px solid transparent;
  font-family: "Helvetica Now", sans-serif;
}
.mega-menu-inner button:after {
  display: none;
}
.mega-menu-inner button.active {
  border-color: var(--black);
}
.tab-content {
  border: 1px solid #ccc;
  padding: 20px;
  background: #fff;
}
.tab-panel {
  display: none;
}
.tab-panel.active {
  display: block;
}
.tab-panel > * {
  opacity: 0;
}
.tab-panel.active > * {
  -webkit-animation: fadeEffect 0.2s forwards;
  animation: fadeEffect 0.2s forwards;
  animation-delay: 0.1s;
}

.ginput_preview {
  display: none !important;
}

@-webkit-keyframes fadeEffect {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}
.mega-menu-inner .grid-row .grid-item {
  width: 20%;
}
.menu-container .menu-toggle.active {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 999;
}
.mega-menu-inner .tab-container > a.btn,
.mega-menu-inner p:has(> .btn) {
  display: inline-flex;
  position: absolute;
  top: 0;
  right: 20px;
  opacity: 0;
  z-index: -1;
}
.mega-menu-inner .tab-container > a.btn.active,
.mega-menu-inner p:has(> .btn.active),
.mega-menu-inner .tab-container > a.btn:only-of-type {
  opacity: 1;
  z-index: 1;
}
/*-*/

/*grid css*/
.attribute-grid {
  margin: 0 -15px;
}

.attribute-grid .grid-row {
  display: flex;
  flex-wrap: wrap;
}

.attribute-grid .grid-item {
  padding: 18px;
  box-sizing: border-box;
  text-align: center;
}

.attribute-grid.attribute-grid-pa_range {
  margin-top: 27px;
}

.attribute-grid .term-link {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}

.attribute-grid .term-image {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
  border-radius: 4px;
}

.attribute-grid .term-image-placeholder {
  width: 100%;
  height: 150px;
  background: #f5f5f5;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.attribute-grid .term-title {
  margin: 0 0 5px;
  font-size: 17px;
}

.attribute-grid .term-count {
  display: block;
  font-size: 12px;
  color: #777;
}

/*css for catgory grid*/
.terms-grid {
  margin: 0 -15px;
  z-index: 999;
}

.terms-grid .grid-row {
  display: flex;
  flex-wrap: wrap;
  row-gap: 15px;
  margin-bottom: 25px;
}

.terms-grid.terms-grid-project-type {
  margin-top: 46px;
}

.terms-grid .grid-item {
  padding: 0 15px 0 15px;
  box-sizing: border-box;
}

.terms-grid.terms-grid-project-type .grid-item,
.terms-grid.terms-grid-project-location .grid-item {
  padding: 0 15px 25px;
}

.terms-grid .term-link {
  display: block;
  text-align: center;
  text-decoration: none;
  color: inherit;
}

.mega-menu-inner .grid-row .grid-item img {
  max-width: 100%;
  height: auto;
  margin-bottom: 18px;
  transition: transform 0.3s ease;
  width: 148px;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 12px;
  transform: translateY(0px);
}

.terms-grid.terms-grid-product_cat .grid-row {
  row-gap: 0;
}

.terms-grid.terms-grid-project-location .grid-row {
  row-gap: 2px;
}

.mega-menu-inner .terms-grid-product_cat .grid-row {
  padding-top: 7px;
}

.mega-menu-inner .terms-grid-project-location {
  padding-top: 16px;
}

.mega-menu-inner .terms-grid-product_cat .grid-row .grid-item img {
  width: 159px;
  margin-top: 12px;
  margin-bottom: 18px;
}

.mega-menu-inner .terms-grid-project-location .grid-row .grid-item img {
  width: 154px;
  margin-top: 12px;
  margin-bottom: 14px;
}

.header-main .main-navigation .menu li.menu-item a.term-link:hover img {
  transform: translateY(-7px);
}
.terms-grid .term-image-placeholder {
  width: 100%;
  height: 150px;
  background: #f5f5f5;
  margin-bottom: 10px;
}

.terms-grid .term-title {
  margin: 0px;
  font-size: 17px;
}

.terms-grid .term-count {
  display: block;
  font-size: 12px;
  color: #777;
}
.mega-menu-inner .tab-content > button,
.mega-menu-inner .grid-row .grid-item a > span {
  display: none;
}
/*-Mega-Menu-end-*/

@media (max-width: 768px) {
  .mega-menu {
    position: static;
  }
  .mega-menu-content {
    position: static;
    width: 100%;
    box-shadow: none;
    display: none;
  }
  .mega-menu.open .mega-menu-content {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  html.has-scroll-smooth:has(.custom-popup[style="display: block;"]) #content-wrapper,
  html.has-scroll-smooth:has(.custom-popup.open) #content-wrapper,
  html.has-scroll-smooth:has(.custom-popup[style="display: block;"]) .c-scrollbar_thumb,
  html.has-scroll-smooth:has(.custom-popup.open) .c-scrollbar_thumb {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) !important;
  }
  .menu-toggle,
  .search-wrapper.search-mobile,
  .mega-menu-inner .tab-content > p,
  .mega-menu-inner .tab-content > button,
  .header-main .main-navigation .menu > li.menu-item > .arrow,
  .header-main .main-navigation .menu > li.menu-item.mega-menu .arrow {
    display: none;
  }
  .mega-menu-inner .mega-menu-tab-wrapper {
    position: relative;
    z-index: 5;
  }
  .mobile-menu-footer,
  .tab-container .mobile-header {
    display: none;
  }
}

@media only screen and (max-width: 1600px) {
  .header-main .main-navigation .menu > li.menu-item {
    padding: 0px 14px 22px;
    margin-top: 26px;
  }
  .mega-menu-inner {
    top: 74px;
  }
}

@media only screen and (max-width: 1199px) {
  .top-bar-header {
    overflow: hidden;
    overflow-x: auto;
  }
  .top-bar-header::-webkit-scrollbar {
    height: 4px;
  }
  .top-bar-header::-webkit-scrollbar-thumb {
    background-color: rgb(255 255 255 / 80%);
  }
  .top-bar-header .row {
    flex-wrap: nowrap;
    justify-content: space-between;
    /*animation: marquee 20s linear infinite;*/
  }
  .top-bar-header .row * {
    flex-shrink: 0;
  }
  .mega-menu-inner .grid-row .grid-item {
    width: 25%;
  }
  .mega-menu-inner {
    top: 95px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-main .site-branding img {
    max-width: 150px;
  }
  .header-main .search-wrapper {
    margin-right: 10px;
  }
  .header-main .main-navigation .menu > li.menu-item {
    /*margin: 0px 8px;*/
    padding-left: 8px;
    padding-right: 8px;
  }
  .top-bar-header .top-bar-right ul.top-bar-list li:not(:first-child) {
    margin-left: 20px;
  }
  /*.mega-menu-inner .grid-row .grid-item:not(:nth-child(-n + 8)) {
    display: none;
  }*/
}
@media only screen and (max-width: 991px) {
  .header-main .container .header-right {
    padding-right: 6px;
  }

  .header-main .container {
    margin-left: 0;
  }

  .site {
    padding-top: 110px;
  }
  .site-header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: top 0.4s ease;
    width: 100%;
    z-index: 999;
    -webkit-font-smoothing: antialiased;
    animation: 0.4s ease 0s normal both 1 running fixedAnim;
  }
  @-webkit-keyframes fixedAnim {
    0% {
      transform: translateY(-100%);
    }
    100% {
      transform: translateY(0%);
    }
  }
  @-moz-keyframes fixedAnim {
    0% {
      transform: translateY(-100%);
    }
    100% {
      transform: translateY(0%);
    }
  }
  @keyframes fixedAnim {
    0% {
      transform: translateY(-100%);
    }
    100% {
      transform: translateY(0%);
    }
  }
  .header-left {
    order: 1;
  }
  .header-main .header-right {
    padding-left: 0;
    order: 2;
    margin-left: auto;
    margin-right: 0;
    padding-right: 13px;
  }
  .header-center {
    padding-left: 0;
    display: flex;
    align-items: center;
    order: 3;
  }
  .top-bar-header,
  .top-bar-header .top-bar-right ul.top-bar-list li a {
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.01em;
  }
  .header-main .header-right .search-wrapper {
    display: none;
  }
  div.breadcrumb {
    padding: 30px 0 50px;
  }
  /*--*/

  .menu-toggle + div:has(> .menu) {
    padding: 15px 20px 40px;
    position: fixed;
    right: 0;
    left: auto;
    height: calc(100vh - 102px);
    top: 70px;
    width: 100%;
    bottom: 0;
    z-index: 99;
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
  }
  .menu-toggle + div:has(> .menu).open {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
  }
  .menu-container.open .menu-toggle.active .menu-icon {
    background: transparent;
  }
  .menu-container.open .menu-toggle.active .menu-icon .line {
    background-color: var(--black);
  }
  .header-main .main-navigation .menu-toggle + div > ul {
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    align-items: start;
    justify-content: start;
    max-width: 680px;
    width: 100%;
    margin: auto;
  }
  .main-navigation ul.menu li,
  .header-main .main-navigation .menu > li.menu-item,
  .main-navigation ul.menu li.menu-item.hover ul.sub-menu > li {
    margin: 10px 0px;
    padding: 0px 0px;
    position: unset;
    width: 100%;
  }
  .mega-menu-inner {
    top: 0;
  }
  .header-main .main-navigation .menu > li.menu-item.mega-menu > a {
    padding-right: 0px;
  }
  .header-main .main-navigation .menu > li.menu-item.mega-menu .arrow {
    top: 2px;
    z-index: 1;
    display: none;
  }
  .main-navigation ul.menu li.btn {
    margin-top: 10px;
  }
  .header-main .main-navigation .menu li.menu-item a:not(.btn) {
    font-size: 32px;
  }
  .site-header .header-center .main-navigation li.menu-item-has-children.hover > ul.sub-menu,
  .site-header .header-center .main-navigation li.menu-item-has-children.hover > ul.sub-menu > li.menu-item-has-children.hover > ul.sub-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    display: flex;
    border: none;
    box-shadow: none;
    flex-direction: column;
    padding-bottom: 0;
  }
  .main-navigation ul.menu li.menu-item-has-children {
    padding-right: 20px;
  }
  .site-header .main-navigation ul > li .arrow {
    position: absolute;
    right: 0;
    top: 4px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /*.site-header .main-navigation ul > li.hover > .arrow {
    transform: rotate(180deg);
    top: 5px;
  }*/
  .main-navigation ul.menu li.header-contact {
    margin-top: 10px;
  }
  /*.site-header.sticky .mega-menu-inner {
    top: 0px;
  }*/
  .mega-menu .mega-menu-inner .mega-menu-tab-wrapper {
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .mega-menu-inner .tab-container {
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .mega-menu-inner .tab-content {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding: 0px 12px;
  }

  .mega-menu-inner .tab-content::-webkit-scrollbar {
    width: 4px;
  }

  .mega-menu-inner .tab-content::-webkit-scrollbar-thumb {
    background-color: rgb(157 149 152 / 80%);
  }
  /*.site-header.sticky .mega-menu-inner {
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
  }*/
  .mega-menu-inner .grid-row .grid-item {
    width: 50%;
    display: flex;
    padding: 10px 15px;
    justify-content: center;
  }
  .mega-menu-inner .tab-content button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    width: 100%;
  }
  /*.mega-menu-inner .grid-row .grid-item img,
  .header-main .main-navigation .menu li.menu-item a > span,
  .header-main .main-navigation .menu > li.menu-item.mega-menu > a > .arrow,*/
  .mega-menu-inner p:has(> .btn) {
    display: none;
  }
  .terms-grid .grid-row {
    row-gap: 0px;
    margin-bottom: 20px;
    max-width: 500px;
    margin: auto;
  }

  .top-bar-header .top-bar-left,
  .top-bar-header .top-bar-right ul.top-bar-list li:not(.phone) {
    display: none;
  }
  .top-bar-header .row {
    justify-content: end;
  }
  .top-bar-header .top-bar-right ul.top-bar-list li.phone {
    position: relative;
    padding-left: 25px;
    margin: 0;
  }
  .top-bar-header .top-bar-right ul.top-bar-list li.phone:before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background-image: url('data:image/svg+xml,<svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4297_5870)"><path d="M17.948 13.9582L16.0085 12.0186C15.8021 11.808 15.5557 11.6406 15.2838 11.5264C15.012 11.4122 14.72 11.3533 14.4251 11.3533C14.1302 11.3533 13.8383 11.4122 13.5664 11.5264C13.2945 11.6406 13.0482 11.808 12.8418 12.0186L12.4539 12.4065C10.5001 10.7761 8.6959 8.97454 7.06262 7.02321L7.45845 6.62738C7.87807 6.20729 8.11377 5.63781 8.11377 5.04405C8.11377 4.45028 7.87807 3.8808 7.45845 3.46072L5.54262 1.54488C5.11855 1.13284 4.55056 0.902344 3.95928 0.902344C3.36801 0.902344 2.80002 1.13284 2.37595 1.54488L1.31512 2.60572C0.806682 3.12091 0.490088 3.79473 0.418064 4.51497C0.34604 5.2352 0.522934 5.95838 0.919284 6.56405C4.08296 11.3269 8.16601 15.41 12.9289 18.5736C13.5345 18.97 14.2577 19.1469 14.9779 19.0749C15.6982 19.0028 16.372 18.6862 16.8872 18.1778L17.948 17.1249C18.1587 16.9185 18.326 16.6721 18.4403 16.4003C18.5545 16.1284 18.6134 15.8365 18.6134 15.5415C18.6134 15.2466 18.5545 14.9547 18.4403 14.6828C18.326 14.411 18.1587 14.1646 17.948 13.9582Z" fill="white"/></g><defs><clipPath id="clip0_4297_5870"><rect width="19" height="19" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>');
    position: absolute;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
  }
  .mobile-menu-footer {
    max-width: 680px;
    width: 100%;
    margin: auto;
    border-top: 1px solid #6c6e74;
    padding-top: 20px;
  }
  .mobile-menu-footer a {
    color: var(--black);
  }
  .mobile-menu-footer ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
  }
  .mobile-menu-footer ul li {
    margin-bottom: 10px;
  }
  .mega-menu-tab-wrapper .mobile-header .back-btn {
    height: 20px;
    width: 20px;
    background-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6875 1.25391L5.78447 8.15694C5.73961 8.20173 5.70402 8.25493 5.67974 8.31349C5.65546 8.37205 5.64296 8.43483 5.64296 8.49822C5.64296 8.56162 5.65546 8.62439 5.67974 8.68295C5.70402 8.74152 5.73961 8.79472 5.78447 8.83951L12.6875 15.7425" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0px;
  }
  .mega-menu-tab-wrapper .mobile-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px;
    flex-direction: column;
    align-items: center;
  }
  .mega-menu-tab-wrapper .mobile-header .mobile-title {
    font-size: 28px;
    line-height: 32px;
  }
  .header-main .main-navigation .menu li.menu-item .mega-menu-tab-wrapper .mobile-header p:has(> a.btn-link) {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 7px;
  }
  .header-main .main-navigation .menu li.menu-item .mega-menu-tab-wrapper .mobile-header a.btn-link {
    font-weight: 400;
    font-size: 16px !important;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: var(--black) !important;
    align-items: center;
    text-transform: initial;
    justify-content: center;
    display: none;
  }
  .header-main .main-navigation .menu li.menu-item .mega-menu-tab-wrapper .mobile-header a.btn-link:only-of-type,
  .header-main .main-navigation .menu li.menu-item .mega-menu-tab-wrapper .mobile-header a.btn-link.active,
  .header-main .main-navigation .menu li.menu-item .mega-menu-tab-wrapper .mobile-header a.btn-link:only-child {
    display: inline-flex;
  }
  .header-main .main-navigation .tab-buttons {
    margin-bottom: 10px;
  }
  .mega-menu-inner .tab-container > a.btn {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .site {
    padding-top: 102px;
  }
  .header-main .header-right {
    padding-left: 6px;
    padding-right: 6px;
  }
  .header-main .search-wrapper {
    margin-right: 6px;
  }
  .header-main .site-branding img.custom-logo {
    max-width: 137px;
  }
  .header-main .row .header-left {
    display: flex;
    align-items: center;
  }
  div.breadcrumb {
    padding: 30px 0;
  }
  .header-main .main-navigation .menu-toggle + div > ul,
  .mobile-menu-footer {
    max-width: 510px;
  }

  .header-main .search-wrapper .search-form-wrapper {
    max-width: 300px;
  }
  .header-main .search-wrapper.active .search-form-wrapper,
  .header-main .search-wrapper:has(input:focus) .search-form-wrapper {
    width: 300px;
  }
}

@media only screen and (max-width: 575px) {
  body div.is-ajax-search-details,
  body div.is-ajax-search-result {
    padding: 20px;
    left: 0;
    right: 0;
    width: auto !important;
  }
}

@media only screen and (max-width: 400px) {
  .header-main .search-wrapper.active .search-form-wrapper {
    width: 200px;
  }
}
@media only screen and (max-width: 340px) {
  .header-main .login-btn,
  .header-main .search-btn,
  .menu-toggle .menu-icon,
  .header-main .search-wrapper button[type="submit"] {
    width: 36px;
    height: 36px;
  }
  .header-main .search-wrapper.active .search-form-wrapper,
  .header-main .search-wrapper .search-form-wrapper form input[type="search"] {
    height: 36px;
  }
}
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-90%);
  }
}

/*---------------------------Header-End-------------------------*/

/*---------------------------footer-start-------------------------*/

.site-footer {
  background-color: #f2f1ef;
  clear: both;
  overflow: hidden;
  padding-top: 54px;
  padding-bottom: 44px;
  font-family: "Helvetica Now Display", sans-serif;
}
.site-footer .footer-column {
  width: 20%;
}
.site-footer .footer-column.column-4 {
  width: 28%;
  margin-left: auto;
}
.site-footer a {
  color: var(--black);
  white-space: nowrap;
}
.site-footer .footer-block a {
  font-size: 16px;
  line-height: 120%;
  text-decoration: underline;
  transition: var(--transition);
}
.footer-block-mobile a:hover {
  font-weight: 600;
  transition: var(--transition);
}
.site-footer .footer-block a:hover {
  font-weight: 600;
  transition: var(--transition);
}
.footer-top .row {
  position: relative;
  padding-top: 23px;
}
.footer-top .row:before {
  content: "";
  display: block;
  background: var(--black);
  height: 1px;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 20px;
  right: 29%;
}
.footer-top .row:after {
  content: "";
  display: block;
  background: var(--black);
  height: 1px;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 73%;
  right: 20px;
}
.site-footer .footer-top {
  margin-bottom: 83px;
}
.footer-block-mobile li:not(:last-child) {
  margin-bottom: 4px;
}
.footer-block-mobile li a {
  text-decoration: underline;
}
.footer-block li:not(:last-child) {
  margin-bottom: 7px;
}
.footer-bottom .footer-contact-us-wrapper {
  width: 72%;
  display: flex;
  justify-content: flex-start;
  align-content: center;
}
.list-2 > a {
  text-decoration: none !important;
}
.first {
  margin-bottom: 1px !important;
}
.last {
  margin: 0px !important;
}
.footer-bottom .site-info {
  width: 28%;
}
ul.footer-contact-us {
  display: flex;
  align-items: start;
  justify-content: start;
}
.footer-contact-us {
  display: flex;
  align-items: center;
  transition: ease-in-out 0.5s;
}
.footer-contact-us > a:hover {
  font-weight: bold;
}
.footer-contact-us-list-mobile a {
  text-decoration: underline !important;
}
.footer-contact-us-list-mobile a:first-child:hover {
  font-weight: bold;
}

.footer-contact-us-list > :first-child {
  padding: 1rem 0;
}
.footer-contact-us-list-mobile > :first-child {
  padding: 0.875rem 0;
}
.footer-contact-us-wrapper ul li {
  width: 26%;
}
.footer-contact-us-wrapper ul li:not(:last-child) {
  margin-right: 28px;
}
.footer-bottom .site-info p {
  font-family: "Helvetica Now Text";
  font-size: 13px;
  line-height: 220%;
  letter-spacing: 0.04em;
}
.enquire.fixed {
  position: fixed;
  bottom: 42px;
  right: 48px;
  height: 48px;
  filter: drop-shadow(1px 1px 7.2px rgba(0, 0, 0, 0.4));
  z-index: 1;
}
body:has(#product-enquire-popup.open) .enquire.fixed {
  opacity: 0;
}
/*-*/
.newsletter-section {
  position: relative;
  overflow: hidden;
  margin-bottom: 60px;
}
.newsletter-section .newsletter-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.newsletter-section .newsletter-wrapper > div > * {
  color: var(--white);
}

.newsletter-wrapper .gform-theme--framework .gform_validation_errors .gform_submission_error {
  color: #fff !important;
}

.newsletter-section .gform-theme--framework .gform_validation_errors {
  border-radius: 10px;
}

/*.newsletter-wrapper .gform-theme--framework .gform_validation_errors .gform-icon,*/
/*.newsletter-wrapper .gform_wrapper.gform-theme .gfield_validation_message,*/
/*body .gform_wrapper.gform-theme .validation_message {*/
/*  display: none;*/
/*}*/

.newsletter-section .image-wrapper {
  border-radius: 12px;
  margin: 0;
  position: relative;
  background: var(--white);
  height: 100%;
  width: 100%;
  display: flex;
  overflow: hidden;
  border: 1px solid #f40089;
}
/*.newsletter-section .image-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background: linear-gradient(90deg, #ea008b 0%, #ea0087 24%, #ea037d 43%, #ea086c 60%, #eb0e55 76%, #ec1636 92%, #ed1c24 100%);
  z-index: -1;
  height: auto;
  width: auto;
  border-radius: 12px;
}*/
.newsletter-section .image-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #000000;
  opacity: 20%;
  height: auto;
  width: auto;
  border-radius: 12px;
}
.newsletter-section .image-wrapper img {
  height: 150%;
  width: 100%;
  object-fit: cover;
  object-position: bottom;
  display: flex;
  position: absolute;
  top: auto;
  bottom: -100px;
  left: 0;
  right: 0;
}
.newsletter-section .newsletter-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 51px;
  min-height: 356px;
}
.newsletter-section .newsletter-wrapper .col-left {
  width: 40%;
}
.newsletter-section .newsletter-wrapper .col-right {
  max-width: 315px;
}
.newsletter-section .newsletter-image .container {
  height: 100%;
}
.social-block .social-wrapper {
  display: flex;
}
.social-wrapper .social-link a svg path {
  transition: var(--transition);
}
.social-wrapper .social-link a:hover svg path {
  fill: #373737;
  transition: var(--transition);
}
.social-wrapper .social-link:not(:last-child) {
  margin-right: 13px;
}
.social-block {
  margin-bottom: 20px;
}
.newsletter-section .newsletter-wrapper .col-left h2 {
  width: 100%;
  word-break: break-word;
  margin-bottom: 27px;
}
.woocommerce ul.products li.product a img {
  width: auto;
  margin: auto;
}
.newsletter-section .gform-theme--framework .gform_validation_errors {
  position: relative;
  background: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.newsletter-section .gform-theme--framework .gform_validation_errors > * {
  margin: 0px !important;
}
.newsletter-section .gform-theme--framework .gform_validation_errors:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #000000;
  border-width: 10px;
  margin-left: -10px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) {
  .newsletter-section .newsletter-wrapper h4 {
    font-size: 34px;
    line-height: 112%;
    margin: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .site-footer .footer-column {
    width: 24%;
  }
  .footer-contact-us-wrapper ul li {
    width: 30%;
  }
  .newsletter-section .newsletter-wrapper {
    min-height: 250px;
  }
  .footer-bottom .footer-contact-us-wrapper {
    width: 79%;
  }
  .footer-bottom .site-info {
    width: 21%;
  }
}

@media only screen and (min-width: 992px) {
  .site-footer .footer-column .footer-block h5 {
    min-height: 55px;
  }
  .newsletter-section .newsletter-wrapper .col-left p {
    display: none;
  }
  .mobile-footer-wrapper {
    display: none;
  }
  .menu-toggle + div:has(> .menu) {
    height: auto !important;
  }
  .site-footer .footer-column.column-4 .footer-content br {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .site-footer .footer-column {
    width: 100% !important;
  }
  .site-footer .footer-column:not(:last-child) {
    margin-bottom: 50px;
  }
  .footer-top .row:before {
    right: 20px;
  }
  .footer-top .row:after {
    display: none;
  }
  .site-footer .footer-column.column-4 {
    position: relative;
    padding-top: 20px;
  }
  .site-footer .footer-column.column-4:before {
    content: "";
    display: block;
    background: var(--black);
    height: 1px;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 20px;
    right: 20px;
  }
  .footer-bottom .row > div {
    width: 100%;
  }
  ul.footer-contact-us {
    flex-direction: column;
  }
  .footer-contact-us-wrapper ul li {
    width: 100%;
  }
  .footer-contact-us-wrapper ul li:not(:last-child) {
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .footer-bottom .site-info {
    margin-top: 30px;
  }
  .site-footer .footer-top {
    margin-bottom: 50px;
  }
  .newsletter-section .newsletter-wrapper .col-right {
    display: none;
  }
  .newsletter-section .newsletter-wrapper .col-left {
    width: 100%;
  }
  .newsletter-section .newsletter-wrapper {
    padding: 30px;
    text-align: center;
  }
  .newsletter-section .image-wrapper:after {
    content: "";
    display: block;
    background: var(--black);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 60%;
    border-radius: 12px;
  }
  .enquire.fixed {
    position: fixed;
    bottom: 20px;
    right: 20px;
    height: 48px;
    z-index: 9;
  }
  .site-footer > .footer-top,
  .site-footer > .footer-bottom {
    display: none;
  }
  .mobile-footer .mobile-footer-row {
    width: 100%;
    margin-bottom: 30px;
  }
  .site-footer {
    padding-top: 50px;
    padding-bottom: 20px;
  }
  .mobile-footer h5 {
    margin-bottom: 20px;
  }
  .mobile-footer-bottom-menu ul {
    display: flex;
  }
  .mobile-footer-bottom-menu ul li a {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    text-decoration-line: underline;
  }
  .site-info p {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
  }
  .mobile-footer-bottom-menu ul li:not(:last-child) {
    margin-right: 16px;
  }
  .mobile-footer .mobile-footer-row .enquire-popup {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .newsletter-section .newsletter-wrapper {
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 350px) {
  .newsletter-section .newsletter-wrapper .col-left h2 {
    font-size: 30px;
  }
}
/*---------------------------footer-End-------------------------*/

/* Gravity Form Design Start */
.gform_required_legend {
  display: none;
}
.gform_wrapper.gform-theme .gfield,
.edit-details-wrapper form div:has(> label),
form#loginform p:has(> label),
form#custom_registration_form p:has(> label) {
  position: relative;
}
body .gform_wrapper.gform-theme .gfield .gfield_label {
  pointer-events: none;
  color: var(--black);
  font-family: "Helvetica Now Display", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 5px;
}
body .gform_wrapper.gform-theme .gfield:not(.gfield--type-select, .gfield--type-fileupload) .gfield_label,
body .gform_wrapper.gform-theme .gfield .gform-field-label--type-sub,
.edit-details-wrapper form label:has(+ input),
form#loginform label:has(+ input),
form#custom_registration_form label:has(+ input) {
  pointer-events: none;
  line-height: 24px;
  position: absolute;
  top: 6px;
  transition: 0.5s;
  left: 0px;
  margin: 0;
  font-size: 14px !important;
}
body .gform_wrapper .gfield:not(.gfield--type-select, .gfield--type-fileupload):has(input:focus) .gfield_label,
body .gform_wrapper .gfield:not(.gfield--type-select, .gfield--type-fileupload):has(textarea:focus) .gfield_label,
body .gform_wrapper .gfield:not(.gfield--type-select, .gfield--type-fileupload):has([value]:not([value=""])) .gfield_label,
.edit-details-wrapper form label:has(+ input:focus),
.edit-details-wrapper form .isvalue label:has(+ input:not([value=""])),
form#loginform label:has(+ input:focus),
form#loginform label:has(+ input:not([value=""])),
form#custom_registration_form label:has(+ input:focus),
body .gform_wrapper.gform-theme .gfield:not(.gfield--type-select, .gfield--type-fileupload).isvalue .gfield_label,
form#loginform .isvalue label,
form#custom_registration_form .isvalue label,
body .gform_wrapper.gform-theme .gfield .isvalue .gform-field-label--type-sub {
  top: -20px;
  font-size: 14px !important;
}

form#custom_registration_form label:has(+ input:focus),
form#custom_registration_form .isvalue label {
  top: -15px;
}
.edit-details-wrapper form .isvalue label,
.edit-details-wrapper form label:has(+ input:not([value=""])) {
  left: 12px;
}
body .gform_wrapper .gfield:not(.gfield--type-select, .gfield--type-fileupload):has(input:focus) .gfield_label .gfield_required,
body .gform_wrapper .gfield:not(.gfield--type-select, .gfield--type-fileupload):has(textarea:focus) .gfield_label .gfield_required {
  font-size: 14px;
}
body .gform_wrapper .label-no-animation .gfield_label {
  position: relative;
  left: unset;
  top: unset;
  opacity: 1;
  margin-bottom: 14px;
}
body .gform_wrapper.gform-theme .label-no-animation.with-description .gfield_label {
  margin-bottom: 8px;
}
body .gform_wrapper.gform-theme .label-no-animation.with-description .gfield_description {
  color: var(--black);
  font-family: "Helvetica Now Display", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 10px;
}
span.gform_description {
  opacity: 0.75;
}
.gform_wrapper.gform-theme .gfield_error .gfield_required {
  color: #ff4b24 !important;
}

.gform_confirmation_message {
  color: #2bc97b;
  font-family: "Helvetica Now Display", sans-serif;
  text-align: center;
  border-radius: 6px;
  padding: 10px 15px;
  font-size: 14px;
  border: 2px solid #2bc97b;
  margin: 10px 0px;
  background-color: #ffffff;
}

.small_description {
  font-family: "Helvetica Now Display", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: var(--black);
  line-height: normal;
  opacity: 0.75;
  letter-spacing: 0.2px;
}

body .gform_wrapper .gfield.isvalue .gfield_label,
.gform_wrapper.gform-theme .gfield.isvalue .gfield_required {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 22px;
}
body .gform_wrapper .gfield.isvalue .gfield_label {
  top: 3px;
}

.gform_wrapper.gform-theme .gform_fields {
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px !important;
  row-gap: 30px !important;
}
.gform-theme--foundation .gfield--width-half {
  width: calc(50% - 12px);
}
.gform-theme--foundation .gfield--width-full,
.gform_wrapper.gform-theme .gfield.gfield--type-captcha {
  width: 100%;
}
#product-enquire-popup .popup-body {
  padding: 40px 20px;
  height: 100%;
}
#product-enquire-popup .popup-wrapper {
  border: 3px solid #ea008b;
  border-radius: 24px;
  padding: 40px 40px 50px;
  padding-right: 20px;
  max-width: 924px;
  height: auto;
}
#product-enquire-popup .popup-wrapper form {
  position: relative;
}
#product-enquire-popup .popup-wrapper .enquiry-popup-main {
  height: 100%;
  overflow: hidden;
  position: relative;
}
#product-enquire-popup .popup-wrapper .enquiry-popup-main:has(.gform_confirmation_message) {
  overflow: hidden;
}
#product-enquire-popup .popup-wrapper .enquiry-popup-main::-webkit-scrollbar {
  width: 4px;
}
#product-enquire-popup .popup-wrapper .enquiry-popup-main::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
}

#product-enquire-popup .gform_wrapper.gform-theme .gfield.gfield--type-html {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: auto;
  text-align: right;
  max-width: 285px;
}
#product-enquire-popup .gform_wrapper.gform-theme .gfield.gfield--type-html p {
  font-size: 12px;
  line-height: 124%;
}
#product-enquire-popup .gform_wrapper.gform-theme .gfield.gfield--type-html p a {
  color: var(--black);
  text-decoration: underline;
  transition: var(--transition);
}
#product-enquire-popup .gform_wrapper.gform-theme .gfield.gfield--type-html p a:hover {
  color: var(--black);
  text-decoration: none;
}
#product-enquire-popup .gform_wrapper.gform-theme .gfield {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: stretch;
}
body .gform_wrapper.gform-theme input[type="color"],
body .gform_wrapper.gform-theme input[type="date"],
body .gform_wrapper.gform-theme input[type="datetime-local"],
body .gform_wrapper.gform-theme input[type="datetime"],
body .gform_wrapper.gform-theme input[type="email"],
body .gform_wrapper.gform-theme input[type="month"],
body .gform_wrapper.gform-theme input[type="number"],
body .gform_wrapper.gform-theme input[type="password"],
body .gform_wrapper.gform-theme input[type="search"],
body .gform_wrapper.gform-theme input[type="tel"],
body .gform_wrapper.gform-theme input[type="text"],
body .gform_wrapper.gform-theme input[type="time"],
body .gform_wrapper.gform-theme input[type="url"],
body .gform_wrapper.gform-theme input[type="week"],
body.woocommerce-js .woocommerce form .form-row input:not([type="submit"]),
body .gform_wrapper.gform-theme select,
body .gform_wrapper.gform-theme textarea,
body .gform_wrapper input:not([type="submit"], [type="checkbox"], [type="radio"]),
body input:not([type="submit"]),
body form select,
body textarea {
  padding: 10px 0px;
  border: none;
  width: 100%;
  color: var(--black) !important;
  font-weight: 400;
  font-size: 18px;
  min-height: auto;
  line-height: 22px !important;
  transition: var(--transition);
  border-radius: 0px;
  border-bottom: 1px solid var(--black);
  box-shadow: none;
  outline: none !important;
  caret-color: var(--black);
}

body .gform_wrapper.gform-theme input[type="color"]:focus,
body .gform_wrapper.gform-theme input[type="date"]:focus,
body .gform_wrapper.gform-theme input[type="datetime-local"]:focus,
body .gform_wrapper.gform-theme input[type="datetime"]:focus,
body .gform_wrapper.gform-theme input[type="email"]:focus,
body .gform_wrapper.gform-theme input[type="month"]:focus,
body .gform_wrapper.gform-theme input[type="number"]:focus,
body .gform_wrapper.gform-theme input[type="password"]:focus,
body .gform_wrapper.gform-theme input[type="search"]:focus,
body .gform_wrapper.gform-theme input[type="tel"]:focus,
body .gform_wrapper.gform-theme input[type="text"]:focus,
body .gform_wrapper.gform-theme input[type="time"]:focus,
body .gform_wrapper.gform-theme input[type="url"]:focus,
body .gform_wrapper.gform-theme input[type="week"]:focus,
body .gform_wrapper.gform-theme select:focus,
body .gform_wrapper.gform-theme textarea:focus,
body .gform_wrapper input:focus,
body .gform_wrapper textarea:focus,
body .gform_wrapper select:focus {
  background-color: transparent;
}

body form select,
.gform_wrapper.gform-theme .gfield .gfield_select {
  border: 1px solid var(--black);
  padding: 15px 52px 15px 15px;
  background-image: url('data:image/svg+xml,<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="51" height="51" stroke="black"/><g clip-path="url(%23clip0_3591_43546)"><path d="M32.7441 23.8125L25.8411 30.7155C25.7963 30.7604 25.7431 30.796 25.6846 30.8203C25.626 30.8445 25.5632 30.857 25.4998 30.857C25.4364 30.857 25.3737 30.8445 25.3151 30.8203C25.2565 30.796 25.2033 30.7604 25.1585 30.7155L18.2555 23.8125" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_3591_43546"><rect width="17" height="17" fill="white" transform="translate(34 19.5) rotate(90)"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-position: right -1px center;
  background-size: 52px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 52px;
  background-color: transparent;
}
.edit-details-wrapper form input:read-only,
.edit-details-wrapper form label:has(input[type="checkbox"]:disabled),
.edit-details-wrapper form label:has(input[type="checkbox"]:disabled):before {
  cursor: not-allowed;
}
select:focus {
  outline: none;
}
.gform_wrapper.gform-theme .ginput_container_date img.ui-datepicker-trigger {
  display: none !important;
}
body .gform_wrapper.gform-theme input::placeholder,
.gform_wrapper.gform-theme .gfield textarea::placeholder {
  font-family: "Helvetica Now Display", sans-serif;
  opacity: 1;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  color: var(--black);
}
.gform_wrapper.gform-theme .gfield textarea {
  height: 38px !important;
  resize: none;
  min-block-size: auto !important;
  overflow: hidden;
}
.gform_wrapper.gform-theme #field_submit,
.gform_wrapper.gform-theme .gform_footer {
  display: flex;
  margin-top: 0 !important;
  padding: 25px 0 0 0 !important;
}
.subscribe-form-wrap .gform_wrapper.gform-theme .gform_footer {
  padding: 15px 0 0 0 !important;
}
.gform_wrapper.gform-theme .gfield.term_condition {
  color: #61687d;
  display: block;
  font-family: "Helvetica Now Display", sans-serif;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 22px;
}
.gform_wrapper.gform-theme .gfield.term_condition a {
  text-decoration: underline;
}
body img.gform_ajax_spinner {
  width: 35px;
  margin: 0 0 0 10px;
}
body .form-wrap img.gform_ajax_spinner {
  margin: 0 10px 0 0;
}

body .gform_wrapper .gform_footer input[type="submit"],
body .gform_wrapper .gform_page_footer input[type="submit"],
#gform_submit_button_1,
#gform_submit_button_2,
#gform_submit_button_3,
#gform_submit_button_4,
#gform_submit_button_5 {
  font-family: "Helvetica Now Display", sans-serif;
  font-size: 16px;
  line-height: 100%;
  background: var(--theme-color);
  color: var(--white) !important;
  justify-content: center;
  align-items: center;
  border-radius: 48px;
  padding: 5px 40px 5px 18px;
  margin: 0;
  display: flex;
  width: fit-content;
  text-decoration: none;
  transition: var(--transition);
  position: relative;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1869_493)"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.7608 6.13764C10.4679 5.84475 9.99304 5.84474 9.70014 6.13764C9.40725 6.43053 9.40724 6.9054 9.70014 7.1983L14.2734 11.7716L9.70013 16.345C9.40724 16.6379 9.40725 17.1128 9.70014 17.4056C9.99304 17.6985 10.4679 17.6985 10.7608 17.4056L15.8644 12.3019C16.1573 12.009 16.1573 11.5342 15.8644 11.2413L10.7608 6.13764Z" fill="%23F2F1EF"/></g><defs><clipPath id="clip0_1869_493"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-position: right 5px center;
}

body .gform_wrapper .gform_footer input[type="submit"]:hover,
body .gform_wrapper .gform_page_footer input[type="submit"]:hover,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
.lost-protected-content .learndash-wrapper #learndash-registration-wrapper form input[type="submit"]:hover,
.lost-protected-content .learndash-wrapper #learndash-reset-password-wrapper form input[type="submit"]:hover,
#gform_submit_button_1:hover,
#gform_submit_button_2:hover,
#gform_submit_button_3:hover {
  transition: var(--transition);
  background-color: #373737;
  color: var(--white) !important;
}
body .gform_wrapper.gform-theme .gfield_validation_message,
body .gform_wrapper.gform-theme .validation_message {
  color: #c02b0a;
  background: transparent;
  border: none;
  padding: 0;
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 22px;
  font-family: "Helvetica Now Display", sans-serif;
}

.gform-theme--framework .gform_validation_errors {
  box-shadow: none !important;
}

.gform-theme--framework .gform_validation_errors:focus {
  outline: none !important;
  border: 1px solid rgba(192, 43, 10, 0.25) !important;
}

#subscribe .validation_message {
  display: none !important;
}

.gform-theme--framework .gform_validation_errors .gform-icon {
  display: none !important;
}

span.gfield_required.gfield_required_asterisk {
  display: none;
}

/* Gravity Custom Checkboxes */
.gform_wrapper.gform-theme .gfield .gfield_select.select-change {
}
.enquiry-dark-form .gform_wrapper.gform-theme .gfield .gfield_select.select-change,
.enquiry-dark-form .gform_wrapper.gform-theme .gfield .gfield_select {
}
.gform_wrapper.gform-theme .label_with_description .gfield_description {
  font-family: "Helvetica Now Display", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: var(--black);
  padding-bottom: 5px !important;
}

body .gform_wrapper.gform-theme .label_with_description .gfield_label {
  margin-bottom: 0;
}
body .gform_wrapper.gform-theme .label_with_description .gfield_label .gfield_required {
  display: none !important;
}
.gform_wrapper.gform-theme .ginput_container_checkbox .gfield-choice-input,
.lost_password label input {
  display: none;
}
body .gform_wrapper.gform-theme .gfield-choice-input + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-family: "Helvetica Now Display", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: var(--black);
  max-width: max-content;
  width: 100%;
  opacity: 1;
  margin: 0;
}

.single-line-checkbox .gfield_checkbox {
  display: flex;
}
.single-line-checkbox .gfield_checkbox .gchoice:not(:last-child) {
  margin-right: 25px;
}

.ginput_container_checkbox .gchoice:not(:last-child) {
  margin-bottom: 5px;
}
.ginput_container_checkbox input[type="checkbox"],
.woocommerce-SavedPaymentMethods-saveNew input[type="checkbox"],
.form-wrapper input[type="checkbox"],
.lost_password input[type="checkbox"],
label input[type="checkbox"] {
  display: none;
}
.ginput_container_checkbox .gchoice label,
.woocommerce-SavedPaymentMethods-saveNew label,
.form-wrapper label:has(input[type="checkbox"]),
label:has(input[type="checkbox"]),
.lost_password label span {
  position: relative;
  padding-left: 35px;
  line-height: 24px;
}
.ginput_container_checkbox .gchoice label:before,
.woocommerce-SavedPaymentMethods-saveNew label::before,
.lost_password label span::before,
label:has(input[type="checkbox"]):before,
.form-wrapper label:has(input[type="checkbox"]):before {
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid var(--black);
  background: #f2f1ef;
  border: 1px solid #000000;
  border-radius: 6px;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  content: "";
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0px;
}
.ginput_container_checkbox .gchoice input:checked + label:after,
.woocommerce-SavedPaymentMethods-saveNew input:checked + label:after,
.lost_password label input:checked + span::after,
label:has(input[type="checkbox"]:checked)::after,
.form-wrapper label:has(input[type="checkbox"]:checked)::after {
  border: solid var(--black);
  border-width: 0 1px 1px 0;
  content: "";
  display: block;
  height: 12px;
  left: 9px;
  position: absolute;
  top: 4px;
  transform: rotate(45deg);
  width: 6px;
}
.filter-sidebar label:has(input[type="checkbox"]:checked)::after,
.checkbox-filter label:has(input[type="checkbox"]:checked)::after {
  content: "";
  border: none;
  display: block;
  height: 19px;
  left: 2px;
  position: absolute;
  top: 3px;
  width: 19px;
  transform: rotate(0deg);
  background-image: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="14.3223" y1="4.54496" x2="5.10048" y2="13.7668" stroke="black"/><line x1="14.455" y1="13.7676" x2="5.23321" y2="4.54579" stroke="black"/></svg>');
}
.registration .form-wrapper label:has(input[type="checkbox"]):before {
  top: 0px;
}

select.form-control option:hover {
  background-color: var(--theme-color) !important;
  color: var(--white);
}

select.form-control option:checked {
  background-color: var(--theme-color);
  color: var(--white);
}
body .gform_wrapper.gform-theme .gfield_password_strength {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 18px;
  background: transparent !important;
  border: none !important;
  text-align: left;
  padding: 10px 0 10px;
  margin: 10px 0 0;
  position: relative;
}
body .gform_wrapper.gform-theme .gfield_password_strength::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 4px;
  top: 0;
  left: 0;

  background-repeat: no-repeat;
  background-position: left center;
  /* background-size: 10px; */
}
body .gform_wrapper.gform-theme .gfield_password_strength.blank {
  text-indent: -9999px;
  padding: 0;
  height: 8px;
}
body .gform_wrapper.gform-theme .gfield_password_strength.mismatch {
  padding: 0;
  height: 13px;
}
body .gform_wrapper.gform-theme .gfield_password_strength.short,
body .gform_wrapper.gform-theme .gfield_password_strength.mismatch {
  color: #e33a3c;
}
body .gform_wrapper.gform-theme .gfield_password_strength.strong {
  color: #156c34;
}
body .gform_wrapper.gform-theme .gfield_password_strength.good {
  color: #ffcc00;
}
body .gform_wrapper.gform-theme .gfield_password_strength.bad {
  color: #ff853c;
}
/* Gravity Custom Checkboxes */

/* Gravity Form Design End */
.gform_wrapper.gform-theme .gfield_required {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 22px;
  display: inline-block !important;
  color: var(--black);
  position: relative;
}

.gform_wrapper textarea::-webkit-input-placeholder,
.gform_wrapper input::-webkit-input-placeholder {
  color: var(--black);
}
.gform_wrapper textarea::-moz-placeholder,
.gform_wrapper input::-moz-placeholder {
  color: var(--black);
}
.gform_wrapper textarea::-ms-input-placeholder,
.gform_wrapper input:-ms-input-placeholder {
  color: var(--black);
}
.gform_wrapper textarea::-ms-input-placeholder,
.gform_wrapper input::-ms-input-placeholder {
  color: var(--black);
}
.gform_wrapper textarea::placeholder,
.gform_wrapper input::placeholder {
  color: var(--black);
}
.gform_wrapper.gform-theme option {
  color: var(--black);
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: var(--black);
}
textarea::-moz-placeholder,
input::-moz-placeholder {
  color: var(--black);
}
textarea::-ms-input-placeholder,
input:-ms-input-placeholder {
  color: var(--black);
}
textarea::-ms-input-placeholder,
input::-ms-input-placeholder {
  color: var(--black);
}
textarea::placeholder,
input::placeholder {
  color: var(--black);
}

.gform_wrapper.gform-theme form .gfield select {
  outline: none;
}

.gform_wrapper input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}
.gform_wrapper.gform-theme .gfield.gfield--type-fileupload {
  position: relative;
  display: inline-block;
  padding: 6px 12px 6px 40px;
  background: #ffffff;
  border: 1px solid var(--theme-color);
  border-radius: 48px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse opacity="0.15" cx="12" cy="12" rx="12" ry="12" fill="%23EA008B"/><g clip-path="url(%23clip0_3545_11018)"><path d="M15.7561 7.29014C15.1026 6.62295 14.0419 6.62295 13.3883 7.29014L8.45971 12.3214C7.33203 13.4726 7.33203 15.3374 8.45971 16.4886C9.58739 17.6397 11.4142 17.6397 12.5419 16.4886L16.6133 12.3323C16.9052 12.0343 17.382 12.0343 17.674 12.3323C17.966 12.6304 17.966 13.1171 17.674 13.4151L13.6026 17.5714C11.8883 19.3214 9.11328 19.3214 7.399 17.5714C5.68471 15.8214 5.68471 12.9886 7.399 11.2386L12.3276 6.20732C13.5677 4.94131 15.5767 4.94131 16.8169 6.20732C18.057 7.47334 18.057 9.52412 16.8169 10.7901L12.1026 15.6026C11.3365 16.3847 10.0936 16.3847 9.32757 15.6026C8.5615 14.8206 8.5615 13.5519 9.32757 12.7698L13.1847 8.83232C13.4767 8.53428 13.9535 8.53428 14.2454 8.83232C14.5374 9.13037 14.5374 9.61709 14.2454 9.91514L10.3883 13.8526C10.2088 14.0358 10.2088 14.3366 10.3883 14.5198C10.5677 14.703 10.8624 14.703 11.0419 14.5198L15.7561 9.70732C16.4097 9.04014 16.4097 7.95732 15.7561 7.29014Z" fill="%23EA008B"/></g><defs><clipPath id="clip0_3545_11018"><rect width="12" height="14" fill="white" transform="translate(6 5)"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-position: left 6px center;
  overflow: hidden;
  align-self: start;
  width: auto !important;
}
.gform_wrapper.gform-theme .gfield.gfield--type-fileupload .gfield_label {
  color: var(--theme-color);
  margin: 0;
}
.gform_wrapper.gform-theme .gfield.gfield--type-fileupload .ginput_container_fileupload {
  position: absolute;
  top: 1px;
  left: 1px;
  right: 0;
  border-radius: 48px;
  background: transparent;
}
.gform_wrapper.gform-theme .gfield.gfield--type-fileupload .ginput_container_fileupload .gform_fileupload_rules {
  display: none;
}
.gform_wrapper.gform-theme .gfield.gfield--type-fileupload .ginput_container_fileupload input {
  font-size: 0;
  border: none;
  position: absolute;
  width: auto !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
}

/*-newsletter-*/
.newsletter-section form {
  position: relative;
  max-width: 504px;
}
body .newsletter-section .gform_wrapper.gform-theme input[type="email"] {
  background: #ffffff;
  border-radius: 303px;
  border: none;
  font-size: 18px;
  line-height: 120%;
  color: #000000;
  padding: 12px 18px;
  height: 48px;
  text-align: left;
  padding-right: 150px;
}
.newsletter-section form .gform_body,
.newsletter-section form .gform_body * {
  width: 100%;
}
.newsletter-section .gform_wrapper.gform-theme form .gform_footer {
  position: absolute;
  margin: 0;
  padding: 0 !important;
  top: 5px;
  right: 5px;
}
.enquiry-popup-main .gform_confirmation_message {
  text-align: center;
	letter-spacing:0.02em;
}
#subscribition-popup:has(.gform_confirmation_message) h2.gform_title {
  display: none;
}
#subscribition-popup:has(.gform_confirmation_message) h2.h1-big {
  margin-top: 0;
}
@media only screen and (max-width: 991px) {
  #product-enquire-popup .popup-wrapper {
    padding: 25px 5px 35px 25px;
  }
  #product-enquire-popup .popup-body {
    padding: 20px;
  }
  .newsletter-section form {
    margin: auto;
  }
  .street-chat-section .h1-big {
    font-size: 70px;
  }

  .intro-section .column-left {
    width: 100%;
  }

  .intro-section .column-right {
    width: 100%;
    display: block;
  }

  .main-banner {
    margin-bottom: 0;
  }

  .feature-section {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .header-main .main-navigation .menu li.menu-item a:not(.btn) {
    font-size: 30px !important;
    letter-spacing: 0em;
  }
}

@media only screen and (max-width: 767px) {
  body .gform_wrapper.gform-theme input[type="color"],
  body .gform_wrapper.gform-theme input[type="date"],
  body .gform_wrapper.gform-theme input[type="datetime-local"],
  body .gform_wrapper.gform-theme input[type="datetime"],
  body .gform_wrapper.gform-theme input[type="email"],
  body .gform_wrapper.gform-theme input[type="month"],
  body .gform_wrapper.gform-theme input[type="number"],
  body .gform_wrapper.gform-theme input[type="password"],
  body .gform_wrapper.gform-theme input[type="search"],
  body .gform_wrapper.gform-theme input[type="tel"],
  body .gform_wrapper.gform-theme input[type="text"],
  body .gform_wrapper.gform-theme input[type="time"],
  body .gform_wrapper.gform-theme input[type="url"],
  body .gform_wrapper.gform-theme input[type="week"],
  body .gform_wrapper.gform-theme select,
  body .gform_wrapper.gform-theme textarea,
  body .gform_wrapper input:not([type="submit"], [type="checkbox"], [type="radio"]),
  body select,
  body textarea,
  .contact-us-section .form-column p,
  body .gform_wrapper.gform-theme .gfield-choice-input + label,
  .gform_wrapper.gform-theme .gfield_required,
  body .gform_wrapper.gform-theme .gfield_password_strength,
  body .gform_wrapper.gform-theme .gfield_validation_message,
  body .gform_wrapper.gform-theme .validation_message,
  body .gform_wrapper.gform-theme .gfield_label {
    font-size: 16px;
    line-height: 140%;
  }
  body .gform_wrapper.gform-theme input::placeholder,
  .gform_wrapper.gform-theme .gfield textarea::placeholder {
    font-size: 16px;
    line-height: 140%;
  }
  #product-enquire-popup .gform_wrapper.gform-theme .gform_fields {
    row-gap: 25px !important;
  }
  .ginput_container_checkbox .gchoice label,
  .woocommerce-SavedPaymentMethods-saveNew label,
  .form-wrapper label:has(input[type="checkbox"]),
  label:has(input[type="checkbox"]),
  .lost_password label span {
    padding-left: 30px;
  }
  .ginput_container_checkbox .gchoice label:before,
  .woocommerce-SavedPaymentMethods-saveNew label::before,
  .lost_password label span::before,
  label:has(input[type="checkbox"]):before,
  .form-wrapper label:has(input[type="checkbox"]):before {
    width: 20px;
    height: 20px;
    top: 3px;
  }
  .ginput_container_checkbox .gchoice input:checked + label:after,
  .woocommerce-SavedPaymentMethods-saveNew input:checked + label:after,
  .lost_password label input:checked + span::after,
  label:has(input[type="checkbox"]:checked)::after,
  .form-wrapper label:has(input[type="checkbox"]:checked)::after {
    left: 9px;
    height: 10px;
    width: 4px;
    margin-top: -2px;
  }
}

/*--registration-start--*/

.registration {
  display: flex;
  max-width: 1128px;
  margin: 50px auto;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
  background-color: var(--white);
  position: relative;
}
.registration > div {
  width: 50%;
}
.registration .form-wrapper {
  padding: 50px;
}
.form-wrapper {
  flex-shrink: 0;
  padding: 40px 20px;
  box-sizing: border-box;
  width: 100%;
}
.form-wrapper form,
.company-data-wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}

.form-wrapper input:focus,
.form-wrapper select:focus {
  border-bottom-color: #000;
}

.form-wrapper select {
  background-color: transparent;
}

.registration .g-recaptcha {
  margin: 10px 0;
}

.registration .submit-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  gap: 10px;
  flex-wrap: wrap;
}

.registration .submit-btn-wrap a,
.login-wrapper .register-text a {
  color: #ea008b !important;
  text-decoration: underline;
  font-weight: normal;
}

.registration .form-wrapper span {
  font-size: 12px;
  color: #000;
  display: block;
}

.registration .form-wrapper a {
  color: #000;
  text-decoration: underline;
}

.registration .img-wrapper {
  display: flex;
  min-height: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.registration .img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  object-position: top center;
}
.form-wrapper form > p:last-of-type {
  font-size: 12px;
  line-height: 124%;
  margin-bottom: 0px;
  margin-top: 30px;
}
#register-response:empty {
  display: none;
}
#register-response {
  border: 2px solid var(--black);
  padding: 20px;
  text-align: center;
}
#login-popup .popup-body,
#register-popup .popup-body {
  padding: 40px 0px;
}
#custom_registration_form p {
  margin-bottom: 0px;
}
form#custom_registration_form p:has(> select) {
  display: flex;
  flex-direction: column;
}
#custom_registration_form label:has(+ select) {
  padding-bottom: 5px;
}

/*-subscribition-popup-*/

#subscribition-popup .popup-wrapper {
  max-width: 750px;
  padding-top: 50px;
  padding-bottom: 50px;
}
#subscribition-popup h2 {
  text-align: center;
  margin-bottom: 30px;
}

.gform_validation_error_link, #subscribition-popup ol {
	text-decoration:none !important;
	display:none !important;
}

.gform_submission_error {
	text-align:left !important;
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}

#subscribition-popup h2.gform_title {
  text-align: center;
  margin-bottom: 30px;
  font-size: 32px;
}
#subscribition-popup form {
  max-width: 500px;
  margin: auto;
}
#subscribition-popup .gform_fields,
#subscribition-popup .gform-grid-row {
  flex-direction: column;
}
#subscribition-popup .gform-grid-row > span {
  width: 100%;
  position: relative;
  margin-top: 20px;
}
#subscribition-popup fieldset:has(.gform-field-label--type-sub) > legend {
  position: static !important;
  font-size: 16px !important;
  margin-bottom: 10px;
}
#subscribition-popup form .gform-field-label--type-sub {
  padding: 0px 7px;
	color:var(--black) !important;
}
#subscribition-popup div > label.gform-field-label {
  font-size: 14px !important;
}
#subscribition-popup .gform-theme--framework .gform_validation_errors {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
	margin-bottom:0;
}
#subscribition-popup .gfield_description.validation_message {
  margin-bottom: 10px;
	display:none;
}
/*-subscribition-popup-end-*/
@media only screen and (max-width: 1600px) {
  h1,
  .h1 {
    font-size: 48px;
  }

  body,
  p,
  .header-main .main-navigation .menu li.menu-item a:not(.btn),
  .pro-faq .accordion-box > a,
  .project-filter-sidebar .total-project-filter,
  .project-filter-sidebar .selected-project-filter h6,
  .checkbox-filter-title,
  .project-search .project-search-wrapper input,
  body .gform_wrapper.gform-theme input[type="color"],
  body .gform_wrapper.gform-theme input[type="date"],
  body .gform_wrapper.gform-theme input[type="datetime-local"],
  body .gform_wrapper.gform-theme input[type="datetime"],
  body .gform_wrapper.gform-theme input[type="email"],
  body .gform_wrapper.gform-theme input[type="month"],
  body .gform_wrapper.gform-theme input[type="number"],
  body .gform_wrapper.gform-theme input[type="password"],
  body .gform_wrapper.gform-theme input[type="search"],
  body .gform_wrapper.gform-theme input[type="tel"],
  body .gform_wrapper.gform-theme input[type="text"],
  body .gform_wrapper.gform-theme input[type="time"],
  body .gform_wrapper.gform-theme input[type="url"],
  body .gform_wrapper.gform-theme input[type="week"],
  body.woocommerce-js .woocommerce form .form-row input:not([type="submit"]),
  body .gform_wrapper.gform-theme select,
  body .gform_wrapper.gform-theme textarea,
  body .gform_wrapper input:not([type="submit"], [type="checkbox"], [type="radio"]),
  body input:not([type="submit"]),
  body form select,
  body textarea,
  body .gform_wrapper.gform-theme .gfield-choice-input + label,
  body .gform_wrapper.gform-theme .gfield .gfield_label {
    font-size: 16px;
  }

  body .gform_wrapper .gfield:not(.gfield--type-select, .gfield--type-fileupload):has(input:focus) .gfield_label,
  body .gform_wrapper .gfield:not(.gfield--type-select, .gfield--type-fileupload):has(textarea:focus) .gfield_label,
  body .gform_wrapper .gfield:not(.gfield--type-select, .gfield--type-fileupload):has([value]:not([value=""])) .gfield_label,
  .edit-details-wrapper form label:has(+ input:focus),
  .edit-details-wrapper form .isvalue label:has(+ input:not([value=""])),
  form#loginform label:has(+ input:focus),
  form#loginform label:has(+ input:not([value=""])),
  form#custom_registration_form label:has(+ input:focus),
  body .gform_wrapper.gform-theme .gfield:not(.gfield--type-select, .gfield--type-fileupload).isvalue .gfield_label,
  form#loginform .isvalue label,
  form#custom_registration_form .isvalue label {
    font-size: 12px !important;
  }

  .top-bar-header,
  .top-bar-header .top-bar-right ul.top-bar-list li a {
    font-size: 13px;
  }

  h6,
  .h6 {
    font-size: 17px;
  }

  h5,
  .h5,
  .project-list-wrapper .project-item.sticky p,
  .project-list-wrapper .project-item.sticky a.read-more-inline {
    font-size: 20px;
  }
  h4,
  .h4,
  #product-enquire-popup .gform_title {
    font-size: 24px;
  }
  .newsletter-section .newsletter-wrapper h4 {
    font-size: 30px;
  }
  h3,
  .h3,
  .project-filter-sidebar .title {
    font-size: 40px;
    line-height: 1em;
  }
  h2,
  .h2 {
    font-size: 47px;
  }

  .h1-big {
    font-size: 76px;
  }
  .download-btn-wrapper .button,
  .download-btn-wrapper .btn,
  .btn.download {
    font-size: 15px !important;
  }

  .project-filter-dropdown-list label {
    font-size: 14px;
  }

  .project-list-wrapper .project-item {
    padding-bottom: 10px;
  }

  .project-list-wrapper .project-item .project-content .type,
  .project-tags > div {
    font-size: 13px;
    margin: 0px 0 5px 0px;
  }

  .project-filter-sidebar .title {
    margin-bottom: 36px;
  }

  .project-filter-sidebar .total-project-filter {
    margin-bottom: 0;
  }

  .project-filter-box .checkbox-filter {
    margin-top: 18px;
  }

  .top-bar-header {
    padding: 7px 10px;
  }

  .header-main .site-branding {
    max-width: 90%;
  }

  .header-main .site-branding {
    padding: 18px 0px;
  }

  .summary .wishlist-wrapper .like-btn .icon img {
    width: 23px;
  }

  .download-btn-wrapper {
    gap: 12px 12px;
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .registration {
    flex-direction: column;
  }
  .registration .img-wrapper img {
    max-height: 500px;
    object-position: top;
  }
  .registration .form-wrapper {
    padding: 30px;
  }
  .registration > div,
  .gform-theme--foundation .gfield--width-half {
    width: 100%;
  }
  #product-enquire-popup .gform_wrapper.gform-theme .gfield.gfield--type-html {
    display: none;
  }
  body .gform_wrapper.gform-theme .gfield-choice-input + label {
    padding-left: 30px;
  }
  .ginput_container_checkbox .gchoice label:before,
  .woocommerce-SavedPaymentMethods-saveNew label::before,
  .lost_password label span::before,
  .form-wrapper label:has(input[type="checkbox"]):before {
    width: 20px;
    height: 20px;
    top: 1px;
  }
  .ginput_container_checkbox .gchoice input:checked + label:after,
  .woocommerce-SavedPaymentMethods-saveNew input:checked + label:after,
  .lost_password label input:checked + span::after,
  label:has(input[type="checkbox"]:checked)::after,
  .form-wrapper label:has(input[type="checkbox"]:checked)::after {
    height: 9px;
    width: 5px;
    left: 8px;
    top: 7px;
  }
}
@media only screen and (max-width: 575px) {
  h1,
  .h1,
  h3,
  .h3,
  .project-filter-sidebar .title {
    font-size: 35px;
  }

  .street-chat-section .h1-big {
    font-size: 56px;
  }

  .page h2 {
    margin-top: 10px;
  }

  .newsletter-section .newsletter-wrapper .col-left h2 {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    font-size: 31px;
  }

  #product-enquire-popup .popup-wrapper .enquiry-popup-main {
    padding-right: 15px;
  }
  #product-enquire-popup .popup-wrapper {
    padding: 17px 2px 17px 17px;
  }
  #product-enquire-popup .popup-close {
    background: transparent;
  }
  #product-enquire-popup .popup-close svg {
    height: 15px;
    width: 15px;
  }
  #product-enquire-popup .popup-close svg path {
    stroke: var(--black);
  }
  .registration .form-wrapper {
    padding: 20px;
  }
  .newsletter-section .gform_wrapper.gform-theme form .gform_footer {
    position: static;
    margin-top: 15px !important;
  }
  body .newsletter-section .gform_wrapper.gform-theme input[type="email"] {
    padding: 9px 18px;
    height: 36px;
  }
  #gform_submit_button_3 {
    width: 100%;
    justify-content: start;
  }
  #subscribition-popup h2.h1-big {
    font-size: 50px;
  }
  #subscribition-popup h2.gform_title {
    font-size: 26px;
  }
}

/*--registration-end--*/

/*--login-start--*/

.login-wrapper {
  max-width: 1128px;
  background: #ffffff;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.login-wrapper .form-content {
  padding: 50px;
  display: flex;
  flex-direction: column;
  align-items: start;
}
.login-wrapper .form-content h1,
.login-wrapper .form-content h2 {
  order: 1;
}
.form-wrapper form {
  order: 2;
}
.login-wrapper .form-content .login-message {
  margin-top: 20px;
  order: 4;
  border: 2px solid var(--black);
  padding: 10px;
  text-align: center;
  width: 100%;
}
.login-wrapper .login-links {
  order: 3;
}
.login-wrapper .register-text {
  order: 5;
}
.login-wrapper > div:not(.popup-close) {
  width: 50%;
}
.login-wrapper .form-image {
  display: flex;
}
.login-wrapper .form-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.login-wrapper form p.login-submit {
  margin: 0;
}
.login-wrapper .login-links {
  display: inline-flex;
  align-items: center;
  justify-content: end;
  margin-left: auto;
  margin-right: 0;
  margin-top: -25px;
  margin-bottom: 25px;
  z-index: 9;
  position: relative;
}
.login-wrapper .login-links a {
  font-size: 12px;
  line-height: 124%;
  color: var(--black);
  text-decoration-line: underline;
}
.login-wrapper .register-text {
  margin-top: auto;
}
.login-wrapper form p.login-submit:has(input[type="submit"]:disabled) {
  position: relative;
  width: auto;
  align-self: start;
}
.login-wrapper form p.login-submit input[type="submit"]:disabled {
  opacity: 0.6;
}
.login-wrapper form p.login-submit:has(input[type="submit"]:disabled):after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 2px solid #fff;
  border-top: 2px solid #000;
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
  margin-right: 5px;
  vertical-align: middle;
  margin: auto;
}
.edit-details-wrapper form {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}
.my-account-tab-wrapper form div {
  padding-left: 12px;
  padding-right: 12px;
  margin: 20px 0px;
}
.edit-details-wrapper form .col-full {
  width: 100%;
}
.edit-details-wrapper form .col-full:has(input[type="checkbox"]) {
  padding: 0;
}
.edit-details-wrapper form .col-half {
  width: 50%;
}
.edit-details-wrapper form .col-half label:has(+ .custom-mobile) {
  left: 12px;
}
.edit-details-wrapper form .col-half.isvalue label {
  top: -20px;
  font-size: 14px;
}
.edit-details-wrapper label {
  display: inline-flex;
  margin-bottom: 8px;
}
.edit-details-wrapper form .col-full label small {
  margin-left: 5px;
}
.edit-details-wrapper form .col-full input.custom-password + a {
  margin-top: 30px;
  display: inline-flex;
}
.edit-details-form button.disabled,
.edit-details-form button:disabled {
  background-color: #ccc;
  cursor: not-allowed;
  color: #666;
  border: 1px solid #aaa;
}
/*-*/
.wishlist-items {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}
.wishlist-items .wishlist-card {
  width: 33.33%;
  padding: 12px;
}
.wishlist-items .wishlist-card .wishlist-card-image {
  position: relative;
  overflow: hidden;
  padding-top: 66%;
  margin-bottom: 14px;
  display: flex;
}
.wishlist-items .wishlist-card .wishlist-card-image > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/*Error hide*/
.login-wrapper .form-content .login-message.error strong:first-child {
  display: none;
}
/*-*/
/*--login-end--*/

/*--my-account-start--*/

.my-account-left-column {
  width: 19.3%;
}
.my-account-right-column {
  width: 80.7%;
}
.my-account-wrapper .my-account {
  padding: 0px;
}
.my-account .tabs {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -12px;
}
.my-account .tabs .tab-button {
  color: #6c6e74 !important;
  cursor: pointer;
  margin: 10px 12px;
  padding: 0;
  background: transparent;
  font-family: "Helvetica Now Display", sans-serif;
}
.my-account .tabs .tab-button:hover,
.my-account .tabs .tab-button.active {
  color: var(--black) !important;
}
.my-account .tabs .tab-button:after {
  display: none;
}
.account-links-wrapper {
  display: flex;
  flex-direction: column;
}
.account-links-wrapper .account-link {
  display: flex;
}
.account-links-wrapper a {
  padding: 15px 20px;
  width: 100%;
  color: var(--black);
}
.account-links-wrapper a.active {
  background: #f2f1ef;
  border-left: 2px solid var(--theme-color);
}
.my-account-tab {
  border-top: 1px solid #000000;
  padding-top: 8px;
  display: none;
}
.my-account-tab.active {
  display: block;
}
.login-wrapper form p {
  margin: 0px 0px 10px;
}
.wishlist-items .wishlist-card .wishlist-label,
.woocommerce-js ul.products li.product .product-content-wrapper > span:not(.latest) {
  display: inline-flex;
  font-size: 16px;
  line-height: 100%;
  font-family: "Helvetica Now Display Medium", sans-serif;
  padding: 5px 12px 6px;
  background: rgba(217, 171, 170, 0.7);
  border-radius: 48px;
  margin-bottom: 6px;
  align-self: start;
  letter-spacing: 0.02em;
}
.wishlist-items .wishlist-card[data-type="Product"] .wishlist-label,
.woocommerce-js ul.products li.product.type-product .product-content-wrapper > span:not(.latest) {
  background: #b0b7a3b2;
}
.wishlist-items .wishlist-card[data-type="Article"] .wishlist-label,
.woocommerce-js ul.products li.product.type-post .product-content-wrapper > span:not(.latest) {
  background: #eaba3db2;
}
.wishlist-items .wishlist-card[data-type="Toolbox"] .wishlist-label,
.woocommerce-js ul.products li.product.type-toolbox .product-content-wrapper > span:not(.latest) {
  background: #86b3d1b2;
}
.account-links-wrapper a:not([data-tag]) {
  color: var(--theme-color);
  text-decoration: underline;
  width: auto;
}
.wishlist-items .wishlist-card .wishlist-card-content a,
.account-links-wrapper a:not([data-tag]):hover {
  color: var(--black);
}
.wishlist-items .wishlist-card .wishlist-card-content a:hover {
  color: var(--theme-color);
}
#success-message {
  border: 2px solid green;
  padding: 10px;
  text-align: center;
}
.wishlist-items .no-data {
  display: none;
  padding: 12px;
  margin-top: 20px;
}
.error-404.not-found .page-header {
  text-align: center;
  width: 100%;
}
.error-404.not-found a.btn {
  margin-left: auto;
  margin-right: auto;
}
.img-caption {
  font-family: "Helvetica Now Micro", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  margin-top: 12px;
}
body.woocommerce-js .woocommerce form .form-row {
  padding: 0;
  margin-bottom: 20px;
}
.edit-details-wrapper form .col-full .password-error {
  margin-top: 7px;
}
.edit-details-wrapper .error {
  border: 2px solid red;
  padding: 10px;
  text-align: center;
  margin: 30px 0px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
  display: flex;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
  padding: 15px 20px;
  width: 100%;
  color: var(--black);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  background: #f2f1ef;
  border-left: 2px solid var(--theme-color);
}
/*
.wishlist-items:has(:not(.wishlist-card[style="display: block;"])) .no-data {
  display: block;
}*/
@media only screen and (max-width: 1199px) {
  .my-account-left-column {
    width: 25%;
  }
  .my-account-right-column {
    width: 75%;
  }
  .wishlist-items .wishlist-card {
    width: 50%;
  }
}
@media only screen and (max-width: 991px) {
  .my-account-left-column,
  .my-account-right-column,
  .login-wrapper > div:not(.popup-close) {
    width: 100%;
  }
  .account-links-wrapper {
    flex-wrap: wrap;
    flex-direction: initial;
    margin-bottom: 50px;
  }
  .account-links-wrapper > * {
    flex-shrink: 0;
  }
  .login-wrapper .form-content {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .login-wrapper {
    flex-direction: column;
  }
  .filter-sidebar label:has(input[type="checkbox"]:checked)::after,
  .checkbox-filter label:has(input[type="checkbox"]:checked)::after {
    left: 1px;
    top: 6px;
  }
  .login-wrapper > div:not(.popup-close) {
    width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .wishlist-items .wishlist-card,
  .edit-details-wrapper form .col-half {
    width: 100%;
  }

  .menu-container .menu-toggle.active {
    right: 5px !important;
  }

  body .gform_wrapper.gform-theme input[type="color"],
  body .gform_wrapper.gform-theme input[type="date"],
  body .gform_wrapper.gform-theme input[type="datetime-local"],
  body .gform_wrapper.gform-theme input[type="datetime"],
  body .gform_wrapper.gform-theme input[type="email"],
  body .gform_wrapper.gform-theme input[type="month"],
  body .gform_wrapper.gform-theme input[type="number"],
  body .gform_wrapper.gform-theme input[type="password"],
  body .gform_wrapper.gform-theme input[type="search"],
  body .gform_wrapper.gform-theme input[type="tel"],
  body .gform_wrapper.gform-theme input[type="text"],
  body .gform_wrapper.gform-theme input[type="time"],
  body .gform_wrapper.gform-theme input[type="url"],
  body .gform_wrapper.gform-theme input[type="week"],
  body .gform_wrapper.gform-theme select,
  body .gform_wrapper.gform-theme textarea,
  body .gform_wrapper input:not([type="submit"], [type="checkbox"], [type="radio"]),
  body select,
  body textarea,
  .contact-us-section .form-column p,
  body .gform_wrapper.gform-theme .gfield-choice-input + label,
  .gform_wrapper.gform-theme .gfield_required,
  body .gform_wrapper.gform-theme .gfield_password_strength,
  body .gform_wrapper.gform-theme .gfield_validation_message,
  body .gform_wrapper.gform-theme .validation_message,
  body .gform_wrapper.gform-theme .gfield_label {
    font-size: 18px;
  }

  .newsletter-wrapper p {
    max-width: 294px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.03em;
  }
}
/*--my-account-end--*/
.loader {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-top: 2px solid #000;
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
  margin-right: 5px;
  vertical-align: middle;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* lost-password start*/
.woocommerce-ResetPassword label {
  margin-bottom: 10px;
}
.woocommerce-ResetPassword .woocommerce-Button {
  margin-top: 25px;
}
.woocommerce-ResetPassword p:first-child {
  margin-bottom: 30px;
}
form.woocommerce-ResetPassword {
  margin-top: 50px;
}
.dd-login-form p,
.woocommerce-ResetPassword p {
  position: relative;
}
.dd-login-form label,
.woocommerce-ResetPassword label {
  pointer-events: none;
  line-height: 24px;
  position: absolute;
  top: 6px;
  transition: 0.5s;
  left: 0px;
  margin: 0;
}
form#custom_registration_form label:has(+ input),
#custom_registration_form label:has(+ select),
#loginform-default label {
  font-size: 16px;
}
.dd-login-form .isvalue label,
.woocommerce-ResetPassword .isvalue label {
  top: -20px;
  font-size: 14px !important;
}
.woocommerce-error:focus-visible {
  outline: 0;
}
body.woocommerce-js .woocommerce-message {
  border-top-color: green;
}
body.woocommerce-js .woocommerce-message::before {
  color: green;
}
body.woocommerce-lost-password article {
  width: 100%;
}
/* lost-password end*/

#product-enquire-popup .popup-wrapper form label .gfield_required {
  display: none !important;
}
#product-enquire-popup .gform_wrapper.gform-theme .gfield.gfield--type-phone:not(.isvalue) label.gfield_label.gform-field-label {
  top: 47px;
}
#product-enquire-popup .gform_wrapper.gform-theme .gfield.gfield--type-phone.isvalue label.gfield_label.gform-field-label {
  top: 15px;
}
@media only screen and (max-width: 991px) {
  #product-enquire-popup .gform_wrapper.gform-theme .gfield.gfield--type-phone,
  .site-footer .footer-block .mobile-hide {
    display: none;
  }
}
.read-more-inline {
  color: #e20074;
  text-decoration: underline;
  white-space: nowrap;
  /*font-family: "Helvetica Now Display Medium", sans-serif;*/
}

.read-more-inline:hover {
  font-weight: 700;
}
/*-*/
article:has(form.woocommerce-form-login) {
  width: 100%;
}
article:has(form.woocommerce-form-login) .button.woocommerce-form-login__submit {
  display: inline-flex;
}
article:has(form.woocommerce-form-login) label.woocommerce-form__label {
  line-height: 1.3;
}
html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
/*
.has-scroll-smooth [data-scroll-section]:not([data-scroll-section-inview]) {
  transform: translateX(-200vw) !important;
}
*/
html.has-scroll-smooth {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

html.js.has-hover:not(.no-smooth-scroll),
html.js.has-hover:not(.no-smooth-scroll) body {
  overflow: hidden;
}
div#page:has(.custom-popup[style="display: block;"]) {
  transform: none !important;
  transition: var(--transition);
}
/*-*/

/* Add custom message under input */
input:invalid:after {
  content: "This field is required";
  color: red;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
.splide:not(.is-active) ul.splide__list {
  flex-direction: column;
  backface-visibility: visible;
  visibility: visible;
}
.splide:not(.is-active) ul.splide__list li.splide__slide {
  backface-visibility: visible;
}
.splide__arrows button.splide__arrow svg {
  height: 12px;
  width: 12px;
}
.splide__arrows button.splide__arrow::after {
  display: none;
}

@media only screen and (max-width: 575px) {
  .latest-item-sec .splide:not(.is-active) ul.splide__list {
    flex-direction: initial;
  }
  .latest-item-sec .splide:not(.is-active) ul.splide__list li.splide__slide {
    width: 50%;
  }
}