/*
Theme Name: Gardengate Wordpress Theme
Author: Lavva
Author URI: https://www.lavva.pt
Version: 1.1
License: GNU General Public License
*/

@font-face {
  font-family: "Nexa Bold";
  src: url("./fonts/nexa_bold.OTF") format("opentype");
}
@font-face {
  font-family: "Nexa Regular";
  src: url("./fonts/nexa_regular.OTF") format("opentype");
}
@font-face {
  font-family: "icomoon";
  src: url("./fonts/iconmoon/icomoon.eot?q86npy");
  src: url("./fonts/iconmoon/icomoon.eot?q86npy#iefix") format("embedded-opentype"), url("./fonts/iconmoon/icomoon.ttf?q86npy") format("truetype"), url("./fonts/iconmoon/icomoon.woff?q86npy") format("woff"), url("./fonts/iconmoon/icomoon.svg?q86npy#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 16px;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #38393B;
}

h1 {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 70px;
}

h2 {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 40px;
}

h3 {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 24px;
}

h4 {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 18px;
}

.m-width-small {
  max-width: 900px;
  margin: auto;
}

.m-width-medium {
  max-width: 970px;
  margin: auto;
}

.m-width {
  max-width: 1156px;
  margin: auto;
}

.m-width-large {
  max-width: 1320px;
  margin: auto;
}

.m-width-mega-menu {
  margin: 0 10%;
}
@media screen and (max-width: 1500px) {
  .m-width-mega-menu {
    margin: 0 5%;
  }
}

@media (max-width: 992px) {
  .m-width {
    margin-left: 10%;
    margin-right: 10%;
  }
}
@media (max-width: 1200px) {
  .m-width {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media (max-width: 992px) {
  .m-width {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 576px) {
  h1 {
    font-size: 38px;
  }
  h2 {
    font-size: 32px;
  }
  h3 {
    font-size: 20px;
  }
}
@keyframes scrolldown-lg {
  0% {
    background-position: 0 -73px;
  }
  75% {
    background-position: 0 0px;
  }
  100% {
    background-position: 0 75px;
  }
}
@keyframes scrolldown {
  0% {
    background-position: 0 -50px;
  }
  75% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 50px;
  }
}
.btn-white {
  color: #fff;
  border: none;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 16px;
  text-decoration: none;
  padding: 21px 28px 18px 28px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 40px;
  transition: all 0.4s ease 0s;
  cursor: pointer;
}

.btn-white:hover {
  background: #fff;
  color: #3F3F3F !important;
  cursor: pointer;
}

.btn-black {
  color: #3F3F3F;
  border: 1px solid rgba(74, 43, 77, 0.1);
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 14px;
  text-decoration: none;
  border-radius: 50px;
  padding: 16px 32px 14px 32px;
  background-color: transparent;
  transition: all 0.4s ease 0s;
  cursor: pointer;
}

.btn-black:hover,
.btn-share:hover {
  background: #3F3F3F !important;
  color: #fff !important;
  cursor: pointer;
}

.btn-black:focus,
.btn-white:focus {
  outline: none;
}

.hidden {
  display: none !important;
}

button.section-name-link {
  display: none;
}

.menu-lateral {
  z-index: 10;
  position: fixed;
  top: 50%;
  right: 1vw;
  transform: translateY(-50%);
  color: white;
}
.menu-lateral a.section-name-link {
  display: block;
  font-size: 18px;
  color: white;
  margin: 12px auto;
  text-decoration: none;
  opacity: 0.5;
  text-align: left;
  position: relative;
  width: 60%;
}
.menu-lateral a.section-name-link.is-active {
  opacity: 1;
}
.menu-lateral a.section-name-link.is-active:before {
  content: "";
  width: 24px;
  height: 1px;
  position: absolute;
  left: -40px;
  background: white;
  top: 8px;
}

.hidden {
  display: none !important;
}

@media (max-width: 992px) {
  .menu-lateral {
    display: none;
  }
}
.menu-lateral {
  right: 30px;
}
.menu-lateral a.section-name-link {
  width: 100%;
  text-align: right;
}
.menu-lateral a.section-name-link.is-active {
  opacity: 1;
}
.menu-lateral a.section-name-link.is-active:before {
  left: auto;
  right: -40px;
  top: 9px;
}

.loader-ajax {
  position: relative;
  width: 100%;
  height: 150px;
  display: none;
}

#loader {
  border: 8px solid #f3f3f3;
  /* Light grey */
  border-top: 8px solid #3F3F3F;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
  position: absolute;
  top: 40px;
  left: 48%;
}
@media screen and (max-width: 768px) {
  #loader {
    left: 40%;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.mask-rectangle {
  position: absolute;
  height: 350px !important;
  width: auto !important;
  right: 0;
  top: 470px;
}

.mask-left {
  position: absolute;
  height: 350px !important;
  width: auto !important;
  left: 0;
  bottom: 80px;
}

.squares {
  position: absolute;
  right: 10px;
  top: -25px;
}
.squares .square {
  height: 12px;
  width: 12px;
  background: #dee0e1;
  display: inline-block;
  margin-left: 12px;
}

.page-template-fullpage-page .site-main {
  position: relative;
}

.back-top {
  position: absolute;
  bottom: 675px;
  height: 25px;
  color: #fff;
  right: 40px;
  text-transform: uppercase;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  width: 200px;
  text-align: right;
  font-size: 10px;
  padding-right: 45px;
  border-right: 1px solid #fff;
  z-index: 1;
  cursor: pointer;
}

.border-back-top {
  position: absolute;
  bottom: 630px;
  color: #fff;
  right: 40px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  height: 50px;
  z-index: 1;
}

.archive-posts .news .btn-black {
  display: none;
}

#icon-btn {
  margin-right: 16px;
  font-size: 16px;
}

.check-offers a {
  color: #38393B;
  border: 1px solid rgba(74, 43, 77, 0.1);
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 14px;
  text-decoration: none;
  border-radius: 50px;
  padding: 16px 32px 11px 32px;
  background-color: #fff;
}
.check-offers a span {
  margin-right: 15px;
  font-size: 16px;
  vertical-align: middle;
}

@keyframes scrolldown-lg {
  0% {
    background-position: 0 -73px;
  }
  75% {
    background-position: 0 0px;
  }
  100% {
    background-position: 0 75px;
  }
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
select ::-ms-expand {
  display: none;
}

.select2-search--dropdown {
  display: none;
}

#primary-menu .menu-item:hover a {
  opacity: 1 !important;
}

#menu-mega .menu-item .sub-menu .menu-item a,
.main-navigation ul li a,
.mega-menu .footer-mega .menu > li a {
  transition: all 0.4s ease 0s;
}

#menu-mega .menu-item .sub-menu .menu-item:hover a,
.mega-menu .footer-mega .menu > li a:hover {
  opacity: 1 !important;
}

.wpcf7 input[type=submit] {
  outline: none;
}

@media (max-width: 576px) {
  .squares .square {
    height: 10px;
    width: 10px;
    margin-left: 5px;
  }
  .check-offers {
    right: -60px;
    top: 95vh;
  }
}
a.a2a_i,
i.a2a_i {
  font-size: 14px !important;
  color: #38393B !important;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif !important;
}

a.a2a_i .a2a_svg,
a.a2a_more .a2a_svg {
  background-size: 20px !important;
  height: 20px !important;
  line-height: 24px;
  width: 20px !important;
}

.a2a_menu a.a2a_more,
.a2a_wide a {
  color: #38393B !important;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif !important;
}

@media (max-width: 992px) {
  .back-top,
  .border-back-top {
    display: none;
  }
}
.web-only {
  display: block;
}

.mobile-only {
  display: none;
}

@media (max-width: 768px) {
  .web-only {
    display: none;
  }
  .mobile-only {
    display: block;
  }
}
.site {
  overflow-x: clip;
}

.transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
}

.duration-300 {
  transition-duration: 0.3s;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.transform {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}

.translate-y-0 {
  transform: translateY(0);
  --transform-translate-y: 0;
}

.translate-y-12 {
  transform: translateY(10rem);
  --transform-translate-y: 10rem;
}

.lnr::before {
  font-family: "Font Awesome 6 Pro";
  font-size: 16px;
  font-weight: 300;
  line-height: 31px;
  color: #FFFFFF;
}
.lnr.lnr-arrow-left::before {
  content: "\f060";
}
.lnr.lnr-arrow-right::before {
  content: "\f061";
}

.icons-social i::before {
  font-size: 20px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
}
.icons-social a:hover i::before {
  color: #000;
  font-weight: bold;
}

b,
strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}

.container-fluid {
  background-color: #fff;
}

#powerTip {
  background-color: #fff;
}
#powerTip::before {
  color: #fff;
}
#powerTip p {
  color: #5E3253;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 16px;
  text-align: center;
}

#powerTip.n:before {
  border-top: 10px solid rgb(255, 255, 255);
}

#powerTip.s:before {
  border-bottom: 10px solid #fff;
}

#powerTip.e:before {
  border-right: 10px solid #fff;
}

#powerTip.w:before {
  border-left: 10px solid #fff;
  right: -10px;
}

#powerTip.ne:before,
#powerTip.nw:before {
  border-top: 10px solid #fff;
  border-top: 10px solid rgb(255, 255, 255);
}

#powerTip.se:before,
#powerTip.sw:before {
  border-bottom: 10px solid #fff;
  border-bottom: 10px solid rgb(255, 255, 255);
}

#powerTip.nw-alt:before,
#powerTip.ne-alt:before,
#powerTip.sw-alt:before,
#powerTip.se-alt:before {
  border-top: 10px solid #fff;
  border-top: 10px solid rgb(255, 255, 255);
}

#powerTip.sw-alt:before,
#powerTip.se-alt:before {
  border-bottom: 10px solid #fff;
  border-bottom: 10px solid rgb(255, 255, 255);
}

#powerTip {
  padding: 20px;
  border-radius: 0;
}
#powerTip::before {
  border: none !important;
}
#powerTip p {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  color: #38393B;
  margin: 0;
  text-align: left;
}
#powerTip p strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  color: #5E3253;
  margin-bottom: 8px;
}
#powerTip p a {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  margin-top: 12px;
  display: block;
  color: #38393B;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: underline 3px transparent;
  transition: text-decoration-color 300ms;
}
#powerTip p a::after {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 31px;
  color: #38393B;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(56, 57, 59, 0.2);
  border-radius: 50%;
  transition: all 0.4s ease 0s;
}
#powerTip p a:hover {
  text-decoration-color: #38393B;
}
#powerTip p a:hover::after {
  color: #fff;
  background-color: #38393B;
}

.contact-body #powerTip p a::after {
  content: "\f0e0";
}

.pins_animation.ihotspot_pulse {
  background-color: rgba(255, 255, 255, 0.3);
  scale: 1.5;
  border: none;
}

.spinner {
  width: 100%;
  text-align: center;
}

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.lds-ripple div {
  position: absolute;
  border: 4px solid #38393B;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
.lds-ripple2 {
  display: none;
}

.lds-ripple3 {
  margin-top: 30px;
}

ul {
  list-style: none;
}

.dropdown {
  width: 100%;
  background: transparent;
  border-radius: 0;
  position: relative;
}

.dropdown::before {
  content: "";
  position: absolute;
  right: 12px;
  top: 0;
  z-index: 9999;
  width: 12px;
  height: 12px;
  border: 1px solid #38393B;
  border-top: transparent;
  border-right: transparent;
  transform: rotate(-45deg);
  pointer-events: none;
  transition: all 0.3s linear;
}

.dropdown input {
  width: 100%;
  height: 100%;
  border-radius: 0;
  cursor: pointer;
  border: none;
  outline: none;
  font-size: 16px;
  user-select: none;
  background: transparent;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  padding-left: 12px;
  border-bottom: 1px solid #38393B;
  padding-bottom: 10px;
}

.dropdown .options {
  display: block;
  width: 100%;
  border-radius: 0;
  padding: 8px;
  cursor: pointer;
  background: white;
  border: none;
  outline: none;
  font-size: 16px;
  overflow: hidden;
  position: absolute;
  transition: all 0.7s ease;
  opacity: 0;
  visibility: hidden;
  background: #EDEDED;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.dropdown .options .option {
  padding: 10px 5px;
  border-radius: 0;
  transition: all 0.2s ease;
  color: #292d34;
}

.dropdown .options .option .nav-link {
  font-size: 16px;
  color: #38393B;
  background: transparent;
  border-radius: 0;
  border: none;
  padding: 0;
}

.dropdown .options .option:not(:last-of-type) {
  margin-bottom: 8px;
}

.dropdown.opened .options {
  opacity: 1;
  visibility: visible;
}

.dropdown.opened::before {
  transform: rotate(-225deg);
  top: 7px;
}

.wrapper {
  position: relative;
  padding-top: 12px;
}

.is-ajax-search-result {
  margin-top: 3px !important;
  z-index: 99999999999999 !important;
}
.is-ajax-search-result .is-ajax-search-post {
  padding: 0;
}
.is-ajax-search-result .is-ajax-search-post .is-search-sections {
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.is-ajax-search-result .is-ajax-search-post .is-search-sections:hover {
  background: #5E3253 !important;
}
.is-ajax-search-result .is-ajax-search-post .is-search-sections .right-section .is-title a {
  display: block;
  font-size: 16px;
}

.is-ajax-search-no-result {
  background-color: #38393B !important;
}

.fixed-menu-container {
  background: #38393B;
  padding: 0 74px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  width: 100%;
  z-index: 99999999;
}
@media (max-width: 576px) {
  .fixed-menu-container {
    padding-right: 4%;
    padding-left: 0;
  }
}
.fixed-menu-container .menu-menu-fixed-container ul {
  list-style: none;
  display: inline-flex;
  padding-left: 0;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
}
.fixed-menu-container .menu-menu-fixed-container ul li {
  margin-left: 15px;
  margin-right: 15px;
}
.fixed-menu-container .menu-menu-fixed-container ul li a {
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  text-decoration: none;
  display: block;
  position: relative;
}
.fixed-menu-container .menu-menu-fixed-container ul li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
}
.fixed-menu-container .menu-menu-fixed-container ul li a:hover::after, .fixed-menu-container .menu-menu-fixed-container ul li a:focus::after {
  opacity: 1;
  transform: translate3d(0, 0.2em, 0);
}
.fixed-menu-container .wpml-ls {
  width: auto;
}
.fixed-menu-container .wpml-ls ul .wpml-ls-current-language .wpml-ls-item-toggle {
  background: #38393B;
  border: none;
  color: #fff;
  padding-right: 25px;
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: unset;
}
.fixed-menu-container .wpml-ls ul .wpml-ls-current-language .wpml-ls-item-toggle::after {
  font-family: "Font Awesome 6 Pro";
  content: "\f078";
  font-size: 14px;
  color: white;
  border: none;
  top: 0px;
  right: 0;
}
.fixed-menu-container .wpml-ls ul .wpml-ls-current-language ul {
  border: none;
}
.fixed-menu-container .wpml-ls ul .wpml-ls-current-language ul li a {
  background: #fff;
  border: none;
  color: #38393B;
  font-size: 14px;
  padding: 10px;
}
.fixed-menu-container .wpml-ls ul .wpml-ls-current-language ul li a:hover {
  background: #38393B;
  color: #fff;
}
.fixed-menu-container .wpml-ls ul .wpml-ls-current-language ul li a::after {
  content: none;
}

.site-header {
  position: fixed;
  z-index: 99999;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
  padding-top: 60px;
  transition: all 0.2s ease 0s;
}
.site-header.scrolled {
  padding: 16px 0;
  background-color: #38393B;
  transition: all 0.3s ease 0s;
}
.site-header .custom-logo-purple {
  display: none;
}
.site-header .site-branding {
  width: fit-content;
  margin-left: 4%;
}
.site-header .site-branding img {
  height: 48px;
  width: auto;
}
@media screen and (max-width: 768px) {
  .site-header .site-branding a img {
    height: 30px;
  }
}
.site-header .main-navigation {
  display: inline-block;
  float: right;
  margin-right: 74px;
  position: relative;
}
.site-header .main-navigation ul {
  list-style: none;
  display: inline-flex;
  padding-left: 0;
  align-items: center;
  margin-bottom: 0;
  margin-right: 45px;
}
.site-header .main-navigation ul li {
  margin-left: 15px;
  margin-right: 15px;
}
.site-header .main-navigation ul li a {
  font-size: 16px;
  color: #fff;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  text-decoration: none;
  display: block;
  line-height: 1;
}
.site-header .main-navigation ul .menu-item-type-taxonomy a {
  position: relative;
}
.site-header .main-navigation ul .menu-item-type-taxonomy a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
}
.site-header .main-navigation ul .menu-item-type-taxonomy a:hover::after, .site-header .main-navigation ul .menu-item-type-taxonomy a:focus::after {
  opacity: 1;
  transform: translate3d(0, 0.2em, 0);
}
.site-header .main-navigation ul .configurator-link a {
  padding: 12px 25px;
  border-radius: 40px;
  background-color: rgba(255, 255, 255, 0.2);
  transition: all 0.4s ease 0s;
}
.site-header .main-navigation ul .configurator-link a:hover {
  background-color: #fff;
  color: #38393B;
}
.site-header .main-navigation ul .astm-search-menu a {
  position: relative;
}
.site-header .main-navigation ul .astm-search-menu a::before {
  content: "\f002";
  font-family: "Font Awesome 6 Pro";
  font-size: 28px;
  line-height: 28px;
  font-weight: 300;
  display: block !important;
  transition: all 0.4s ease 0s;
}
.site-header .main-navigation ul .astm-search-menu a:hover::before {
  font-weight: bold;
}
.site-header .main-navigation ul .astm-search-menu a svg {
  display: none;
  width: 28px;
  height: 26px;
}
.site-header .main-navigation ul .wishlist-menu-item a {
  position: relative;
}
.site-header .main-navigation ul .wishlist-menu-item a::before {
  content: "\f02e";
  font-family: "Font Awesome 6 Pro" !important;
  font-size: 28px;
  line-height: 28px;
  font-weight: 300;
  margin: 0;
  transition: all 0.4s ease 0s;
}
.site-header .main-navigation ul .wishlist-menu-item a:hover::before {
  font-weight: bold;
}
.site-header .main-navigation ul .wishlist-menu-item a .simplefavorites-user-count {
  position: absolute;
  top: -10px;
  right: -10px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 12px;
  color: #fff;
  z-index: 10;
  line-height: 12px;
  padding: 5px 5px 1px 5px;
  background-color: #5E3253;
  border-radius: 50%;
}
.site-header .main-navigation ul .wishlist-menu-item .ccc-favorite-post-count.active .num {
  display: block;
}
.site-header .mega-menu-item {
  margin-right: 0 !important;
  margin-left: 5px !important;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  list-style: none;
  display: block;
}
.site-header .mega-menu-item a {
  vertical-align: middle;
  text-decoration: none;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  color: #fff;
}
.site-header .mega-menu-item a:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f0c9";
  font-weight: 300;
  font-size: 32px;
  vertical-align: middle;
  transition: all 0.4s ease 0s;
}
.site-header .mega-menu-item a:hover::before {
  font-weight: bold;
}
@media (max-width: 1550px) {
  .site-header .main-navigation ul li {
    margin-left: 10px;
    margin-right: 10px !important;
  }
  .site-header .main-navigation ul li a {
    font-size: 13.5px;
  }
}
@media (max-width: 1350px) {
  .site-header #primary-menu .menu-item-type-taxonomy {
    display: none;
  }
  .site-header #primary-menu .menu-item.mega-menu-item {
    display: block;
  }
}
@media (max-width: 576px) {
  .site-header .fixed-menu-container {
    padding-right: 4%;
    padding-left: 0;
  }
  .site-header #primary-menu .menu-item,
  .site-header #primary-menu .wishlist-menu-item {
    display: none;
  }
  .site-header #primary-menu .menu-item.mega-menu-item {
    display: none;
  }
  .site-header .main-navigation {
    margin-right: 4%;
  }
}

.site-header-single .custom-logo-link {
  display: none;
}
.site-header-single .custom-logo-purple {
  display: unset;
}
.site-header-single .main-navigation ul li a {
  color: #38393B;
}
.site-header-single .main-navigation ul .menu-item-type-taxonomy a::after {
  background-color: #38393B;
}
.site-header-single .main-navigation ul .configurator-link a {
  background: rgba(56, 57, 59, 0.1);
}
.site-header-single .main-navigation ul .configurator-link a:hover {
  background-color: #38393B;
  color: #fff;
}
.site-header-single .main-navigation ul .astm-search-menu a svg path {
  fill: #38393B;
}
.site-header-single .mega-menu-item a {
  color: #38393B;
}
.site-header-single.scrolled .custom-logo-link {
  display: unset;
}
.site-header-single.scrolled .custom-logo-purple {
  display: none;
}
.site-header-single.scrolled .main-navigation ul li a {
  color: #fff;
}
.site-header-single.scrolled .main-navigation ul .menu-item-type-taxonomy a::after {
  background-color: #fff;
}
.site-header-single.scrolled .main-navigation ul .configurator-link a {
  background: rgba(255, 255, 255, 0.2);
}
.site-header-single.scrolled .main-navigation ul .configurator-link a:hover {
  background-color: #fff;
  color: #38393B;
}
.site-header-single.scrolled .main-navigation ul .astm-search-menu a svg path {
  fill: #fff;
}
.site-header-single.scrolled .mega-menu-item a {
  color: #fff;
}

.wishlist-menu-item {
  position: relative;
}

#is-popup-wrapper {
  background: #38393B;
  z-index: 99999999999;
  background-repeat: no-repeat;
  background-image: url("/wp-content/themes/gardengate/imgs/doors_search.png");
  background-position-y: 60%;
  background-position-x: 95%;
}
#is-popup-wrapper .popup-search-close {
  margin: 61px 74px 0 0;
}
#is-popup-wrapper .is-popup-search-form {
  margin-top: 250px;
  padding: 0 20%;
}
@media screen and (max-width: 992px) {
  #is-popup-wrapper .is-popup-search-form {
    padding: 0;
  }
}
#is-popup-wrapper .is-popup-search-form form {
  border-bottom: 2.04243px solid rgba(255, 255, 255, 0.4);
}
#is-popup-wrapper .is-popup-search-form form input {
  background: transparent !important;
  border: none !important;
  font-size: 16px !important;
}
#is-popup-wrapper .is-popup-search-form form .is-search-icon,
#is-popup-wrapper .is-popup-search-form form .is-search-submit {
  background: transparent !important;
  border: none !important;
}

.logo-search {
  background-image: url("/wp-content/themes/gardengate/imgs/logo-gray.svg");
  height: 50px;
  width: 300px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 60px;
  left: 80px;
}
@media screen and (max-width: 992px) {
  .logo-search {
    top: 50px;
    left: 50px;
  }
}
@media screen and (max-width: 600px) {
  .logo-search {
    left: 10px;
    height: 30px;
    width: 200px;
  }
}

.title-search {
  font-size: 70px;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  line-height: 76px;
  margin-bottom: 80px;
}
@media screen and (max-width: 700px) {
  .title-search {
    font-size: 50px;
    line-height: normal;
  }
}
@media screen and (max-width: 500px) {
  .title-search {
    font-size: 30px;
    margin-bottom: 40px;
    line-height: normal;
  }
}

.mega-menu {
  padding-top: 60px;
  padding-bottom: 80px;
  min-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999999999;
  display: none;
  background-color: #38393B;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-image: url("/wp-content/themes/gardengate/imgs/doors_mega_menu.png");
  flex-direction: column;
  justify-content: space-between;
  overflow-y: auto;
  height: 100%;
}
.mega-menu .mega-menu-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 76px;
  margin-left: 4%;
}
@media screen and (max-width: 768px) {
  .mega-menu .mega-menu-nav {
    justify-content: end;
  }
}
@media screen and (max-width: 576px) {
  .mega-menu .mega-menu-nav {
    margin-right: 25px;
  }
}
.mega-menu .mega-menu-nav .site-branding {
  width: fit-content;
  opacity: 0.3;
}
.mega-menu .mega-menu-nav .site-branding img {
  height: 50px;
  width: auto;
}
@media screen and (max-width: 768px) {
  .mega-menu .mega-menu-nav .site-branding img {
    height: 30px;
  }
}
@media screen and (max-width: 768px) {
  .mega-menu .mega-menu-nav .site-branding {
    margin-top: 26px;
    display: none;
  }
}
.mega-menu .mega-menu-nav .close-menu-container {
  margin-right: 0 !important;
  margin-left: 5px !important;
  z-index: 9999999;
  display: block;
}
.mega-menu .mega-menu-nav .close-menu-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.mega-menu .mega-menu-nav .close-menu-container ul li {
  margin-left: 15px;
  margin-right: 15px;
}
.mega-menu .mega-menu-nav .close-menu-container .configurator-link a {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  text-decoration: none;
  color: #fff;
  padding: 12px 25px;
  border-radius: 40px;
  background-color: rgba(255, 255, 255, 0.2);
  transition: all 0.4s ease 0s;
}
.mega-menu .mega-menu-nav .close-menu-container .configurator-link a:hover {
  background-color: #fff;
  color: #38393B;
}
.mega-menu .mega-menu-nav .close-menu-container .astm-search-menu a {
  position: relative;
  text-decoration: none;
  color: #fff;
  display: block;
}
.mega-menu .mega-menu-nav .close-menu-container .astm-search-menu a::before {
  content: "\f002";
  font-family: "Font Awesome 6 Pro";
  font-size: 28px;
  line-height: 28px;
  font-weight: 300;
  display: block !important;
  transition: all 0.4s ease 0s;
}
.mega-menu .mega-menu-nav .close-menu-container .astm-search-menu a:hover::before {
  font-weight: bold;
}
.mega-menu .mega-menu-nav .close-menu-container .astm-search-menu a svg {
  display: none;
  width: 28px;
  height: 26px;
}
.mega-menu .mega-menu-nav .close-menu-container .wishlist-menu-item a {
  position: relative;
  text-decoration: none;
  color: #fff;
  display: block;
}
.mega-menu .mega-menu-nav .close-menu-container .wishlist-menu-item a::before {
  content: "\f02e";
  font-family: "Font Awesome 6 Pro" !important;
  font-size: 28px;
  line-height: 28px;
  font-weight: 300;
  margin: 0;
  transition: all 0.4s ease 0s;
}
.mega-menu .mega-menu-nav .close-menu-container .wishlist-menu-item a:hover::before {
  font-weight: bold;
}
.mega-menu .mega-menu-nav .close-menu-container .wishlist-menu-item a .simplefavorites-user-count {
  position: absolute;
  top: -10px;
  right: -10px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 12px;
  color: #fff;
  z-index: 10;
  line-height: 12px;
  padding: 5px 5px 1px 5px;
  background-color: #5E3253;
  border-radius: 50%;
}
.mega-menu .mega-menu-nav .close-menu-container .wishlist-menu-item .ccc-favorite-post-count.active .num {
  display: block;
}
.mega-menu .mega-menu-nav .close-menu-container .close-menu {
  margin: 0;
  margin-left: 5px;
}
.mega-menu .mega-menu-nav .close-menu-container .close-menu a {
  color: #fff;
  text-decoration: none;
  display: block;
}
.mega-menu .mega-menu-nav .close-menu-container .close-menu a::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f00d";
  font-weight: 300;
  font-size: 35px;
  line-height: 35px;
  color: #fff;
  transition: all 0.4s ease 0s;
}
.mega-menu .mega-menu-nav .close-menu-container .close-menu a:hover::before {
  font-weight: bold;
}
.mega-menu #menu-mega {
  padding-top: 10vh;
  display: flex;
  list-style: none;
  padding-left: 0;
}
@media screen and (max-width: 1200px) {
  .mega-menu #menu-mega {
    flex-direction: column;
    gap: 20px;
  }
}
.mega-menu #menu-mega > li {
  text-align: left;
  margin: 8px;
  flex: 1;
}
.mega-menu #menu-mega > li > a {
  color: #fff;
  font-size: 20px;
  padding-bottom: 24px;
  width: 100%;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  text-decoration: none;
  text-decoration: underline 3px transparent;
  transition: text-decoration-color 300ms;
}
@media screen and (max-width: 1320px) {
  .mega-menu #menu-mega > li > a {
    font-size: 18px;
  }
}
@media screen and (max-width: 1200px) {
  .mega-menu #menu-mega > li > a {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .mega-menu #menu-mega > li > a {
    width: 100% !important;
  }
}
.mega-menu #menu-mega > li > a:hover {
  text-decoration-color: #fff;
}
.mega-menu #menu-mega > li .sub-menu {
  margin-top: 24px;
  padding-left: 0;
  padding-left: 10px;
}
.mega-menu #menu-mega > li .sub-menu li {
  margin-bottom: 24px;
  list-style: none;
}
.mega-menu #menu-mega > li .sub-menu li a {
  color: #fff;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 18px;
  text-decoration: none;
  text-decoration: underline 3px transparent;
  transition: text-decoration-color 300ms;
}
.mega-menu #menu-mega > li .sub-menu li a:hover {
  text-decoration-color: #fff;
}
@media screen and (max-width: 1320px) {
  .mega-menu #menu-mega > li .sub-menu li a {
    font-size: 16px;
  }
}
@media screen and (max-width: 1200px) {
  .mega-menu #menu-mega > li .sub-menu li a {
    font-size: 18px;
  }
}
.mega-menu #menu-mega > li .sub-menu li .sub-menu {
  padding-left: 20px;
}
.mega-menu #menu-mega .wrapper {
  position: relative;
}
.mega-menu #menu-mega .arrow-down {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  cursor: pointer;
}
.mega-menu #menu-mega .arrow-down:before {
  content: "";
  border: solid #fff;
  border-width: 0px 2px 2px 0px;
  display: inline-block;
  padding: 5px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  float: right;
  margin-inline: 0;
  transition: 500ms;
  margin-top: -10px;
}
.mega-menu #menu-mega .arrow-up {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  cursor: pointer;
}
.mega-menu #menu-mega .arrow-up:before {
  content: "";
  border: solid #fff;
  border-width: 0px 2px 2px 0px;
  display: inline-block;
  padding: 5px;
  transform: rotate(45deg);
  -webkit-transform: rotate(225deg);
  float: right;
  margin-inline: 0;
  transition: 500ms;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .mega-menu #menu-mega .menu-item-has-children .sub-menu .menu-item-has-children {
    width: 90%;
    display: block;
    margin-top: 30px;
    cursor: pointer;
    transition: 1s ease;
  }
}
.mega-menu #menu-mega .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
  margin-top: -25px !important;
  overflow: hidden;
  visibility: hidden !important;
  opacity: 0;
  height: 1px;
  transition: 1s ease;
  position: absolute;
}
.mega-menu .sub-menu-mobile-display {
  margin-top: 24px;
  padding-left: 0;
  visibility: visible !important;
  transition: 1s ease;
  padding-left: 20px;
}
.mega-menu .sub-menu-mobile-display li {
  margin-bottom: 24px;
  list-style: none;
}
.mega-menu .sub-menu-mobile-display li a {
  color: #fff;
  font-size: 18px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif !important;
  text-decoration: none;
}
.mega-menu .footer-mega {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 0;
}
.mega-menu .footer-mega .icons-social {
  display: flex;
  align-items: center;
  gap: 12px;
}
.mega-menu .footer-mega .icons-social i::before {
  font-size: 16px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}
.mega-menu .footer-mega .icons-social a:hover i::before {
  color: #fff;
  font-weight: bold;
}
.mega-menu .footer-mega .menu {
  padding-top: 0;
  display: flex;
  gap: 24px;
  padding: 0;
  list-style: none;
  margin: 0;
  flex-wrap: wrap;
}
.mega-menu .footer-mega .menu li a {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-decoration: underline 3px transparent;
  transition: text-decoration-color 300ms;
}
.mega-menu .footer-mega .menu li a:hover {
  color: #fff;
  text-decoration-color: #fff;
}

.notification {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  padding: 24px;
  min-width: 260px;
  z-index: 99999999999;
}
.notification::before {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 15px 10px 0;
  border-color: transparent #fff transparent transparent;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
}
.notification h3 {
  color: #5E3253;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  line-height: 24px;
  margin: 0;
}
.notification p {
  color: #38393B;
  line-height: 24px;
  margin: 0;
  word-wrap: none;
}
.notification p::after {
  content: "\f560";
  font-family: "Font Awesome 6 Pro";
  margin-left: 5px;
}

.banner {
  height: 100vh;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
}
@media screen and (max-width: 768px) {
  .banner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.banner .text-banner {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 150px;
  flex-direction: column;
  padding-left: 20%;
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  .banner .text-banner {
    padding-bottom: 0;
  }
}
.banner .text-banner p {
  color: #fff;
  margin: 0;
}
.banner h4 {
  color: #fff;
  margin-bottom: 16px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
}
.banner h1 {
  z-index: 1;
  color: #fff;
}
.banner h1 p {
  margin-bottom: 0;
}
.banner .scroll {
  position: absolute;
  bottom: 25px;
  height: 50px;
  color: #fff;
  right: 21%;
  text-transform: uppercase;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  width: 200px;
  text-align: right;
  font-size: 11px;
  padding-right: 30px;
  z-index: 1;
}
.banner .scroll.scroll-left {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .banner .scroll {
    left: 15%;
  }
}
.banner .border-scroll {
  width: 1px;
  height: 75px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 20%;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 50%);
  background-position: 0 -73px;
  background-size: 100% 200%;
  animation: scrolldown-l 3s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
@media screen and (max-width: 768px) {
  .banner .border-scroll {
    left: 10%;
  }
}
@keyframes scrolldown-l {
  0% {
    background-position: 0 -73px;
  }
  75% {
    background-position: 0 0px;
  }
  100% {
    background-position: 0 75px;
  }
}
@media (max-width: 1430px) {
  .banner .text-banner {
    padding-left: 10%;
  }
}
@media (max-width: 1200px) {
  .banner .text-banner h1 {
    font-size: 58px;
  }
}
@media (max-width: 576px) {
  .banner .text-banner h1 {
    font-size: 38px;
  }
}

.banner-news,
.banner-products {
  height: 100vh;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
  color: #fff;
}
.banner-news > .cover,
.banner-products > .cover {
  position: absolute;
  inset: 0;
}
.banner-news > .cover::after,
.banner-products > .cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) );
}
.banner-news > .cover div,
.banner-news > .cover img,
.banner-news > .cover video,
.banner-products > .cover div,
.banner-products > .cover img,
.banner-products > .cover video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .banner-products {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 90px;
  }
}
.banner-products .headline {
  color: #fff;
}
.banner-products .headline p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 1000px) {
  .banner-products .headline p {
    font-size: 50px;
  }
}
@media (max-width: 500px) {
  .banner-products .headline p {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    font-size: 30px;
  }
}
.banner-products .body-text {
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}
.banner-products .body-text p {
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 500px) {
  .banner-products .body-text p {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}
.banner-products a {
  width: max-content;
}
.banner-products .arrows span {
  background: rgba(255, 255, 255, 0.2);
  border: none;
}
.banner-products .typology-container {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
  flex-wrap: wrap;
}
.banner-products .typology-container .typology {
  display: flex;
  align-items: center;
  gap: 8px;
}
.banner-products .typology-container .typology .icon {
  width: 48px;
  height: 48px;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
}
.banner-products .typology-container .typology span {
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}
.banner-products .text-banner {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 150px;
  flex-direction: column;
  padding-left: 20%;
  padding-right: 0;
}
@media (max-width: 1430px) {
  .banner-products .text-banner {
    padding-left: 10%;
  }
}
@media (max-height: 780px) {
  .banner-products .text-banner {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .banner-products .text-banner {
    padding-bottom: 0;
    padding-right: 10%;
  }
}
.banner-products .text-banner .breadcrumb p {
  color: #fff;
  font-size: 18px;
  margin: 0;
}
.banner-products .btn-purple {
  text-decoration: none;
  width: max-content;
  background: #5E3253;
  border-radius: 40px;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  margin-top: 24px;
  color: #FFFFFF;
  border: none;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  padding: 15px 20px;
}

.banner-news {
  height: 100vh;
}
.banner-news .slider-banner-news .slider-content {
  height: 100vh;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
}
@media screen and (max-width: 768px) {
  .banner-news .slider-banner-news .slider-content {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.banner-news .slider-banner-news .slider-content .text-banner {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 150px;
  flex-direction: column;
  padding-left: 20%;
  padding-right: 20%;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .banner-news .slider-banner-news .slider-content .text-banner {
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1200px) {
  .banner-news .slider-banner-news .slider-content .text-banner {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 50px;
  }
}
@media screen and (max-height: 750px) {
  .banner-news .slider-banner-news .slider-content .text-banner {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 50px;
  }
}
.banner-news .slider-banner-news .slider-content h4 {
  color: #fff;
  margin-bottom: 16px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
}
.banner-news .slider-banner-news .slider-content h1 {
  z-index: 1;
}
.banner-news .slider-banner-news .slider-content h1 a {
  color: #fff;
  text-decoration: underline 5px transparent;
  transition: text-decoration-color 300ms;
}
.banner-news .slider-banner-news .slider-content h1 a:hover {
  text-decoration-color: #fff;
}
.banner-news .slider-banner-news .slider-content h1 a p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.banner-news .slider-banner-news .slider-content .arrows span {
  transition: all 0.4s ease 0s;
}
.banner-news .slider-banner-news .slider-content .arrows span:hover {
  background-color: #fff;
}
.banner-news .slider-banner-news .slider-content .arrows span:hover::before {
  color: #38393B;
}
.banner-news .slider-banner-news .slider-content .btn-link {
  margin-top: 24px;
  background: #5E3253;
  border-radius: 40px;
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  padding: 15px 20px;
  width: max-content;
  line-height: 16px;
  transition: all 0.4s ease 0s;
}
.banner-news .slider-banner-news .slider-content .btn-link:hover {
  background-color: #fff;
  color: #38393B;
}

.banner-products-type {
  padding-top: 18vh;
  padding-bottom: 10vh;
  overflow: hidden;
}
.banner-products-type .owl-carousel {
  padding: 0;
}
.banner-products-type .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
  width: 100%;
  height: 350px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.banner-products-type .footer-note-div .footer-note {
  margin-top: 40px;
  text-align: right;
}
.banner-products-type .footer-note-div .footer-note p {
  float: right;
  padding-right: 60px;
  color: #5E3253;
  text-transform: uppercase;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 11px;
  position: relative;
}
.banner-products-type .footer-note-div .footer-note p:after {
  content: "";
  width: 80px;
  height: 1px;
  background-color: #5E3253;
  position: absolute;
  right: -40px;
  top: 5px;
}
.banner-products-type h1 {
  margin-top: 40px;
  font-size: 70px;
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  line-height: 76px;
}
@media screen and (max-width: 1200px) {
  .banner-products-type h1 {
    font-size: 58px;
    line-height: 66px;
  }
}
@media screen and (max-width: 576px) {
  .banner-products-type h1 {
    font-size: 38px;
    line-height: 46px;
  }
}
.banner-products-type h1 b {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.banner-products-type .typology-subtitle {
  font-size: 30px;
  line-height: normal;
  margin: 0;
}
@media screen and (max-width: 576px) {
  .banner-products-type .typology-subtitle {
    font-size: 20px;
    line-height: normal;
  }
}

.taxonomy-lines .banner-products-type {
  padding-top: 0vh;
  padding-bottom: 10vh;
}
.banner-home .owl-banner-home {
  padding-top: 40px;
}
.banner-home .owl-banner-home .banner-home {
  max-height: 100vh;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-home .owl-banner-home .banner-home video {
  width: 100vw;
  height: auto;
  display: block;
}
.banner-home .owl-banner-home .banner-home .mobile-only {
  display: none;
}
.banner-home .owl-banner-home .banner-home .img-banner {
  height: 100vh;
  object-fit: cover;
  object-position: center;
}
@media screen and (max-width: 1000px) {
  .banner-home .owl-banner-home .banner-home .mobile-only {
    display: block;
  }
  .banner-home .owl-banner-home .banner-home .wrap_svl_center {
    display: none;
  }
}
.banner-home .owl-banner-home .banner-home .background-darker {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
}
@media screen and (max-width: 768px) {
  .banner-home .owl-banner-home .banner-home .background-darker {
    justify-content: center;
  }
}
.banner-home .owl-banner-home .banner-home .background-darker .text-banner {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 120px;
  flex-direction: column;
  padding-left: 20%;
  padding-right: 0;
}
@media (max-width: 1430px) {
  .banner-home .owl-banner-home .banner-home .background-darker .text-banner {
    padding-left: 10%;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .banner-home .owl-banner-home .banner-home .background-darker .text-banner {
    padding-bottom: 20px;
    padding-right: 10%;
  }
}
.banner-home .owl-banner-home .banner-home .background-darker .headline {
  color: #fff;
  font-size: 64px;
  line-height: 1.1;
}
.banner-home .owl-banner-home .banner-home .background-darker .headline-a {
  color: #fff;
  text-decoration: underline 5px transparent;
  transition: text-decoration-color 300ms;
}
.banner-home .owl-banner-home .banner-home .background-darker .headline-a:hover {
  text-decoration-color: #fff;
}
@media (max-width: 1430px) {
  .banner-home .owl-banner-home .banner-home .background-darker .headline {
    font-size: 50px;
  }
}
@media screen and (max-width: 768px) {
  .banner-home .owl-banner-home .banner-home .background-darker .headline {
    font-size: 30px;
  }
}
.banner-home .owl-banner-home .banner-home .background-darker .body-text {
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}
.banner-home .owl-banner-home .banner-home .background-darker .body-text p {
  margin: 0;
}
.banner-home .owl-banner-home .banner-home .background-darker .arrows span {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  transition: all 0.4s ease 0s;
}
.banner-home .owl-banner-home .banner-home .background-darker .arrows span:hover {
  background-color: #fff;
}
.banner-home .owl-banner-home .banner-home .background-darker .arrows span:hover::before {
  color: #38393B;
}
.banner-home .owl-banner-home .banner-home .wrap_svl_center {
  height: 100%;
}
.banner-home .owl-banner-home .banner-home .wrap_svl_center .wrap_svl_center_box {
  height: 100%;
  width: 100%;
  display: block;
}
.banner-home .owl-banner-home .banner-home .wrap_svl_center .wrap_svl_center_box .wrap_svl {
  height: 100%;
  width: 100%;
}
.banner-home .owl-banner-home .banner-home .wrap_svl_center .wrap_svl_center_box .wrap_svl .images_wrap {
  height: 100%;
  width: 100%;
}
.banner-home .owl-banner-home .banner-home .wrap_svl_center .wrap_svl_center_box .wrap_svl .images_wrap img {
  height: 100%;
}

.banner-products-heigth {
  min-height: 100vh;
  background-color: rgb(237, 237, 237);
}

.title-text-image {
  padding-top: 8vh;
  padding-bottom: 16vh;
  background-color: #fff;
  background-position: top left;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  position: relative;
}
.title-text-image #g-image,
.title-text-image #g-image-brand,
.title-text-image img {
  min-height: 424px;
}
@media screen and (max-width: 768px) {
  .title-text-image #g-image,
  .title-text-image #g-image-brand,
  .title-text-image img {
    min-height: 312px;
    margin: 30px 0;
  }
}
.title-text-image img {
  width: 100%;
}
.title-text-image .footer-note {
  margin-bottom: 55px;
}
.title-text-image .footer-note p {
  padding-left: 24px;
  color: #5E3253;
  text-transform: uppercase;
  width: 200px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 12px;
  margin: 0;
}
.title-text-image .footer-note .border-scroll {
  width: 1px;
  height: 75px;
  margin-top: -15px;
  display: block;
  position: absolute;
  background: linear-gradient(to bottom, #5E3253 50%, rgba(94, 50, 83, 0) 50%);
  background-position: 0 -73px;
  background-size: 100% 200%;
  animation: scrolldown-lg 3s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
.title-text-image .healdine p {
  color: #5E3253;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 80px;
}
@media (max-width: 1000px) {
  .title-text-image .healdine p {
    font-size: 50px;
  }
}
.title-text-image .healdine strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.title-text-image .body-text {
  font-size: 16px;
  color: #38393B;
  line-height: 24px;
}
.title-text-image .title-row {
  display: flex;
  align-items: center;
}

.title-changing-text-image {
  padding-top: 18vh;
  padding-bottom: 100px;
  background-color: #5E3253;
  background-position: right;
  background-repeat: no-repeat;
  position: relative;
}
.title-changing-text-image .healdine {
  color: #fff;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 80px;
  margin: 0;
  line-height: 85px;
}
@media (max-width: 576px) {
  .title-changing-text-image .healdine {
    font-size: 50px;
    line-height: 50px;
  }
}
.title-changing-text-image .headline-before {
  color: rgba(255, 255, 255, 0.6);
}
.title-changing-text-image .title-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
}
.title-changing-text-image .changing-text-container {
  height: 85px;
}
@media (max-width: 576px) {
  .title-changing-text-image .changing-text-container {
    height: 50px;
  }
}
.title-changing-text-image .changing-text-mobile {
  display: none !important;
}
.title-changing-text-image .body-text {
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  margin-top: 60px;
}
.title-changing-text-image .body-text p {
  margin: 0;
}

.background-blender {
  background: linear-gradient(180deg, #5E3253 6.06%, rgba(94, 50, 83, 0.385321) 69.85%, rgba(94, 50, 83, 0) 100%);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.services {
  position: relative;
  padding-top: 40px;
  padding-bottom: 12vh;
  background-color: #fff;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-blend-mode: multiply;
  position: relative;
}
.services .note {
  position: relative;
  padding-left: 45px;
}
@media (max-width: 768px) {
  .services .note {
    padding-left: 0;
  }
}
.services .note p {
  padding-left: 28px;
  color: #fff;
  text-transform: uppercase;
  width: 200px;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 12px;
  height: 50px;
  margin-bottom: 0;
}
.services .border-scroll {
  width: 1px;
  height: 50px;
  display: block;
  position: absolute;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 50%);
  background-position: 0 -80px;
  background-size: 100% 200%;
  animation: scrolldown 3s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
.services .service-content {
  max-width: 633px;
  height: 572px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.services .service-content.active {
  display: block;
}
.services .carousel-indicators {
  position: relative;
  right: auto;
  bottom: auto;
  left: 0;
  z-index: 2;
  display: block;
  justify-content: normal;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
  list-style: none;
  max-width: 460px;
  width: 100%;
  padding-top: 3vh;
}
.services .carousel-indicators li {
  -webkit-transition: color 0.1s, font-size 0.1s;
  -moz-transition: color 0.1s, font-size 0.1s;
  -o-transition: color 0.1s, font-size 0.1s;
  transition: color 0.1s, font-size 0.1s;
  width: auto;
  height: auto;
  text-indent: 0;
  display: block;
  background: none;
  border: none;
  font-size: 24px !important;
  color: #fff !important;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif !important;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-top: 24px;
  position: relative;
  opacity: 0.6;
}
.services .carousel-indicators li.active {
  opacity: 1;
}
.services .carousel-indicators li.active::before {
  content: "";
  border-bottom: 1px solid #fff;
  width: 280px;
  position: absolute;
  bottom: -1px;
  left: -280px;
}
.services .carousel-indicators li:first-child {
  margin-top: 0;
}
.services .carousel-indicators li p {
  padding-left: 40px;
}
.services .carousel-indicators li .text-indicator {
  display: none;
}
.services .carousel-indicators li .text-indicator p {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 16px;
}
.services .carousel-indicators li .text-indicator.show {
  display: block;
}
.services .carousel-inner {
  min-height: 572px;
}
.services .img-accordion {
  display: none;
}
.services .img-accordion.active {
  display: block;
}
.services .active .img-accordion {
  display: block;
}
.services .img-accordion {
  margin-top: 2vh;
  max-width: 100%;
}
.services .title-indicator {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .services .carousel-indicators li p {
    padding-left: 10px;
  }
  .services .carousel-indicators li,
  .services .carousel-indicators li.active {
    font-size: 24px !important;
  }
}
@media (max-width: 576px) {
  .services .carousel-inner {
    display: none;
  }
  .services .carousel-indicators li,
  .services .carousel-indicators li.active {
    font-size: 18px !important;
  }
  .services .text-indicator p {
    font-size: 14px !important;
  }
  .services .img-accordion {
    width: 100%;
  }
  .services .carousel-indicators li.active::before {
    display: none;
  }
  .services .service-content.active {
    display: none;
  }
}

.missao_e_visao {
  position: relative;
  padding-top: 16vh;
  padding-bottom: 42vh;
  background-color: rgba(237, 237, 237, 0.5);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
}
@media (max-width: 1600px) {
  .missao_e_visao {
    background-position: bottom right;
    padding-bottom: 60vh;
  }
}
@media (max-width: 768px) {
  .missao_e_visao {
    padding-bottom: 30vh;
  }
}
.missao_e_visao .animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.missao_e_visao .m-width {
  position: relative;
}
.missao_e_visao .note {
  position: relative;
  margin-bottom: 32px;
}
.missao_e_visao .note p {
  padding-left: 28px;
  color: #5E3253;
  text-transform: uppercase;
  width: 200px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 12px;
  height: 50px;
  margin-bottom: 0;
}
.missao_e_visao .border-scroll {
  width: 1px;
  height: 50px;
  margin-top: -22px;
  display: block;
  position: absolute;
  background: linear-gradient(to bottom, #5E3253 50%, rgba(94, 50, 83, 0) 50%);
  background-position: 0 -80px;
  background-size: 100% 200%;
  animation: scrolldown 3s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
.missao_e_visao .description-container {
  padding: 45px 45px 22px 45px;
}
@media screen and (max-width: 767px) {
  .missao_e_visao .description-container {
    padding: 25px 25px 22px 25px;
  }
}
@media screen and (max-width: 992px) {
  .missao_e_visao .row .col-12:last-child {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 50px;
  }
}
.missao_e_visao .description-container.left {
  padding: 22px 45px 0 45px;
}
@media screen and (max-width: 767px) {
  .missao_e_visao .description-container.left {
    padding: 25px 25px 22px 25px;
  }
}
.missao_e_visao .description-container.right .note {
  margin-bottom: 0;
  margin-top: 32px;
  transform: translateY(42px);
}
.missao_e_visao .description-container.right .border-scroll {
  width: 1px;
  height: 50px;
  display: block;
  position: absolute;
  background: linear-gradient(to bottom, #5E3253 50%, rgba(94, 50, 83, 0) 50%);
  background-position: 0 80px;
  background-size: 100% 200%;
  animation: scrolldown 3s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
.missao_e_visao .subtitle_missao_visao {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  margin-bottom: 12px;
  color: #38393B;
}
.missao_e_visao .subtitle_missao_visao p {
  margin: 0;
}
.missao_e_visao .subtitle_missao_visao strong {
  color: #5E3253;
}
.missao_e_visao .text_missao_visao p {
  margin: 0;
}
.missao_e_visao img {
  max-width: 547px;
}
.missao_e_visao .healdine {
  padding-top: 25vh;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 80px;
  color: #5E3253;
}
.missao_e_visao .healdine strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
@media screen and (max-width: 768px) {
  .missao_e_visao .healdine {
    padding-top: 10vh;
    font-size: 50px;
  }
}
@media screen and (max-width: 400px) {
  .missao_e_visao .healdine {
    font-size: 35px;
  }
}

.numbers-container {
  padding-top: 16vh;
  padding-bottom: 16vh;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  color: #38393B;
  gap: 80px 0;
}
@media screen and (max-width: 768px) {
  .numbers-container {
    padding-top: 10vh;
    padding-bottom: 10vh;
  }
}
@media (max-width: 1200px) {
  .numbers-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .numbers-container {
    grid-template-columns: 1fr;
  }
}
.numbers-container .numbers {
  text-align: center;
}
.numbers-container .numbers .numbers-number {
  font-size: 66px;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
@media (max-width: 768px) {
  .numbers-container .numbers .numbers-number {
    grid-template-columns: 1fr;
  }
}
.numbers-container .numbers .numbers-text {
  font-size: 24px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
}

.title-text-video-animation {
  padding-top: 12vh;
  padding-bottom: 8vh;
  background-color: #3F3F3F;
  background-position: top left;
  background-repeat: no-repeat;
  position: relative;
}
.title-text-video-animation #g-image,
.title-text-video-animation #g-image-brand,
.title-text-video-animation img {
  min-height: 424px;
}
@media screen and (max-width: 768px) {
  .title-text-video-animation #g-image,
  .title-text-video-animation #g-image-brand,
  .title-text-video-animation img {
    min-height: 312px;
    margin: 30px 0;
  }
}
.title-text-video-animation img {
  width: 100%;
}
.title-text-video-animation .note {
  margin-bottom: 55px;
}
.title-text-video-animation .note p {
  padding-left: 24px;
  color: #fff;
  text-transform: uppercase;
  width: 200px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 12px;
  margin: 0;
}
.title-text-video-animation .note .border-scroll {
  width: 1px;
  height: 75px;
  margin-top: -15px;
  display: block;
  position: absolute;
  background: linear-gradient(to bottom, #fff 50%, rgba(94, 50, 83, 0) 50%);
  background-position: 0 -73px;
  background-size: 100% 200%;
  animation: scrolldown-lg 3s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
.title-text-video-animation .healdine p {
  color: rgba(255, 255, 255, 0.6);
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 80px;
}
@media (max-width: 1000px) {
  .title-text-video-animation .healdine p {
    font-size: 50px;
  }
}
.title-text-video-animation .healdine strong {
  color: #fff;
}
.title-text-video-animation .title-row {
  display: flex;
  align-items: center;
}
.title-text-video-animation .body-text {
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
}
.title-text-video-animation .txt-left-side {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  margin-bottom: 0;
}
.title-text-video-animation .txt-right-side {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
}
.title-text-video-animation .btn-row {
  margin-top: 40px;
}
@media screen and (max-width: 576px) {
  .title-text-video-animation .btn-row {
    text-align: center;
  }
}

.video-container-animation {
  padding-bottom: 16vh;
  background-color: #3F3F3F;
  background-position: bottom right;
  background-size: 320px;
  background-repeat: no-repeat;
  position: relative;
}
@media screen and (max-width: 992px) {
  .video-container-animation iframe {
    height: 500px !important;
  }
}

.news {
  padding-top: 18vh;
  padding-bottom: 25vh;
  position: relative;
  overflow: hidden;
}
.news .category ul {
  padding-left: 0;
}
.news .category li {
  list-style: none;
}
.news .category {
  color: #38393B;
  border: none;
  padding: 0;
  font-size: 14px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  margin-bottom: 24px;
}
.news .btn-new {
  margin-top: auto;
  padding: 0;
  display: flex;
  align-items: center;
}
.news .btn-new a {
  padding: 0;
  margin: 0;
  border: none;
}
.news .owl-item {
  display: flex;
}
.news h3 {
  margin-bottom: 8px;
  line-height: 1.33;
}
.news h3 a {
  color: #38393B;
  text-decoration: underline 3px transparent;
  transition: text-decoration-color 300ms;
}
.news h3:hover a {
  text-decoration-color: #38393B;
}
.news h4 {
  font-size: 24px;
}
.news .text-body {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 16px;
}
.news .text-body a {
  text-decoration: none;
  color: #38393B;
}
.news .date {
  color: rgba(56, 57, 59, 0.5);
  font-size: 14px;
}
.news .slider-news {
  margin-top: 6vh;
}
.news .card {
  border: none;
  width: 100%;
  transition: all 1s ease-in-out;
  overflow: hidden;
}
.news .image-card {
  height: 300px;
  width: 100%;
  overflow: hidden;
}
.news .card-img-top {
  width: 100% !important;
  height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news .arrow {
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50px;
  border: solid 1px rgba(56, 57, 59, 0.2);
  display: flex;
  align-items: center;
}
.news .btn {
  padding: 0;
  font-size: 16px;
}
.news .btn:hover {
  color: #38393B;
}
.news .btn:focus {
  box-shadow: none;
  outline: none;
}
.news .btn .icon {
  margin: auto;
  font-size: 16px;
  border: 1px solid rgba(56, 57, 59, 0.2);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  align-items: center;
  display: inline-grid;
  vertical-align: middle;
  transition: all 0.4s ease 0s;
}
.news .btn .icon .lnr::before {
  color: #38393B;
}
.news .arrow span {
  display: inline;
}
.news .read-more {
  padding-left: 16px;
  color: #38393B;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  text-decoration: underline 3px transparent;
  transition: text-decoration-color 300ms;
}
.news .owl-carousel:before {
  content: "";
  position: absolute;
  width: 28%;
  height: 105%;
  top: -20px;
  left: -29%;
  z-index: 1;
}
.news .read-more {
  padding-left: 16px;
}
.news .btn-new:hover .btn .icon {
  background-color: #38393B;
}
.news .btn-new:hover .btn .icon .lnr::before {
  color: #fff;
}
.news .btn-new:hover .btn .read-more {
  text-decoration-color: #38393B;
}
.news .footer-note {
  height: 620px;
  width: 20%;
  display: grid;
  cursor: pointer;
  z-index: 9;
}
.news .footer-note p {
  float: none !important;
  padding-right: 0px;
  color: #b0b5b9;
  text-transform: uppercase;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 11px;
  position: relative;
  text-align: center;
  order: 2;
}
.news .footer-note-arrows {
  margin-top: 125px;
  justify-content: center;
  order: 1;
}
.news .footer-note-arrows img {
  transform: rotate(180deg);
  width: 65px;
  display: flex;
  animation-name: arrows-animation;
  animation-duration: 1s;
  opacity: 0;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.news .footer-note-arrows .arrow-delay {
  animation-name: arrows-delayed-animation;
  animation-duration: 1s;
  opacity: 1;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
@keyframes arrows-animation {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes arrows-delayed-animation {
  0% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.news .footer-note-mobile {
  display: none;
}
@media (max-width: 768px) {
  .news .footer-note {
    display: none !important;
  }
  .news .text-end {
    text-align: -webkit-right !important;
  }
  .news .text-end a {
    text-decoration: none;
  }
  .news .text-end .btn-black {
    display: block;
  }
  .news .footer-note-mobile {
    display: block;
    margin-bottom: 8vh;
  }
  .news .footer-note-mobile p {
    float: right;
    padding-right: 0;
    color: #b0b5b9;
    text-transform: uppercase;
    font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
    font-size: 11px;
    position: relative;
    width: 160px;
    right: 55px;
  }
  .news .footer-note-mobile p:after {
    content: "";
    width: 110px;
    height: 1px;
    background-color: #b0b5b9;
    position: absolute;
    right: -90px;
    top: 5px;
  }
}
.news .owl-carousel {
  padding: 0;
  max-width: 1156px;
  margin: auto;
  width: 70%;
}
.news .owl-carousel .owl-stage-outer {
  overflow: initial;
}
.news .top-news {
  margin-bottom: 4vh;
}
@media (max-width: 576px) {
  .news {
    padding-top: 12vh;
    padding-bottom: 16vh;
  }
  .news .top-news {
    padding: 0;
  }
  .news .footer-note p:after {
    width: 90px;
  }
  .news .card {
    padding-right: 5%;
  }
}

@media (max-width: 768px) {
  .archive-posts .load-more {
    display: none !important;
  }
}
.link-image {
  padding: 0;
}

.archive-posts .imagecontainer-cards {
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 280px;
}
.archive-posts .imagecontainer-cards:hover .card-img-top {
  transition: all 1s ease-in-out;
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1.1, 1.1);
}

.imagecontainer-cards {
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 280px;
}

.imagecontainer-cards:hover .card-img-top {
  transition: all 1s ease-in-out;
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1.1, 1.1);
}

.single-post-news {
  background: #fff;
}
.single-post-news .news {
  padding-bottom: 25vh;
}
.single-post-news .news .card {
  background-color: transparent;
}

.pre-footer {
  padding-top: 83px;
  padding-bottom: 129px;
  z-index: 999;
  background-repeat: no-repeat;
  position: relative;
}
.pre-footer .background-color-overlay {
  background-color: rgba(94, 50, 83, 0.85);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pre-footer h4 {
  color: #fff;
  opacity: 0.5;
  margin-bottom: 37px;
  font-size: 17px;
}
.pre-footer .note {
  position: relative;
}
.pre-footer .note p {
  padding-left: 28px;
  color: #fff;
  text-transform: uppercase;
  width: 200px;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 12px;
  height: 50px;
  margin-bottom: 0;
}
.pre-footer .border-scroll {
  width: 1px;
  height: 50px;
  margin-top: -15px;
  display: block;
  position: absolute;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 50%);
  background-position: 0 -80px;
  background-size: 100% 200%;
  animation: scrolldown 3s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
.pre-footer h2 {
  color: #fff;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
}
.pre-footer h2 p {
  margin: 0;
}
.pre-footer h2 p strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.pre-footer a {
  padding: 0;
  border: none;
  text-decoration: none;
  color: #fff;
  display: inline-block;
  margin-left: 15px;
}
.pre-footer .btn {
  padding: 0;
}
.pre-footer .btn .icon {
  margin: auto;
  font-size: 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  align-items: center;
  display: inline-grid;
  vertical-align: middle;
  color: #fff;
  transition: all 0.4s ease 0s;
}
.pre-footer .question {
  margin-bottom: 0;
}
.pre-footer .question:hover .btn .icon {
  background-color: #fff;
}
.pre-footer .question:hover .btn .icon .lnr::before {
  color: #38393B;
}
.pre-footer a h2 {
  color: #fff;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  text-decoration: underline;
  display: inline;
}
.pre-footer .row {
  display: flex;
  align-items: center;
  position: relative;
}
.pre-footer .right-side {
  text-align: right;
  margin-top: -200px;
  z-index: 1;
}
.pre-footer img {
  width: 440px;
  height: 480px;
  object-fit: cover;
}
@media (max-width: 576px) {
  .pre-footer {
    padding: 10vh 0;
  }
}
@media (max-width: 992px) {
  .pre-footer {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pre-footer img {
    width: 250px;
    height: 250px;
  }
  .pre-footer .question,
  .pre-footer a h2 {
    font-size: 24px;
  }
  .pre-footer .right-side {
    margin-top: -300px;
  }
}
@media (max-width: 768px) {
  .pre-footer {
    padding-top: 220px;
    padding-bottom: 80px;
  }
  .pre-footer .left-side {
    order: 2;
  }
  .pre-footer .right-side {
    margin-top: -230px;
    text-align: left;
    margin-bottom: 30px;
    order: 1;
  }
}

.floating-container {
  position: fixed;
  z-index: 999999999;
  bottom: 26px;
  right: 34px;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 768px) {
  .floating-container {
    right: 4%;
  }
}
.floating-container .menu-vertical-side-menu-container {
  text-align: center;
}
.floating-container .menu-vertical-side-menu-container .menu {
  padding: 0;
  list-style: none;
  margin: 0;
}
.floating-container .menu-vertical-side-menu-container .menu li {
  transition: all 0.4s ease 0s;
  background-color: rgba(223, 222, 223, 0.8);
}
.floating-container .menu-vertical-side-menu-container .menu li:hover {
  background-color: #fff;
}
.floating-container .menu-vertical-side-menu-container .menu li:first-child {
  margin-top: 0;
  padding-top: 20px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  padding-bottom: 10px;
}
.floating-container .menu-vertical-side-menu-container .menu li:last-child {
  padding-bottom: 20px;
  padding-top: 10px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}
.floating-container .menu-vertical-side-menu-container .menu li a {
  display: block;
}
.floating-container .btn-download {
  text-align: center;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 14px;
  text-decoration: none;
  border-radius: 40px;
  padding: 19px 0 18px 0;
  transition: all 0.4s ease 0s;
  background-color: rgba(223, 222, 223, 0.8);
  border: none;
  outline: none;
  align-items: center;
  width: 40px;
}
.floating-container .btn-download a {
  text-decoration: none;
}
.floating-container .btn-download #icon-phone {
  width: 20px;
  margin-top: 14px;
}
@media screen and (max-width: 768px) {
  .floating-container .btn-download #icon-phone {
    margin-bottom: 0;
    display: inline-block;
  }
}
.floating-container .btn-download #icon-catalog {
  width: 20px;
  margin: auto;
  margin-bottom: 14px;
  display: block;
}
@media screen and (max-width: 768px) {
  .floating-container .btn-download #icon-catalog {
    margin-bottom: 0;
    display: inline-block;
  }
}
.floating-container .btn-download #icon-btn {
  margin-left: 0;
  border: 0;
}
.floating-container .btn-download .txt-btn {
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.65px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  grid-area: scroll;
  justify-self: center;
  padding: 0;
  padding-top: 13px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .floating-container .btn-download .txt-btn {
    writing-mode: initial;
    transform: rotate(0);
    padding-top: 0;
    padding-right: 13px;
    margin-right: 13px;
    border-top: none;
    border-right: 1px solid #e5e5e5;
  }
}
.floating-container .btn-download .txt-btn-contact {
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.65px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  grid-area: scroll;
  justify-self: center;
  padding: 0;
  padding-bottom: 13px;
  margin-left: auto;
  margin-right: auto;
}
.floating-container .btn-download .download-catalog .txt-btn {
  display: none;
  height: 0;
}
@media screen and (max-width: 768px) {
  .floating-container .btn-download .download-catalog .txt-btn {
    display: inline-block;
    height: auto;
  }
}
.floating-container .btn-download .download-catalog:hover > .txt-btn {
  height: auto;
  display: block;
  transition: all 0.2s ease-in-out;
}
.floating-container .btn-download .contact-btn .txt-btn-contact {
  display: none;
  height: 0;
}
.floating-container .btn-download .contact-btn:hover .txt-btn-contact {
  height: auto;
  display: block;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 768px) {
  .floating-container .btn-download .contact-btn:hover .txt-btn-contact {
    display: none;
  }
}
.floating-container .btn-message {
  background-color: rgba(94, 50, 83, 0.8);
  border-radius: 40px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  color: #fff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.floating-container .btn-message a {
  text-decoration: none;
}
.floating-container .btn-top {
  background-color: rgba(237, 237, 237, 0.8);
  border-radius: 40px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer {
  background: #EDEDED 0% 0% no-repeat padding-box;
  color: #fff;
  padding-top: 40px;
  background-size: cover;
  background-position: center;
  background-blend-mode: color;
  z-index: 999;
  position: relative;
  padding-bottom: 30px;
}
footer a {
  color: rgba(0, 0, 0, 0.5);
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 16px;
  text-decoration: none;
  border-radius: 0;
  border-style: none;
  border-width: 0;
  padding: 0;
}
footer .menu-footer {
  padding-bottom: 8vh;
  text-align: center;
  justify-content: center;
}
footer .menu-footer .menu-footer-menu-container {
  display: inline-block;
  width: auto;
  margin: auto;
}
footer .menu-footer .menu-footer-menu-container ul {
  padding-left: 0;
}
footer .menu-footer .menu-footer-menu-container ul li {
  list-style: none;
  display: inline-block;
  padding: 0 20px;
}
footer .menu-footer .menu-footer-menu-container ul li a:hover {
  color: #38393B;
  font-weight: bold;
}
footer .widget-footer {
  color: #38393B;
  text-align: left;
}
footer .widget-footer h2 {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 20px;
}
footer .widget-footer p {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 24px;
  line-height: 31px;
  margin: 0;
}
footer .widget-footer .icons-social {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 40px;
}
footer .newsletter-form {
  margin-bottom: 30px;
}
footer .newsletter-form h2 {
  text-align: center;
}
footer .newsletter-form form .form-item {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 40px;
  padding: 15px 22px;
  padding-right: 0;
  display: flex;
}
footer .newsletter-form form .form-item input[type=email] {
  background: transparent;
  border: none;
  width: 100%;
}
footer .newsletter-form form .form-item input[type=email]:focus-visible {
  outline: none;
}
footer .newsletter-form form .form-item input[type=submit] {
  background-image: url('data:image/svg+xml,<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.375 7.34375L8.375 12.8438C8.27083 12.9479 8.14583 13 8 13C7.875 13 7.76042 12.9583 7.65625 12.875C7.40625 12.6458 7.39583 12.4062 7.625 12.1562L11.875 7.5H0.5C0.354167 7.5 0.229167 7.45833 0.125 7.375C0.0416667 7.27083 0 7.14583 0 7C0 6.85417 0.0416667 6.73958 0.125 6.65625C0.229167 6.55208 0.354167 6.5 0.5 6.5H11.875L7.625 1.84375C7.39583 1.59375 7.40625 1.35417 7.65625 1.125C7.90625 0.895833 8.14583 0.90625 8.375 1.15625L13.375 6.65625C13.5833 6.88542 13.5833 7.11458 13.375 7.34375Z" fill="black"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  background-color: transparent;
  border: none;
  background-size: contain;
  height: 100%;
  width: 50px;
  background-size: 50px 21px;
}
footer .final-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 86px;
}
footer .final-footer p {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  margin: 0;
}
footer .final-footer .custom-logo img {
  height: 40px;
}

.title-text-video {
  padding-top: 12vh;
  padding-bottom: 8vh;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right center;
  position: relative;
}
.title-text-video .note {
  margin-bottom: 55px;
}
.title-text-video .note p {
  padding-left: 24px;
  color: #5E3253;
  text-transform: uppercase;
  width: 200px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 12px;
  margin: 0;
}
.title-text-video .note .border-scroll {
  width: 1px;
  height: 75px;
  margin-top: -15px;
  display: block;
  position: absolute;
  background: linear-gradient(to bottom, #5E3253 50%, rgba(94, 50, 83, 0) 50%);
  background-position: 0 -73px;
  background-size: 100% 200%;
  animation: scrolldown-lg 3s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
.title-text-video .healdine {
  margin-bottom: 60px;
}
.title-text-video .healdine p {
  color: #5E3253;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 80px;
  margin: 0;
}
@media (max-width: 1000px) {
  .title-text-video .healdine p {
    font-size: 50px;
  }
}
.title-text-video .healdine strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.title-text-video .title-row {
  display: flex;
  align-items: center;
}
.title-text-video .body-text {
  font-size: 16px;
  color: #38393B;
  line-height: 1.5;
}
.title-text-video .txt-left-side {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  margin-bottom: 0;
}
.title-text-video .txt-right-side {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
}
.title-text-video .btn-row {
  margin-top: 40px;
}
@media (max-width: 576px) {
  .title-text-video .btn-row {
    text-align: center;
  }
}

.video-container {
  padding-bottom: 16vh;
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 992px) {
  .video-container iframe {
    height: 500px !important;
  }
}

.procedures {
  background-color: #fff;
  padding-top: 14vh;
  padding-bottom: 16vh;
  background-position: bottom left;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.procedures h1 {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
}
.procedures h1 strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.procedures h2 {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.procedures #procedures {
  margin: 6vh auto 3vh auto;
  width: 260px;
  height: 58px;
  background-color: transparent;
  border-radius: 50px;
  padding: 0 30px;
}
.procedures .footer-note {
  position: absolute;
  right: 40px;
}
.procedures .footer-note p {
  color: #5E3253;
  text-transform: uppercase !important;
  font-size: 11px !important;
}
.procedures .footer-note:after {
  content: "";
  width: 80px;
  height: 1px;
  background-color: #5E3253;
  position: absolute;
  right: -70px;
  top: 5px;
}
.procedures .procedures-item {
  padding: 40px;
  color: #fff;
}
.procedures .btn-row {
  margin-top: 40px;
}
.procedures select:focus {
  outline: none;
}
.procedures button {
  height: 40px;
  padding: 11px 32px 40px 32px;
  align-items: center;
  text-align: left;
  border: 1px solid #ededed;
  background-color: transparent;
  border-radius: 50px;
}
.procedures button.btn-video:before {
  content: "\e825";
  margin-top: 3px;
  margin-right: 16px;
  font-size: 16px;
  font-family: "Linearicons-Free";
  margin-bottom: 7px;
}
.procedures button.close {
  top: 70px;
  position: absolute;
  left: 40px;
  padding: 30px;
  height: auto;
  color: white;
}
.procedures button.close span {
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.procedures .footer-note {
  margin-top: 40px;
  text-align: right;
}
.procedures .footer-note p {
  float: right;
  padding-right: 28px;
  color: #5E3253;
  text-transform: uppercase;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 11px;
}
.procedures .procedures-item {
  min-height: 630px;
}
.procedures .footer-note-div-mobile {
  display: none;
  position: absolute;
  right: 50px;
  top: auto;
}
.procedures .footer-note-mobile {
  text-align: right;
}
.procedures .footer-note-mobile p {
  float: right;
  padding-right: 28px;
  color: #5E3253;
  text-transform: uppercase;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 11px;
}
.procedures .footer-note-mobile p:after {
  content: "";
  width: 80px;
  height: 1px;
  background-color: #5E3253;
  position: absolute;
  right: -70px;
  top: 5px;
}
.procedures .procedures-list {
  margin-top: 8vh;
  max-width: 1156px;
  padding: 0;
}
.procedures .owl-carousel {
  margin: auto;
}
.procedures .owl-stage {
  margin-top: 8vh;
}
.procedures .owl-stage-outer {
  overflow: initial;
}
@media (max-width: 768px) {
  .procedures button {
    height: 40px;
    padding: 26px 32px 24px 32px;
    display: flex;
    align-items: center;
  }
  .procedures .footer-note-div {
    display: none;
  }
  .procedures .footer-note-div-mobile {
    display: block;
  }
}
@media (max-width: 576px) {
  .procedures .btn-video:before {
    display: none !important;
  }
  .procedures .title-row {
    padding-left: 10%;
    padding-right: 10%;
  }
  .procedures .procedures-item {
    min-height: 400px;
  }
  .procedures .footer-note {
    margin-top: 11vh;
  }
  .procedures .dropdown-drag .cat-form {
    margin-bottom: 6vh;
  }
}
.procedures .owl-dots {
  display: none;
}
.procedures .modal {
  background-color: rgba(33, 37, 41, 0.031372549) !important;
}
.procedures .modal .modal-dialog {
  max-width: 70%;
  width: 70%;
  height: 70%;
  margin: auto;
  margin-top: 15%;
  transform: none !important;
}
.procedures .modal .modal-dialog .modal-content {
  background: transparent;
  border: none;
}
.procedures .modal .modal-dialog iframe {
  width: 100%;
  height: 60vh;
}

.sustainable-production {
  background-color: rgba(37, 133, 56, 0.1);
  color: #fff;
  padding-top: 12vh;
  padding-bottom: 16vh;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  position: relative;
}
.sustainable-production .note {
  margin-bottom: 55px;
}
.sustainable-production .note p {
  padding-left: 24px;
  color: #38393B;
  text-transform: uppercase;
  width: 200px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 12px;
  margin: 0;
}
.sustainable-production .note .border-scroll {
  width: 1px;
  height: 75px;
  margin-top: -30px;
  display: block;
  position: absolute;
  background: linear-gradient(to bottom, #38393B 50%, rgba(56, 57, 59, 0) 50%);
  background-position: 0 -73px;
  background-size: 100% 200%;
  animation: scrolldown-lg 3s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
.sustainable-production .healdine {
  margin-bottom: 24px;
}
.sustainable-production .healdine p {
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 48px;
  margin: 0;
}
@media screen and (max-width: 992px) {
  .sustainable-production .healdine p {
    font-size: 40px;
  }
}
.sustainable-production .healdine strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.sustainable-production .body-text {
  font-size: 16px;
  color: #38393B;
  line-height: 1.5;
}
.sustainable-production .txt-left-side {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  margin-bottom: 0;
}
.sustainable-production .txt-left-side strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.sustainable-production .btn-row {
  margin-top: 80px;
}
.sustainable-production .left-side {
  padding-right: 50px;
}
@media screen and (max-width: 992px) {
  .sustainable-production .production-content {
    padding-top: 30px;
  }
}
.sustainable-production .production-content .production .item-production {
  padding-bottom: 20px;
}
.sustainable-production .production-content .production .item-production .icon-production {
  border-bottom: 1px solid #258538;
  padding-bottom: 24px;
}
.sustainable-production .production-content .production .item-production .icon-production img {
  width: 53px;
  height: 46px;
}
.sustainable-production .production-content .production .item-production h3 {
  margin-top: 24px;
  color: #258538;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.sustainable-production .production-content .production .item-production p {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  color: #38393B;
  margin-top: 8px;
}
.sustainable-production .production-content a .btn-black {
  background-color: #38393B;
  color: #fff;
  margin-top: 60px;
}
.sustainable-production .production-content a .btn-black:hover {
  background-color: transparent !important;
  color: #38393B !important;
}
@media (min-width: 768px) {
  .sustainable-production .content-left {
    text-align: right;
  }
  .sustainable-production .content-left h3 {
    text-align: right;
    margin-inline: auto;
    margin-right: 85px;
  }
  .sustainable-production .content-left p {
    margin-inline: auto;
    margin-right: 85px;
  }
}
@media (max-width: 767px) {
  .sustainable-production .menu-lateral {
    display: none;
  }
  .sustainable-production .timeline:before {
    left: 30px;
  }
  .sustainable-production .content-timeline.content-right .icon-timeline,
  .sustainable-production .content-timeline.content-left .icon-timeline {
    left: 0 !important;
    width: 60px;
    height: 60px;
  }
  .sustainable-production .content-timeline.content-right p,
  .sustainable-production .content-timeline.content-left p {
    width: 70% !important;
  }
  .sustainable-production .content-timeline.content-left h3,
  .sustainable-production .content-timeline.content-left p {
    margin-left: 85px;
  }
}
.sustainable-production #mobile-img {
  display: none;
}
@media (max-width: 768px) {
  .sustainable-production .timeline-image {
    display: none;
  }
  .sustainable-production #mobile-img {
    display: block;
  }
}

.verticall-scroll-image-and-text {
  padding-top: 14vh;
  padding-bottom: 20vh;
  background-color: white;
  position: relative;
}
@media screen and (max-width: 992px) {
  .verticall-scroll-image-and-text {
    padding-bottom: 5vh;
  }
}
.verticall-scroll-image-and-text img {
  width: 100%;
  height: 100%;
}
.verticall-scroll-image-and-text .note {
  margin-bottom: 55px;
}
.verticall-scroll-image-and-text .note p {
  padding-left: 24px;
  color: #5E3253;
  text-transform: uppercase;
  width: 200px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 12px;
  margin: 0;
}
.verticall-scroll-image-and-text .note .border-scroll {
  width: 1px;
  height: 75px;
  margin-top: -15px;
  display: block;
  position: absolute;
  background: linear-gradient(to bottom, #5E3253 50%, rgba(94, 50, 83, 0) 50%);
  background-position: 0 -73px;
  background-size: 100% 200%;
  animation: scrolldown-lg 3s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
.verticall-scroll-image-and-text .healdine {
  margin-bottom: 24px;
}
.verticall-scroll-image-and-text .healdine p {
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 80px;
  margin: 0;
}
.verticall-scroll-image-and-text .healdine p::after {
  content: "\f560";
  font-family: "Font Awesome 6 Pro";
  font-size: 80px;
  line-height: 80px;
  font-weight: 300;
  color: #38393B;
  margin-left: 15px;
}
@media (max-width: 1000px) {
  .verticall-scroll-image-and-text .healdine p::after {
    font-size: 50px;
  }
}
@media (max-width: 1000px) {
  .verticall-scroll-image-and-text .healdine p {
    font-size: 45px;
  }
}
.verticall-scroll-image-and-text .healdine strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.verticall-scroll-image-and-text .title-row {
  display: flex;
  align-items: center;
  margin-bottom: 80px;
}
.verticall-scroll-image-and-text .body-text {
  font-size: 16px;
  color: #38393B;
  line-height: 1.5;
}
.verticall-scroll-image-and-text .commitment {
  color: #5E3253;
  margin-bottom: 40px;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 24px;
}
.verticall-scroll-image-and-text .commitment-description {
  margin-bottom: 0;
  color: #38393B;
  font-size: 16px;
}
.verticall-scroll-image-and-text .icon-repeater {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 16px;
}
.verticall-scroll-image-and-text .icon-repeater .icon-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.verticall-scroll-image-and-text .icon-repeater .icon-item .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(56, 57, 59, 0.2);
  background-repeat: no-repeat;
  background-size: 16px 24px;
  background-position: center;
}
.verticall-scroll-image-and-text .icon-repeater .icon-item p {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  color: #38393B;
  font-size: 16px;
  margin: 0;
}
.verticall-scroll-image-and-text .content-card {
  padding: 3vw;
}
.verticall-scroll-image-and-text .grid-item {
  background-color: rgba(237, 237, 237, 0.5);
}
.verticall-scroll-image-and-text #mobile-version {
  display: none;
}
@media (max-width: 992px) {
  .verticall-scroll-image-and-text .p-40 {
    padding: 20px 0;
  }
}
@media (max-width: 768px) {
  .verticall-scroll-image-and-text .commitment-description {
    font-size: 18px;
  }
  .verticall-scroll-image-and-text #desktop-version {
    display: none;
  }
  .verticall-scroll-image-and-text #mobile-version {
    display: block;
  }
  .verticall-scroll-image-and-text .content-card {
    padding: 6vh 4vw;
  }
}
.verticall-scroll-image-and-text .row {
  vertical-align: middle;
  align-items: center;
}

.contact-form {
  padding-top: 12vh;
  padding-bottom: 16vh;
  background-color: #fff;
  position: relative;
}
.contact-form .text-contact {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  color: #38393B;
  font-size: 16px;
  text-align: center;
  margin-bottom: 40px;
}
.contact-form .wpcf7 .wpcf7-form h2,
.contact-form .wpcf7 .wpcf7-form p {
  text-align: center;
  margin: 0;
}
.contact-form .wpcf7 .wpcf7-form p {
  margin-bottom: 40px;
}
.contact-form .wpcf7 .wpcf7-form .form-item p {
  text-align: left;
  margin-bottom: 0;
}
.contact-form .wpcf7 .wpcf7-form label {
  color: #38393B;
  font-size: 16px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  line-height: 16px;
  width: 100%;
  margin-bottom: 14px;
}
.contact-form .wpcf7 .wpcf7-form label input,
.contact-form .wpcf7 .wpcf7-form label select,
.contact-form .wpcf7 .wpcf7-form label textarea {
  margin-top: 12px;
  background: rgba(237, 237, 237, 0.5);
  border-radius: 24px;
  border: none;
  width: 100%;
  color: #38393B;
  font-size: 16px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  padding: 13px;
}
.contact-form .wpcf7 .wpcf7-form label input:focus-visible,
.contact-form .wpcf7 .wpcf7-form label select:focus-visible,
.contact-form .wpcf7 .wpcf7-form label textarea:focus-visible {
  outline: none;
}
.contact-form .wpcf7 .wpcf7-form .intl-tel-input {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.contact-form .wpcf7 .wpcf7-form .intl-tel-input .flag-container {
  background: rgba(237, 237, 237, 0.5);
  border-radius: 24px;
  position: relative;
}
.contact-form .wpcf7 .wpcf7-form .intl-tel-input .flag-container .selected-flag {
  width: 90px;
  padding: 0 0 0 20px;
  border-radius: 24px;
}
.contact-form .wpcf7 .wpcf7-form .intl-tel-input .flag-container .iti-arrow {
  right: 30px;
  border: none;
  top: 35%;
}
.contact-form .wpcf7 .wpcf7-form .intl-tel-input .flag-container .iti-arrow::after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
  color: #38393B;
}
.contact-form .wpcf7 .wpcf7-form .select .wpcf7-form-control-wrap {
  position: relative;
}
.contact-form .wpcf7 .wpcf7-form .select .wpcf7-form-control-wrap select {
  background-image: url('data:image/svg+xml,<svg width="16" height="8" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.15625 0.864746C1.26042 0.760579 1.38542 0.708496 1.53125 0.708496C1.65625 0.708496 1.77083 0.750163 1.875 0.833496L8.03125 6.521L14.1875 0.833496C14.4375 0.604329 14.6771 0.614746 14.9062 0.864746C15.1354 1.11475 15.125 1.35433 14.875 1.5835L8.375 7.5835C8.14583 7.79183 7.91667 7.79183 7.6875 7.5835L1.1875 1.5835C0.9375 1.35433 0.927083 1.11475 1.15625 0.864746Z" fill="%2338393B"/></svg>');
  background-repeat: no-repeat;
  background-position: 98%;
}
.contact-form .wpcf7 .wpcf7-form .wpcf7-acceptance label {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.contact-form .wpcf7 .wpcf7-form .wpcf7-acceptance label a {
  color: #5E3253;
  text-decoration: none;
}
.contact-form .wpcf7 .wpcf7-form .wpcf7-acceptance input {
  width: 20px;
  height: 20px;
  margin: 0;
}
.contact-form .wpcf7 .wpcf7-form .form-submit {
  text-align: center;
  margin-top: 40px;
}
.contact-form .wpcf7 .wpcf7-form .form-submit p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0;
}
.contact-form .wpcf7 .wpcf7-form .select2-container {
  margin-top: 12px;
}
.contact-form .wpcf7 .wpcf7-form .select2-container .select2-dropdown {
  border: none;
}
.contact-form .wpcf7 .wpcf7-form .select2-container .selection .select2-selection {
  border: none;
  background: rgba(237, 237, 237, 0.5);
  border-radius: 24px;
  position: relative;
  height: auto;
}
.contact-form .wpcf7 .wpcf7-form .select2-container .selection .select2-selection .select2-selection__arrow {
  display: none;
}
.contact-form .wpcf7 .wpcf7-form .select2-container .selection .select2-selection .select2-selection__clear {
  font-size: 23px;
  margin-right: 5px;
}
.contact-form .wpcf7 .wpcf7-form .select2-container .selection .select2-selection::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
  color: #38393B;
}
.contact-form .wpcf7 .wpcf7-form .select2-container .selection .select2-selection .select2-selection__rendered {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 6px 40px 6px 18px;
}
.contact-form .wpcf7 .wpcf7-form .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice {
  background-color: transparent;
  border: none;
  padding: 0;
  font-size: 16px;
  line-height: 19px;
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  margin: 0;
  margin-top: 3px;
}
.contact-form .wpcf7 .wpcf7-form .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice::after {
  content: ",";
  font-size: 16px;
  line-height: 19px;
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  margin-right: 3px;
  cursor: pointer;
}
.contact-form .wpcf7 .wpcf7-form .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice span {
  display: none;
}
.contact-form .wpcf7 .wpcf7-form .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice:nth-last-child(2)::after {
  content: none;
}
.contact-form .wpcf7 .wpcf7-form .select2-container .selection .select2-selection .select2-selection__rendered .select2-search input {
  font-size: 16px;
  line-height: 19px;
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
}
.contact-form .wpcf7 .wpcf7-form .select2-container--open .selection .select2-selection {
  border-radius: 24px 24px 0 0;
}
.contact-form .wpcf7 .wpcf7-form .select2-container--open .selection .select2-selection::after {
  content: "\f077";
}
.contact-form .wpcf7 .wpcf7-form .wpcf7-submit {
  color: #fff;
  border: 1px solid rgba(74, 43, 77, 0.1);
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 14px;
  text-decoration: none;
  border-radius: 50px;
  padding: 16px 32px 14px 32px;
  background-color: #38393B;
  transition: all 0.4s ease 0s;
  width: max-content;
}
.contact-form .wpcf7 .wpcf7-form .wpcf7-submit:hover {
  background: #fff;
  color: #38393B;
}
.contact-form .wpcf7 .wpcf7-form .wpcf7-response-output {
  margin-top: 0;
}

.title-text-vertical-carousel {
  padding-top: 17vh;
  padding-bottom: 16vh;
  background-position: bottom left;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  position: relative;
}
.title-text-vertical-carousel .footer-note {
  margin-bottom: 55px;
}
.title-text-vertical-carousel .footer-note p {
  padding-left: 24px;
  color: #5E3253;
  text-transform: uppercase;
  width: 200px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 12px;
  margin: 0;
}
.title-text-vertical-carousel .footer-note .border-scroll {
  width: 1px;
  height: 75px;
  margin-top: -15px;
  display: block;
  position: absolute;
  background: linear-gradient(to bottom, #5E3253 50%, rgba(94, 50, 83, 0) 50%);
  background-position: 0 -73px;
  background-size: 100% 200%;
  animation: scrolldown-lg 3s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
.title-text-vertical-carousel #g-image,
.title-text-vertical-carousel #g-image-brand,
.title-text-vertical-carousel img {
  min-height: 424px;
}
@media screen and (max-width: 768px) {
  .title-text-vertical-carousel #g-image,
  .title-text-vertical-carousel #g-image-brand,
  .title-text-vertical-carousel img {
    min-height: 312px;
    margin: 30px 0;
  }
}
.title-text-vertical-carousel img {
  width: 100%;
}
.title-text-vertical-carousel .healdine {
  margin-bottom: 40px;
}
.title-text-vertical-carousel .healdine p {
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  margin: 0;
}
.title-text-vertical-carousel .healdine strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.title-text-vertical-carousel p {
  margin: 0;
}
.title-text-vertical-carousel .body-text {
  font-size: 16px;
  color: #38393B;
  line-height: 1.5;
}
.title-text-vertical-carousel .title-row {
  align-items: center;
}
.title-text-vertical-carousel .service {
  margin-top: 80px;
}
.title-text-vertical-carousel .service-content {
  max-width: 633px;
  height: 572px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.title-text-vertical-carousel .service-content.active {
  display: block;
}
.title-text-vertical-carousel .carousel-indicators {
  position: relative;
  right: auto;
  bottom: auto;
  left: 0;
  z-index: 2;
  display: block;
  justify-content: normal;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
  list-style: none;
  max-width: 460px;
  width: 100%;
  padding-top: 3vh;
}
.title-text-vertical-carousel .carousel-indicators li {
  -webkit-transition: color 0.1s, font-size 0.1s;
  -moz-transition: color 0.1s, font-size 0.1s;
  -o-transition: color 0.1s, font-size 0.1s;
  transition: color 0.1s, font-size 0.1s;
  width: auto;
  height: auto;
  text-indent: 0;
  display: block;
  background: none;
  border: none;
  font-size: 24px !important;
  color: #38393B !important;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif !important;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(56, 57, 59, 0.2);
  margin-top: 24px;
  position: relative;
  opacity: 0.6;
}
.title-text-vertical-carousel .carousel-indicators li.active {
  opacity: 1;
  color: #5E3253 !important;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif !important;
}
.title-text-vertical-carousel .carousel-indicators li.active::before {
  content: "";
  border-bottom: 1px solid #38393B;
  width: 280px;
  position: absolute;
  bottom: -1px;
  left: -280px;
}
.title-text-vertical-carousel .carousel-indicators li:first-child {
  margin-top: 0;
}
.title-text-vertical-carousel .carousel-indicators li p {
  padding-left: 40px;
}
.title-text-vertical-carousel .carousel-indicators li .text-indicator {
  display: none;
}
.title-text-vertical-carousel .carousel-indicators li .text-indicator p {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 16px;
  color: #38393B;
}
.title-text-vertical-carousel .carousel-indicators li .text-indicator.show {
  display: block;
}
.title-text-vertical-carousel .carousel-inner {
  min-height: 572px;
}
.title-text-vertical-carousel .img-accordion {
  display: none;
}
.title-text-vertical-carousel .img-accordion.active {
  display: block;
}
.title-text-vertical-carousel .active .img-accordion {
  display: block;
}
.title-text-vertical-carousel .img-accordion {
  margin-top: 2vh;
  max-width: 100%;
}
.title-text-vertical-carousel .title-indicator {
  display: inline;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .title-text-vertical-carousel .carousel-indicators li p {
    padding-left: 10px;
  }
  .title-text-vertical-carousel .carousel-indicators li,
  .title-text-vertical-carousel .carousel-indicators li.active {
    font-size: 24px !important;
  }
}
@media (max-width: 576px) {
  .title-text-vertical-carousel .carousel-inner {
    display: none;
  }
  .title-text-vertical-carousel .carousel-indicators li,
  .title-text-vertical-carousel .carousel-indicators li.active {
    font-size: 18px !important;
  }
  .title-text-vertical-carousel .text-indicator p {
    font-size: 14px !important;
  }
  .title-text-vertical-carousel .img-accordion {
    width: 100%;
  }
  .title-text-vertical-carousel .carousel-indicators li.active::before {
    display: none;
  }
  .title-text-vertical-carousel .service-content.active {
    display: none;
  }
}

.p-bottom {
  padding-bottom: 30vh;
}

.distribution {
  position: relative;
  padding-top: 16vh;
  padding-bottom: 16vh;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
  background-position: bottom !important;
}
.distribution .healdine {
  margin-bottom: 24px;
  text-align: center;
}
.distribution .healdine p {
  color: #fff;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 80px;
  margin: 0;
}
@media (max-width: 1000px) {
  .distribution .healdine p {
    font-size: 50px;
  }
}
.distribution .healdine strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.distribution p {
  margin: 0;
}
.distribution .body-text {
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 1.5;
}
.distribution .title-row {
  margin-bottom: 80px;
}
.distribution .icon-text {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  flex-direction: column;
}
.distribution .icon-text .icon {
  border: 1px solid rgba(255, 255, 255, 0.3);
  height: 80px;
  width: 80px;
  padding: 8px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  background-size: 30px;
}
.distribution .icon-text h3 {
  color: #fff;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.distribution .icon-text p {
  color: #fff;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
}

.slider-carousel {
  height: 100vh;
}

.slider-carousel-container {
  position: relative;
}
.slider-carousel-container .scroll {
  position: absolute;
  bottom: 25px;
  height: 50px;
  color: #fff;
  right: 21%;
  text-transform: uppercase;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  width: 200px;
  text-align: right;
  font-size: 11px;
  padding-right: 30px;
  z-index: 1;
}
.slider-carousel-container .scroll.scroll-left {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .slider-carousel-container .scroll {
    left: 15%;
  }
}
.slider-carousel-container .border-scroll {
  z-index: 999;
  width: 1px;
  height: 75px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 20%;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 50%);
  background-position: 0 -73px;
  background-size: 100% 200%;
  animation: scrolldown-l 3s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
@media screen and (max-width: 768px) {
  .slider-carousel-container .border-scroll {
    left: 10%;
  }
}
@keyframes scrolldown-l {
  0% {
    background-position: 0 -73px;
  }
  75% {
    background-position: 0 0px;
  }
  100% {
    background-position: 0 75px;
  }
}

.slider {
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
}
.slider .content-area {
  padding-left: 20%;
  width: 100%;
  padding-right: 0;
  color: #fff;
  padding-top: 150px;
}
@media (max-width: 1430px) {
  .slider .content-area {
    padding-left: 10%;
  }
}
.slider .title {
  font-size: 80px;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
@media (max-width: 1200px) {
  .slider .title {
    font-size: 58px;
  }
}
@media (max-width: 576px) {
  .slider .title {
    font-size: 38px;
  }
}
.slider .image-banner {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 768px) {
  .slider #icon-btn {
    margin-left: 12px;
  }
}

.text-banner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 170px;
}

.slider-arrows {
  text-align: left;
  z-index: 99;
  color: white;
  margin-top: 40px;
}
.slider-arrows .arrows {
  display: flex;
  align-items: center;
  gap: 8px;
}
.slider-arrows .lnr {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.slider-arrows .lnr-arrow-left {
  cursor: pointer;
  font-size: 20px;
}
.slider-arrows .lnr-arrow-right {
  cursor: pointer;
  font-size: 20px;
}
.slider-arrows .lnr-arrow-left:hover,
.slider-arrows .lnr-arrow-right:hover {
  color: #fff;
}

.our-products {
  background: rgba(237, 237, 237, 0.5);
  padding-top: 16vh;
  padding-bottom: 25vh;
  position: relative;
  overflow: hidden;
}
.our-products .note {
  margin-bottom: 55px;
}
.our-products .note p {
  padding-left: 24px;
  color: #5E3253;
  text-transform: uppercase;
  width: 200px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 12px;
  margin: 0;
}
.our-products .note .border-scroll {
  width: 1px;
  height: 75px;
  margin-top: -15px;
  display: block;
  position: absolute;
  background: linear-gradient(to bottom, #5E3253 50%, rgba(94, 50, 83, 0) 50%);
  background-position: 0 -73px;
  background-size: 100% 200%;
  animation: scrolldown-lg 3s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
.our-products .headline {
  margin-top: 40px;
}
.our-products .headline p {
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  margin: 0;
}
.our-products .headline strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.our-products .our-products-list-wrapper {
  padding: 0 10%;
}
.our-products .our-products-list-wrapper .our-products-list {
  margin-top: 8vh;
  display: flex;
  gap: 100px;
}
.our-products .our-products-list-wrapper .our-products-list .our-products-item {
  padding: 40px;
  color: #fff;
  flex-basis: 504px;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  text-decoration: none;
  overflow: hidden;
}
@media screen and (max-width: 584px) {
  .our-products .our-products-list-wrapper .our-products-list .our-products-item {
    flex-basis: auto;
    width: 100%;
  }
}
.our-products .our-products-list-wrapper .our-products-list .our-products-item .background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 2s;
}
.our-products .our-products-list-wrapper .our-products-list .our-products-item:nth-child(even) {
  bottom: -96px;
}
.our-products .our-products-list-wrapper .our-products-list .our-products-item h2 {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.our-products .our-products-list-wrapper .our-products-list a.our-products-item h2 {
  text-decoration: underline 5px transparent;
  transition: text-decoration-color 300ms;
}
.our-products .our-products-list-wrapper .our-products-list a.our-products-item .icon-container {
  height: 0;
  opacity: 0;
  transition: all 0.4s ease 0s;
}
.our-products .our-products-list-wrapper .our-products-list a.our-products-item .icon {
  margin: auto;
  font-size: 16px;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  align-items: center;
  display: inline-grid;
  vertical-align: middle;
  text-align: center;
  transition: all 0.3s ease 0.1s;
  background-color: transparent;
}
.our-products .our-products-list-wrapper .our-products-list a.our-products-item .icon .lnr::before {
  color: #fff;
}
.our-products .our-products-list-wrapper .our-products-list a.our-products-item:hover .background-overlay {
  transform: scale(1.2);
}
.our-products .our-products-list-wrapper .our-products-list a.our-products-item:hover h2 {
  text-decoration-color: #fff;
}
.our-products .our-products-list-wrapper .our-products-list a.our-products-item:hover .icon-container {
  height: 48px;
  opacity: 1;
}
.our-products .our-products-list-wrapper .our-products-list a.our-products-item:hover .icon-container .icon {
  background-color: #fff;
}
.our-products .our-products-list-wrapper .our-products-list a.our-products-item:hover .icon-container .icon .lnr::before {
  color: #38393B;
}
.our-products .footer-note {
  position: absolute;
  right: 40px;
}
.our-products .footer-note p {
  color: #5E3253;
  text-transform: uppercase !important;
  font-size: 11px !important;
}
.our-products .footer-note:after {
  content: "";
  width: 80px;
  height: 1px;
  background-color: #5E3253;
  position: absolute;
  right: -70px;
  top: 5px;
}
.our-products .btn-row {
  margin-top: 40px;
}
.our-products select:focus {
  outline: none;
}
.our-products button {
  height: 40px;
  padding: 11px 32px 40px 32px;
  align-items: center;
  text-align: left;
  border: 1px solid #ededed;
  background-color: transparent;
  border-radius: 50px;
}
.our-products button.btn-video:before {
  content: "\e825";
  margin-top: 3px;
  margin-right: 16px;
  font-size: 16px;
  font-family: "Linearicons-Free";
  margin-bottom: 7px;
}
.our-products button.close {
  top: 70px;
  position: absolute;
  left: 40px;
  padding: 30px;
  height: auto;
  color: white;
}
.our-products button.close span {
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.our-products .footer-note {
  margin-top: 40px;
  text-align: right;
}
.our-products .footer-note p {
  float: right;
  padding-right: 28px;
  color: #5E3253;
  text-transform: uppercase;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 11px;
}
.our-products .our-products-item {
  min-height: 630px;
}
.our-products .footer-note-div-mobile {
  display: none;
  position: absolute;
  right: 50px;
  top: auto;
}
.our-products .footer-note-mobile {
  text-align: right;
}
.our-products .footer-note-mobile p {
  float: right;
  padding-right: 28px;
  color: #5E3253;
  text-transform: uppercase;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 11px;
}
.our-products .footer-note-mobile p:after {
  content: "";
  width: 80px;
  height: 1px;
  background-color: #5E3253;
  position: absolute;
  right: -70px;
  top: 5px;
}
@media (max-width: 768px) {
  .our-products .footer-note-div {
    display: none;
  }
  .our-products .footer-note-div-mobile {
    display: block;
  }
}
@media (max-width: 576px) {
  .our-products .btn-video:before {
    display: none !important;
  }
  .our-products .our-products-item {
    min-height: 400px;
  }
  .our-products .footer-note {
    margin-top: 11vh;
  }
  .our-products .dropdown-drag .cat-form {
    margin-bottom: 6vh;
  }
}
.our-products .owl-dots {
  display: none;
}

.contact-info {
  background-color: #38393B;
  padding-top: 17vh;
  padding-bottom: 19vh;
  background-repeat: no-repeat;
  background-position: bottom left;
  position: relative;
  color: #fff;
}
.contact-info .headline {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.contact-info .contact-container {
  margin-top: 40px;
}
.contact-info .contact-container .contact-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 650px) {
  .contact-info .contact-container .contact-item {
    flex-direction: column;
    align-items: start;
    gap: 30px;
  }
}
.contact-info .contact-container .contact-item h3 {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  margin: 0;
}
.contact-info .contact-container .contact-item .right p {
  margin: 0;
  text-align: right;
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 650px) {
  .contact-info .contact-container .contact-item .right p {
    text-align: left;
  }
}

.contact-map {
  min-height: 70vh;
  background-color: rgba(237, 237, 237, 0.5);
  background-repeat: no-repeat;
  background-position: bottom right;
  position: relative;
}
.contact-map .hotspot-image .wrap_svl_center {
  text-align: right;
}
.contact-map .headline {
  position: absolute;
  top: 20%;
  left: 20%;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 80px;
  color: #5E3253;
}
@media (max-width: 1200px) {
  .contact-map .headline {
    font-size: 50px;
    left: 10%;
  }
}
@media (max-width: 700px) {
  .contact-map .headline {
    font-size: 30px;
  }
}
.contact-map .headline strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}

.title-text-table {
  background-color: rgba(237, 237, 237, 0.5);
  padding-top: 5vh;
  padding-bottom: 30vh;
}
.title-text-table .sede-info {
  color: #38393B;
  margin-bottom: 50px;
}
.title-text-table .row-item {
  border-bottom: 1px solid rgba(56, 57, 59, 0.2);
  padding-bottom: 29px;
  padding-top: 29px;
  align-items: center;
  color: #38393B;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 670px) {
  .title-text-table .row-item {
    flex-direction: column;
    align-items: start;
  }
}
.title-text-table .row-item h3 {
  margin: 0;
  flex: 1;
}
.title-text-table .row-item p {
  margin: 0;
}
.title-text-table .row-item .right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  gap: 34px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .title-text-table .row-item .right {
    justify-content: flex-end;
  }
}
.title-text-table .row-item .right p {
  color: #5E3253;
  text-decoration: none;
}
.title-text-table .row-item .right .phone-number {
  color: #5E3253;
  text-decoration: none;
}
.title-text-table .row-item .right button {
  border: 1px solid rgba(56, 57, 59, 0.2);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.title-text-table .modal {
  z-index: 100000000000000000000;
}
.title-text-table .modal .modal-content .modal-header {
  border: none;
  padding-top: 40px;
  padding-right: 40px;
}
.title-text-table .modal .modal-content .modal-header button {
  background: transparent;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.title-text-table .modal .modal-content .modal-header button:focus {
  box-shadow: none;
}
.title-text-table .modal .modal-content .modal-header button::before {
  content: "\f00d";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 32px;
  line-height: 32px;
  color: #38393B;
}
.title-text-table .modal .modal-content .modal-body {
  padding: 5% 0;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form h2,
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form p {
  text-align: center;
  margin: 0;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form p {
  margin-bottom: 40px;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form .form-item p {
  text-align: left;
  margin-bottom: 0;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form label {
  color: #38393B;
  font-size: 16px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  line-height: 16px;
  width: 100%;
  margin-bottom: 14px;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form label input,
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form label select,
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form label textarea {
  margin-top: 12px;
  background: rgba(237, 237, 237, 0.5);
  border-radius: 24px;
  border: none;
  width: 100%;
  color: #38393B;
  font-size: 16px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  padding: 13px;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form label input:focus-visible,
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form label select:focus-visible,
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form label textarea:focus-visible {
  outline: none;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form .intl-tel-input {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form .intl-tel-input .flag-container {
  background: rgba(237, 237, 237, 0.5);
  border-radius: 24px;
  position: relative;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form .intl-tel-input .flag-container .selected-flag {
  width: 90px;
  padding: 0 0 0 20px;
  border-radius: 24px;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form .intl-tel-input .flag-container .iti-arrow {
  right: 30px;
  border: none;
  top: 35%;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form .intl-tel-input .flag-container .iti-arrow::after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
  color: #38393B;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form .select .wpcf7-form-control-wrap {
  position: relative;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form .select .wpcf7-form-control-wrap::after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
  color: #38393B;
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form .wpcf7-acceptance label {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form .wpcf7-acceptance label a {
  color: #5E3253;
  text-decoration: none;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form .wpcf7-acceptance input {
  width: 20px;
  height: 20px;
  margin: 0;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form .form-submit {
  text-align: center;
  margin-top: 40px;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form .form-submit p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form .wpcf7-submit {
  color: #fff;
  border: 1px solid rgba(74, 43, 77, 0.1);
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 14px;
  text-decoration: none;
  border-radius: 50px;
  padding: 16px 32px 14px 32px;
  background-color: #38393B;
  transition: all 0.4s ease 0s;
  width: max-content;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form .wpcf7-submit:hover {
  background: #fff;
  color: #38393B;
}
.title-text-table .modal .modal-content .modal-body .wpcf7 .wpcf7-form .wpcf7-response-output {
  margin-top: 0;
}

.archive-posts {
  background-color: rgba(237, 237, 237, 0.5);
  padding-top: 13vh;
  padding-bottom: 30vh;
}
@media screen and (max-width: 992px) {
  .archive-posts {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
.archive-posts .types-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  margin-left: -12px;
  margin-right: -12px;
  flex-wrap: wrap;
  gap: 40px 0;
}
.archive-posts .types-menu ul {
  display: flex;
  gap: 15px 40px;
  align-items: center;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: none;
}
.archive-posts .types-menu ul li a {
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 42px;
  margin: 0;
  line-height: 40px;
  text-decoration: none;
  display: block;
  border: none;
  background: transparent;
  padding: 0;
  border-radius: 0;
}
@media screen and (max-width: 992px) {
  .archive-posts .types-menu ul li a {
    font-size: 35px;
  }
}
.archive-posts .types-menu ul li a.active {
  color: #5E3253;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  background: transparent;
}
.archive-posts .types-menu .category-select {
  min-width: 280px;
  display: inline-block;
}
.archive-posts .types-menu .category-select .select2-container .select2-dropdown {
  border: none;
}
.archive-posts .types-menu .category-select .select2-container .selection .select2-selection {
  border: none;
  background: #FFFFFF;
  border-radius: 24px;
  position: relative;
  height: auto;
}
.archive-posts .types-menu .category-select .select2-container .selection .select2-selection .select2-selection__arrow {
  display: none;
}
.archive-posts .types-menu .category-select .select2-container .selection .select2-selection .select2-selection__clear {
  font-size: 23px;
  margin-right: 5px;
}
.archive-posts .types-menu .category-select .select2-container .selection .select2-selection::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
  color: #38393B;
}
.archive-posts .types-menu .category-select .select2-container .selection .select2-selection .select2-selection__rendered {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 6px 40px 6px 18px;
}
.archive-posts .types-menu .category-select .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice {
  background-color: transparent;
  border: none;
  padding: 0;
  font-size: 16px;
  line-height: 19px;
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  margin: 0;
  margin-top: 3px;
}
.archive-posts .types-menu .category-select .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice::after {
  content: ",";
  font-size: 16px;
  line-height: 19px;
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  margin-right: 3px;
  cursor: pointer;
}
.archive-posts .types-menu .category-select .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice span {
  display: none;
}
.archive-posts .types-menu .category-select .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice:nth-last-child(2)::after {
  content: none;
}
.archive-posts .types-menu .category-select .select2-container .selection .select2-selection .select2-selection__rendered .select2-search input {
  font-size: 16px;
  line-height: 19px;
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
}
.archive-posts .types-menu .category-select .select2-container--open .selection .select2-selection {
  border-radius: 24px 24px 0 0;
}
.archive-posts .types-menu .category-select .select2-container--open .selection .select2-selection::after {
  content: "\f077";
}
.archive-posts .news-list {
  margin-left: -24px;
  margin-right: -24px;
}
.archive-posts .card {
  border: none;
  transition: all 1s ease-in-out;
  overflow: hidden;
  background-color: transparent;
  border-radius: 0;
}
.archive-posts .card .card-body {
  padding-bottom: 48px;
}
.archive-posts .card .category ul {
  padding-left: 0;
}
.archive-posts .card .category li {
  list-style: none;
}
.archive-posts .card .category {
  margin-bottom: 12px;
}
.archive-posts .card .category span {
  color: #38393B;
  border: none;
  padding: 0;
  font-size: 14px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
}
.archive-posts .card .category .type {
  color: #5E3253;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.archive-posts .card .btn-new {
  margin-top: 24px;
  padding: 0;
  display: flex;
  align-items: center;
}
.archive-posts .card .btn-new a {
  padding: 0;
  margin: 0;
  border: none;
}
.archive-posts .card h3 {
  margin-bottom: 8px;
  line-height: 1.33;
}
.archive-posts .card h3 a {
  color: #38393B;
  text-decoration: underline 3px transparent;
  transition: text-decoration-color 300ms;
}
.archive-posts .card h3:hover a {
  text-decoration-color: #38393B;
}
.archive-posts .card p {
  margin: 0;
}
.archive-posts .card h4 {
  font-size: 24px;
}
.archive-posts .card .text-body {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 16px;
}
.archive-posts .card .text-body a {
  color: #38393B;
  text-decoration: none;
}
.archive-posts .card .date {
  color: rgba(56, 57, 59, 0.5);
  font-size: 14px;
  margin-top: 12px;
}
.archive-posts .card .image-card {
  height: 300px;
  width: 100%;
  overflow: hidden;
}
.archive-posts .card .card-img-top {
  width: 100% !important;
  height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 0;
}
.archive-posts .card .arrow {
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50px;
  border: solid 1px rgba(56, 57, 59, 0.2);
  display: flex;
  align-items: center;
}
.archive-posts .card .btn {
  padding: 0;
  font-size: 16px;
}
.archive-posts .card .btn:hover {
  color: #38393B;
}
.archive-posts .card .btn:focus {
  box-shadow: none;
  outline: none;
}
.archive-posts .card .btn .icon {
  margin: auto;
  font-size: 16px;
  border: 1px solid rgba(56, 57, 59, 0.2);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  align-items: center;
  display: inline-grid;
  vertical-align: middle;
  transition: all 0.4s ease 0s;
}
.archive-posts .card .btn .icon .lnr::before {
  color: #38393B;
}
.archive-posts .card .arrow span {
  display: inline;
}
.archive-posts .card .read-more {
  padding-left: 16px;
  color: #38393B;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  text-decoration: underline 3px transparent;
  transition: text-decoration-color 300ms;
}
.archive-posts .card .btn:hover .icon {
  background-color: #38393B;
}
.archive-posts .card .btn:hover .icon .lnr::before {
  color: #fff;
}
.archive-posts .card .btn:hover .read-more {
  text-decoration-color: #38393B;
}
.archive-posts .post-advices-container {
  display: block;
  border: none;
  transition: none;
}
.archive-posts .post-advices-container:hover {
  box-shadow: none;
  transition: none;
}
.archive-posts .post-advices-container .post-advices {
  border: 1px solid rgba(56, 57, 59, 0.2);
  transition: all 0.25s ease-in-out;
}
.archive-posts .post-advices-container .post-advices:hover {
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.05);
  transition: all 0.25s ease-in-out;
}
.archive-posts .post-advices-container .post-advices .imagecontainer {
  width: 100%;
  min-height: 322px;
}
.archive-posts .post-advices-container .post-advices .imagecontainer .post-image-all {
  min-height: 322px;
}
.archive-posts .post-advices-container .post-advices .content {
  padding: 40px;
}
.archive-posts .catalog-list {
  margin-left: -24px;
  margin-right: -24px;
}
.archive-posts .post-catalog-container {
  display: block;
  border: none;
  padding-bottom: 48px;
}
.archive-posts .post-catalog-container a {
  color: #38393B;
  text-decoration: none;
}
.archive-posts .post-catalog-container:hover {
  box-shadow: none;
  transition: none;
}
.archive-posts .post-catalog-container:hover .post-image-all {
  transition: none;
  -moz-transform: none;
  -webkit-transform: none;
  transform: none;
}
.archive-posts .post-catalog-container .post-catalog {
  padding: 0;
  transition: none;
}
.archive-posts .post-catalog-container .post-catalog:hover {
  transition: none;
}
.archive-posts .post-catalog-container .post-catalog .imagecontainer img {
  max-width: 100%;
  height: auto;
}
.archive-posts .post-catalog-container .post-catalog .content {
  margin-top: 24px;
  padding: 0;
}
.archive-posts .post-catalog-container .post-catalog .content h3 {
  text-decoration: underline 3px transparent;
  transition: text-decoration-color 300ms;
}
.archive-posts .post-catalog-container .post-catalog:hover .content h3 {
  text-decoration-color: #38393B;
}
.archive-posts .load-more {
  margin: auto;
  display: block;
  margin-bottom: 60px;
}

.banner-archive {
  background-color: #fff;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 13vh;
  padding-top: 28vh;
  padding-left: 4%;
  padding-right: 4%;
}
.banner-archive h1 {
  color: #5E3253;
}

option:checked,
option:hover {
  box-shadow: 0 0 10px 10px #5E3253 inset;
  background-color: #5E3253;
  color: #fff;
}

.sustainability {
  padding-top: 8vh;
  padding-bottom: 16vh;
  background-repeat: no-repeat;
  background-color: rgba(37, 133, 56, 0.05);
  background-position: center bottom;
  position: relative;
  background-blend-mode: multiply;
}
.sustainability #g-image,
.sustainability #g-image-brand,
.sustainability img {
  min-height: 424px;
}
@media screen and (max-width: 768px) {
  .sustainability #g-image,
  .sustainability #g-image-brand,
  .sustainability img {
    min-height: 312px;
  }
}
.sustainability img {
  width: 100%;
}
.sustainability .footer-note {
  margin-bottom: 55px;
}
.sustainability .footer-note p {
  padding-left: 24px;
  color: #5E3253;
  text-transform: uppercase;
  width: 200px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 12px;
  margin: 0;
}
.sustainability .footer-note .border-scroll {
  width: 1px;
  height: 75px;
  margin-top: -15px;
  display: block;
  position: absolute;
  background: linear-gradient(to bottom, #5E3253 50%, rgba(94, 50, 83, 0) 50%);
  background-position: 0 -73px;
  background-size: 100% 200%;
  animation: scrolldown-lg 3s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
.sustainability .healdine {
  margin-bottom: 60px;
}
.sustainability .healdine p {
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 48px;
}
.sustainability .healdine p strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.sustainability .body-text {
  font-size: 16px;
  color: #38393B;
  line-height: 24px;
}
.sustainability .txt-left-side {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.sustainability .btn-new {
  margin-top: 40px;
}
.sustainability .btn-new .btn {
  padding: 0;
  font-size: 16px;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.sustainability .btn-new .btn:focus {
  box-shadow: none;
  outline: none;
}
.sustainability .btn-new .btn:hover {
  color: rgb(56, 57, 59);
}
.sustainability .btn-new .btn .icon {
  margin: auto;
  font-size: 16px;
  border: 1px solid rgba(56, 57, 59, 0.2);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  align-items: center;
  display: inline-grid;
  vertical-align: middle;
  margin-left: 12px;
}

.single-post,
.single-advices {
  background-color: rgba(237, 237, 237, 0.5);
}
.single-post .entry-header,
.single-advices .entry-header {
  background-color: #fff;
  height: 80vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 20%;
  padding-right: 20%;
}
@media screen and (max-width: 1200px) {
  .single-post .entry-header,
  .single-advices .entry-header {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media screen and (max-width: 992px) {
  .single-post .entry-header,
  .single-advices .entry-header {
    height: auto;
    padding-top: 30vh;
    padding-bottom: 10vh;
  }
}
@media screen and (max-width: 500px) {
  .single-post .entry-header,
  .single-advices .entry-header {
    padding-top: 20vh;
  }
}
.single-post .entry-header .breadcrumb,
.single-advices .entry-header .breadcrumb {
  margin-bottom: 16px;
}
.single-post .entry-header .breadcrumb span,
.single-advices .entry-header .breadcrumb span {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  color: #5E3253;
  font-size: 18px;
}
.single-post .entry-header .breadcrumb span a,
.single-advices .entry-header .breadcrumb span a {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  color: #5E3253;
  text-decoration: none;
}
.single-post .entry-header .breadcrumb .separator,
.single-advices .entry-header .breadcrumb .separator {
  margin: 0 5px;
}
.single-post .entry-header .breadcrumb .actual,
.single-advices .entry-header .breadcrumb .actual {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  color: #38393B;
}
.single-post .entry-header .meta-details,
.single-advices .entry-header .meta-details {
  margin-top: 24px;
}
.single-post .entry-header .entry-title,
.single-advices .entry-header .entry-title {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 80px;
  color: #38393B;
}
@media screen and (max-width: 1300px) {
  .single-post .entry-header .entry-title,
  .single-advices .entry-header .entry-title {
    font-size: 60px;
  }
}
@media screen and (max-width: 992px) {
  .single-post .entry-header .entry-title,
  .single-advices .entry-header .entry-title {
    font-size: 30px;
  }
}
.single-post .entry-header .post-date,
.single-advices .entry-header .post-date {
  color: rgba(56, 57, 59, 0.5);
  font-style: 16px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  margin-right: 24px;
}
.single-post .entry-header .post-category,
.single-advices .entry-header .post-category {
  color: #5E3253;
  font-style: 16px;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.single-post .body-new,
.single-advices .body-new {
  position: relative;
  top: -20vh;
  margin-bottom: -100px;
}
@media screen and (max-width: 992px) {
  .single-post .body-new,
  .single-advices .body-new {
    top: 0;
    margin-bottom: 50px;
    padding-top: 50px;
  }
}
.single-post .body-new .thumbnail,
.single-advices .body-new .thumbnail {
  width: 100%;
  min-height: 420px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 992px) {
  .single-post .body-new .thumbnail,
  .single-advices .body-new .thumbnail {
    min-height: 300px;
  }
}
@media screen and (max-width: 500px) {
  .single-post .body-new .thumbnail,
  .single-advices .body-new .thumbnail {
    min-height: 200px;
  }
}
.single-post .body-new .entry-content,
.single-advices .body-new .entry-content {
  margin-top: 40px;
  font-size: 16px;
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
}
.single-post .body-new .entry-content strong,
.single-advices .body-new .entry-content strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.single-post .body-new .entry-content .addtoany_share_save_container,
.single-advices .body-new .entry-content .addtoany_share_save_container {
  margin-top: 40px;
}
.single-post .body-new .entry-content .addtoany_share_save_container .a2a_kit,
.single-advices .body-new .entry-content .addtoany_share_save_container .a2a_kit {
  display: flex;
  align-items: center;
  gap: 8px;
}
.single-post .body-new .entry-content .addtoany_share_save_container .a2a_kit a,
.single-advices .body-new .entry-content .addtoany_share_save_container .a2a_kit a {
  border: 1px solid rgba(56, 57, 59, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}
.single-post .body-new .entry-content .addtoany_share_save_container .a2a_kit a .a2a_svg svg path,
.single-advices .body-new .entry-content .addtoany_share_save_container .a2a_kit a .a2a_svg svg path {
  fill: #38393B;
}

.featured .featured-products {
  padding-bottom: 0;
}
.featured .featured-products .title-row h2 p {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
}
.featured .featured-products .title-row h2 p strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}

.gardengate-group {
  padding-top: 8vh;
  padding-bottom: 16vh;
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
}
.gardengate-group #g-image,
.gardengate-group #g-image-brand,
.gardengate-group img {
  min-height: 424px;
}
@media screen and (max-width: 768px) {
  .gardengate-group #g-image,
  .gardengate-group #g-image-brand,
  .gardengate-group img {
    min-height: 312px;
  }
}
.gardengate-group img {
  width: 100%;
}
.gardengate-group .footer-note {
  margin-bottom: 55px;
}
.gardengate-group .footer-note p {
  padding-left: 24px;
  color: #5E3253;
  text-transform: uppercase;
  width: 200px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 12px;
  margin: 0;
}
.gardengate-group .footer-note .border-scroll {
  width: 1px;
  height: 75px;
  margin-top: -15px;
  display: block;
  position: absolute;
  background: linear-gradient(to bottom, #5E3253 50%, rgba(94, 50, 83, 0) 50%);
  background-position: 0 -73px;
  background-size: 100% 200%;
  animation: scrolldown-lg 3s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
.gardengate-group .healdine p {
  color: #38393B;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 80px;
}
.gardengate-group .healdine p strong {
  color: rgba(56, 57, 59, 0.6);
}
@media (max-width: 1000px) {
  .gardengate-group .healdine p {
    font-size: 50px;
  }
}
.gardengate-group .body-text {
  font-size: 16px;
  color: #38393B;
  line-height: 24px;
}
.gardengate-group .title-row {
  display: flex;
  align-items: center;
}
.gardengate-group .txt-left-side {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.gardengate-group a {
  color: #38393B;
}
.gardengate-group a .btn-black {
  background: rgba(56, 57, 59, 0.2);
  border: none;
  margin-top: 40px;
}

.title-text-animation-doors {
  padding-top: 12vh;
  padding-bottom: 16vh;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right center;
  position: relative;
}
.title-text-animation-doors .note {
  margin-bottom: 55px;
}
.title-text-animation-doors .note p {
  padding-left: 24px;
  color: #5E3253;
  text-transform: uppercase;
  width: 200px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 12px;
  margin: 0;
}
.title-text-animation-doors .note .border-scroll {
  width: 1px;
  height: 75px;
  margin-top: -15px;
  display: block;
  position: absolute;
  background: linear-gradient(to bottom, #5E3253 50%, rgba(94, 50, 83, 0) 50%);
  background-position: 0 -73px;
  background-size: 100% 200%;
  animation: scrolldown-lg 3s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
.title-text-animation-doors .healdine {
  margin-bottom: 60px;
}
.title-text-animation-doors .healdine p {
  color: #5E3253;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 80px;
  margin: 0;
}
@media (max-width: 1200px) {
  .title-text-animation-doors .healdine p {
    font-size: 50px;
  }
}
@media (max-width: 992px) {
  .title-text-animation-doors .healdine p {
    font-size: 40px;
  }
}
.title-text-animation-doors .healdine strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.title-text-animation-doors img {
  width: 100%;
}
@media screen and (max-width: 992px) {
  .title-text-animation-doors img {
    margin-top: 30px;
  }
}
.title-text-animation-doors .title-row {
  display: flex;
  align-items: center;
}
.title-text-animation-doors .body-text {
  font-size: 16px;
  color: #38393B;
  line-height: 1.5;
}
.title-text-animation-doors .txt-left-side {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  margin-bottom: 0;
}
.title-text-animation-doors .txt-right-side {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
}
.title-text-animation-doors .btn-row {
  margin-top: 40px;
}
@media screen and (max-width: 576px) {
  .title-text-animation-doors .btn-row {
    text-align: center;
  }
}
.moving-text {
  padding: 0;
}
.moving-text .m-scroll {
  display: flex;
  position: relative;
  width: 100%;
  height: 90px;
  margin: auto;
  background-color: transparent;
  overflow: hidden;
  z-index: 1;
}
.moving-text .m-scroll__title {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  transition: all 1s ease;
}
.moving-text .m-scroll__title > div {
  display: flex;
  animation: scrollText 15s infinite linear;
}
.moving-text .m-scroll__title h2 {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 40px;
  line-height: 90px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.1);
}

@keyframes scrollText {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
.wishlist .page .banner-archive {
  padding-bottom: 0;
}
.wishlist .page .banner-archive h1 {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
}
.wishlist .page .banner-archive h1 span {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.wishlist .row-favorites {
  border-bottom: 1px solid rgba(56, 57, 59, 0.2);
  padding-top: 80px;
  padding-bottom: 20px;
}
.wishlist .row-favorites .title-row {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 24px;
  margin-bottom: 70px;
}

.description {
  padding-top: 16vh;
  padding-bottom: 20vh;
}
.description .title p {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  color: #5E3253;
}
.description .title p strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.description .body-text {
  margin-top: 24px;
}
.description .body-text p {
  color: #38393B;
}
.description .owl-carousel-description-product img {
  object-fit: contain;
  width: auto;
  max-width: 100%;
  margin: auto;
}
.description .owl-carousel-description-product .owl-dots {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 40px;
}
.description .owl-carousel-description-product .owl-dots .owl-dot {
  background: rgba(94, 50, 83, 0.3);
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.description .owl-carousel-description-product .owl-dots .owl-dot.active {
  background-color: #5E3253;
}
.description .icon-text-container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 0;
}
.description .icon-text-container .icon-text {
  display: flex;
  gap: 8px;
  width: 50%;
  align-items: center;
}
@media screen and (max-width: 700px) {
  .description .icon-text-container .icon-text {
    width: 100%;
  }
}
.description .icon-text-container .icon-text .icon {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(56, 57, 59, 0.2);
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
}

.composition {
  background: rgba(237, 237, 237, 0.5);
  padding: 16vh 0;
}
.composition .title {
  color: #5E3253;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  margin-bottom: 40px;
}
.composition img {
  width: 100%;
}
.composition .owl-dots {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 40px;
}
.composition .owl-dots .owl-dot {
  background: rgba(94, 50, 83, 0.3);
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.composition .owl-dots .owl-dot.active {
  background-color: #5E3253;
}
.composition nav .nav-tabs {
  padding-bottom: 10px;
  flex-wrap: nowrap;
  border: none;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}
.composition nav .nav-tabs .nav-link {
  text-wrap: nowrap;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  color: #5E3253;
  font-size: 18px;
  border: none;
  background: transparent;
}
.composition nav .nav-tabs .nav-link.active {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  border-bottom: 2px solid #5E3253;
}
.composition .item {
  display: flex;
  gap: 24px;
  margin-bottom: 16px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .composition .item {
    flex-direction: column;
    align-items: start;
    margin-top: 15px;
  }
}
.composition .item:last-child {
  margin-bottom: 0;
}
.composition .item .icon {
  width: 80px;
  height: 80px;
  border: 1px solid rgba(94, 50, 83, 0.3);
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
}
.composition .item .content {
  border-bottom: 1px solid rgba(56, 57, 59, 0.2);
  flex: auto;
}
@media screen and (max-width: 768px) {
  .composition .item .content {
    width: 100%;
  }
}
.composition .item .content h3 {
  color: #5E3253;
  margin-bottom: 8px;
}
.composition .item .content p {
  margin-bottom: 8px;
}
.composition .info-note {
  font-weight: "Nexa Regular", Helvetica, Verdana, sans-serif;
  color: rgba(56, 57, 59, 0.8);
  font-size: 14px;
  line-height: 20px;
  margin-top: 30px;
}
.composition ::-webkit-scrollbar {
  width: 8px;
  height: 4px;
}
.composition ::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 100px;
}
.composition ::-webkit-scrollbar-thumb {
  background-color: rgba(56, 57, 59, 0.2);
  border-radius: 100px;
}

.colors {
  padding: 16vh 0;
}
.colors .title {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  color: #5E3253;
}
.colors .colors-row {
  margin-top: 40px;
}
.colors .colors-row h3 {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  color: #38393B;
  margin-bottom: 24px;
}
.colors .colors-row .colors-item {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.colors .colors-row .colors-item .item .color {
  width: 85px;
  height: 85px;
  border: 1px solid rgba(56, 57, 59, 0.2);
  margin-bottom: 8px;
  border-radius: 50%;
}
.colors .colors-row .colors-item .item p {
  margin: 0;
  text-align: center;
}
.colors .modal {
  z-index: 999999999;
}
.colors .read-more {
  text-decoration: underline 3px transparent;
  transition: text-decoration-color 300ms;
}
.colors .btn {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  outline: none;
  padding: 0;
}
.colors .btn:active {
  border: none;
}
.colors .btn .icon {
  margin: auto;
  font-size: 16px;
  border: 1px solid rgba(56, 57, 59, 0.2);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  align-items: center;
  display: inline-grid;
  vertical-align: middle;
  margin-left: 12px;
  transition: all 0.4s ease 0s;
}
.colors .btn .icon .lnr::before {
  color: #38393B;
}
.colors .btn:hover .icon {
  background-color: #38393B;
}
.colors .btn:hover .icon .lnr::before {
  color: #fff;
}
.colors .btn:hover .read-more {
  text-decoration-color: #38393B;
}

.accessories {
  padding: 16vh 0;
  overflow: hidden;
}
.accessories .title {
  color: #5E3253;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.accessories .nav-tabs {
  border: none;
}
.accessories .nav-tabs .nav-link {
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  color: #5E3253;
  font-size: 18px;
  border: none;
}
.accessories .nav-tabs .nav-link.active {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  border-bottom: 2px solid #5E3253;
}
.accessories .tab-content {
  margin-top: 40px;
}
.accessories .tab-content .tab-pane .owl-carousel {
  max-width: 1156px;
  padding: 0;
  margin: auto;
}
@media (max-width: 1155px) {
  .accessories .tab-content .tab-pane .owl-carousel {
    margin-left: 10%;
  }
}
.accessories .tab-content .tab-pane .owl-carousel .owl-stage-outer {
  overflow: initial;
}
.accessories .tab-content .tab-pane .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
  padding: 40px 0 24px;
  border: 1px solid rgba(56, 57, 59, 0.2);
}
.accessories .tab-content .tab-pane .owl-carousel .owl-stage-outer .owl-stage .owl-item .item img {
  max-width: 90px;
  margin: auto;
  object-fit: none;
}
.accessories .tab-content .tab-pane .owl-carousel .owl-stage-outer .owl-stage .owl-item .item p {
  margin-top: 40px;
  text-align: center;
  margin-bottom: 0;
}

.combinations {
  padding: 16vh 0;
  background: rgba(237, 237, 237, 0.5);
}
.combinations .title p {
  color: #5E3253;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  margin: 0;
  font-size: 48px;
}
@media screen and (max-width: 576px) {
  .combinations .title p {
    font-size: 30px;
  }
}
.combinations .title p strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.combinations .margin-top-40 {
  margin-top: 40px;
}
.combinations img {
  max-width: 100%;
}
.combinations .item img {
  margin: auto;
}
.combinations .item .legend {
  text-align: center;
  margin-top: 24px;
}
.combinations .item .legend p strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}

.taxonomy-lines .combinations {
  padding-top: 0;
  padding-bottom: 30vh;
}
@media screen and (max-width: 991px) {
  .taxonomy-lines .combinations {
    padding-bottom: 10vh;
  }
}

.submenu-products {
  background: #5E3253;
  top: 0;
  z-index: 999999999;
}
.submenu-products .submenu-products-top {
  padding-top: 11px;
}
@media screen and (max-width: 500px) {
  .submenu-products .submenu-products-top {
    margin-left: 5%;
    margin-right: 5%;
  }
}
.submenu-products .submenu-products-top .submodels-menu .nav-tabs {
  border: none;
}
.submenu-products .submenu-products-top .submodels-menu .nav-tabs .nav-item .nav-link {
  transition: none;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  padding-bottom: 16px;
  border: none;
}
@media screen and (max-width: 992px) {
  .submenu-products .submenu-products-top .submodels-menu .nav-tabs .nav-item .nav-link {
    padding: 8px;
  }
}
.submenu-products .submenu-products-top .submodels-menu .nav-tabs .nav-item .nav-link:hover {
  border: none;
}
.submenu-products .submenu-products-top .submodels-menu .nav-tabs .nav-item .nav-link.active {
  background: transparent;
  border: none;
  border-bottom: 2px solid #FFFFFF;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.submenu-products .submenu-products-top .content-right {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 10px;
  padding-bottom: 11px;
}
@media screen and (max-width: 768px) {
  .submenu-products .submenu-products-top .content-right {
    justify-content: start;
  }
}
.submenu-products .submenu-products-top .content-right .simplefavorite-button {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 40px;
  width: 40px;
  height: 40px;
  border: none;
  padding: 0;
  position: relative;
  opacity: 1;
}
.submenu-products .submenu-products-top .content-right .simplefavorite-button i {
  color: #fff !important;
}
.submenu-products .submenu-products-top .content-right .simplefavorite-button i::before {
  color: #fff;
  content: "\f02e";
  font-family: "Font Awesome 6 Pro" !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
}
.submenu-products .submenu-products-top .content-right .simplefavorite-button.active i {
  color: #fff !important;
}
.submenu-products .submenu-products-top .content-right .simplefavorite-button.active i::before {
  color: #fff;
  font-weight: 900;
}
.submenu-products .submenu-products-top .content-right .configurator {
  color: #fff;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 40px;
  padding: 13px 20px;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  display: inline-block;
}

.submenu-products-bottom {
  background: #EDEDED;
  position: sticky;
  top: 52px;
  z-index: 999999999;
  min-height: 44px;
}
@media screen and (max-width: 500px) {
  .submenu-products-bottom .m-width {
    margin-left: 5%;
    margin-right: 5%;
  }
}
.submenu-products-bottom .item-submenu-bottom {
  display: flex;
  overflow-x: auto;
  padding: 10px 0;
  align-items: center;
  justify-content: end;
}
@media screen and (max-width: 992px) {
  .submenu-products-bottom .item-submenu-bottom {
    justify-content: start;
  }
}
.submenu-products-bottom button.section-name-link {
  display: inline-block;
  color: #38393B;
  text-decoration: none;
  font-size: 16px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  margin-right: 24px;
  line-height: 24px;
  border: none;
  padding: 0;
}
.submenu-products-bottom button.section-name-link:last-child {
  margin-right: 0;
}
.submenu-products-bottom button.active {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}

.title_repeater_title_text_image {
  padding: 16vh 0;
}
.title_repeater_title_text_image .title {
  color: #5E3253;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  margin-bottom: 40px;
}
.title_repeater_title_text_image .item {
  border: 1px solid rgba(56, 57, 59, 0.2);
  padding: 40px 25px 45px;
  text-align: center;
  height: 100%;
}
.title_repeater_title_text_image .item img {
  margin-bottom: 40px;
  max-width: 100%;
}
.title_repeater_title_text_image .item h3 {
  text-align: left;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  color: #5E3253;
}
.title_repeater_title_text_image .item p {
  margin: 0;
  text-align: left;
}

.dimensions {
  padding: 16vh 0;
}
.dimensions .title {
  color: #5E3253;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.dimensions .info-container {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-top: 40px;
}
.dimensions .info-container .item {
  display: flex;
  gap: 8px;
  align-items: center;
}
.dimensions .info-container .item .icon {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid rgba(56, 57, 59, 0.2);
  border-radius: 50%;
}
.dimensions .info-container .item p {
  margin: 0;
}
.dimensions .footer-note {
  position: absolute;
  right: 40px;
}
.dimensions .footer-note p {
  color: #5E3253;
  text-transform: uppercase !important;
  font-size: 11px !important;
}
.dimensions .footer-note:after {
  content: "";
  width: 80px;
  height: 1px;
  background-color: #5E3253;
  position: absolute;
  right: -70px;
  top: 5px;
}
.dimensions .footer-note {
  margin-top: 40px;
  text-align: right;
  position: relative;
}
.dimensions .footer-note p {
  float: right;
  padding-right: 18px;
  color: #5E3253;
  text-transform: uppercase;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 11px;
}
.dimensions .procedures-item {
  min-height: 630px;
}
.dimensions .footer-note-div-mobile {
  display: none;
  position: absolute;
  right: 50px;
  top: auto;
}
.dimensions .footer-note-mobile {
  text-align: right;
}
.dimensions .footer-note-mobile p {
  float: right;
  padding-right: 28px;
  color: #5E3253;
  text-transform: uppercase;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 11px;
}
.dimensions .footer-note-mobile p:after {
  content: "";
  width: 80px;
  height: 1px;
  background-color: #5E3253;
  position: absolute;
  right: -30px;
  top: 5px;
}
.dimensions .owl-carousel {
  padding-left: 20%;
}
@media (max-width: 768px) {
  .dimensions .owl-carousel {
    padding-left: 10%;
  }
}
.dimensions .owl-carousel .owl-stage-outer {
  overflow: initial;
}
.dimensions .owl-carousel .owl-stage-outer .owl-stage {
  display: flex;
  align-items: flex-end;
}
.dimensions .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
  height: 100%;
  display: flex;
  align-items: end;
}

.title_repeater_title_image {
  padding: 16vh 0;
}
.title_repeater_title_image .title {
  color: #5E3253;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  margin-bottom: 40px;
}
.title_repeater_title_image .item {
  border: 1px solid rgba(56, 57, 59, 0.2);
  padding: 40px 25px 45px;
  text-align: center;
  height: 100%;
}
.title_repeater_title_image .item img {
  margin-bottom: 40px;
  max-width: 100%;
}
.title_repeater_title_image .item p {
  margin: 0;
}

.sustainability-product {
  padding: 16vh 0 30vh;
  background-image: url("/wp-content/themes/gardengate/imgs/doors-purple.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-position-y: 80px;
  background-color: rgba(237, 237, 237, 0.5);
}
@media screen and (max-width: 992px) {
  .sustainability-product {
    padding: 10vh 0 10vh;
  }
}
.sustainability-product h2 {
  text-align: center;
  font-size: 80px;
  color: #5E3253;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  margin-bottom: 80px;
}
@media screen and (max-width: 1200px) {
  .sustainability-product h2 {
    font-size: 58px;
    line-height: 66px;
  }
}
@media screen and (max-width: 576px) {
  .sustainability-product h2 {
    font-size: 38px;
    line-height: 46px;
  }
}
@media screen and (max-width: 400px) {
  .sustainability-product h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
.sustainability-product h2 strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.sustainability-product .item {
  text-align: center;
}
.sustainability-product .item .icon {
  border: 1px solid rgba(94, 50, 83, 0.3);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
  margin-bottom: 16px;
}
.sustainability-product .item h3 {
  color: #5E3253;
  margin-bottom: 16px;
}

#page-loader {
  position: fixed;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 10000000000000000000;
  top: 0;
  left: 0;
  background: #38393B;
}
#page-loader #anim-loader {
  height: 220px;
}
@media screen and (max-width: 768px) {
  #page-loader #anim-loader {
    height: auto;
    width: 60%;
  }
}
#page-loader img {
  height: 64px;
  width: auto;
}

.hide-bottom-up {
  animation: hide-bottom-up 0.5s ease-in;
  animation-fill-mode: forwards;
}

.fade-in-out {
  animation: fade-in-out 2s ease infinite;
}

@keyframes hide-bottom-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes fade-in-out {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.technical-specifications {
  padding: 13vh 0;
  background: rgba(237, 237, 237, 0.5);
}
.technical-specifications .title {
  color: #5E3253;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  margin-bottom: 40px;
}
.technical-specifications .item {
  border-bottom: 1px solid rgba(56, 57, 59, 0.2);
  padding: 12px 20px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
}
.technical-specifications .item .number {
  color: #258538;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 16px;
}
.technical-specifications .item .text {
  color: #38393B;
  font-size: 16px;
  margin-left: 10px;
}

.product-item {
  padding: 30px 30px 0 30px;
  transition: all 0.4s ease 0s;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}
.product-item a {
  display: block;
  text-align: center;
}
.product-item a img {
  max-width: 100%;
  width: auto;
  margin-bottom: 20px;
  margin-right: auto;
  margin-left: auto;
  object-fit: contain;
  max-height: 180px;
}
.product-item .submodel {
  color: #38393B;
  margin: 0;
  line-height: 24px;
  height: 24px;
}
.product-item .model {
  margin-top: 10px;
  color: #38393B;
}
.product-item .model {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 24px;
}
.product-item .btns-section {
  opacity: 0;
  transition: all 0.4s ease 0s;
  padding-bottom: 15px;
}
.product-item .btns-section .panel-buttons {
  padding-right: 2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-item .btns-section .panel-buttons .btn-panel {
  display: flex;
  gap: 15px;
}
.product-item .btns-section .panel-buttons .btn-panel a {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  color: #5E3253;
  font-size: 14px;
  text-decoration: underline 3px transparent;
  transition: text-decoration-color 300ms;
}
.product-item .btns-section .panel-buttons .btn-panel a:hover {
  text-decoration-color: #5E3253;
}
.product-item .btns-section .simplefavorite-button {
  color: #5E3253 !important;
  background: rgba(94, 50, 83, 0.1);
  border-radius: 40px;
  width: 40px;
  height: 40px;
  border: none;
  padding: 0;
  position: relative;
  opacity: 1;
  transition: all 0.4s ease 0s;
}
.product-item .btns-section .simplefavorite-button .sf-icon-bookmark {
  color: #5E3253 !important;
}
.product-item .btns-section .simplefavorite-button .sf-icon-bookmark::before {
  color: #5E3253;
  content: "\f02e";
  font-family: "Font Awesome 6 Pro" !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
}
.product-item .btns-section .simplefavorite-button:hover {
  background-color: #5E3253;
}
.product-item .btns-section .simplefavorite-button:hover i::before {
  color: #fff;
  font-weight: bold;
}
.product-item .btns-section .simplefavorite-button.active i {
  color: #5E3253 !important;
}
.product-item .btns-section .simplefavorite-button.active i::before {
  color: #5E3253 !important;
  font-weight: 900;
}
.product-item .btns-section .simplefavorite-button.active:hover {
  background-color: #5E3253;
}
.product-item .btns-section .simplefavorite-button.active:hover i::before {
  color: #fff !important;
  font-weight: bold;
}
.product-item .btns-section .ccc-favorite-post-toggle a {
  width: 40px;
  height: 40px;
  background: rgba(94, 50, 83, 0.1);
  border-radius: 40px;
}
.product-item .btns-section .ccc-favorite-post-toggle a::before {
  content: "\f02e";
  font-family: "Font Awesome 6 Pro" !important;
  font-size: 16px;
  line-height: 16px;
  color: #5E3253;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product-item .btns-section .ccc-favorite-post-toggle a.save::before {
  font-weight: 900;
}
.product-item .owl-carousel {
  position: relative;
}
.product-item .owl-carousel .owl-item {
  visibility: hidden;
}
.product-item .owl-carousel .owl-item.active {
  visibility: visible;
}
.product-item .owl-carousel .owl-stage-outer {
  overflow: hidden !important;
}
.product-item .owl-carousel .owl-nav {
  position: absolute;
  top: 30%;
  width: 100%;
  display: none;
}
.product-item .owl-carousel .owl-nav .owl-prev,
.product-item .owl-carousel .owl-nav .owl-next {
  height: 40px;
  width: 40px;
  background: white;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1019607843);
}
.product-item .owl-carousel .owl-nav .owl-prev {
  float: left;
  transform: translateX(-20px);
}
.product-item .owl-carousel .owl-nav .owl-prev:before {
  content: "\f060";
  position: relative;
  display: block;
  margin: auto;
  margin-top: 0;
  font-family: "Font Awesome 6 Pro";
  color: #38393B;
  font-size: 16px;
  font-weight: 300;
}
.product-item .owl-carousel .owl-nav .owl-prev span {
  display: none;
}
.product-item .owl-carousel .owl-nav .owl-next {
  float: right;
  transform: translateX(20px);
}
.product-item .owl-carousel .owl-nav .owl-next:before {
  content: "\f061";
  position: relative;
  display: block;
  margin: auto;
  margin-top: 0;
  font-family: "Font Awesome 6 Pro";
  color: #38393B;
  font-size: 16px;
  font-weight: 300;
}
.product-item .owl-carousel .owl-nav .owl-next span {
  display: none;
}
.product-item .owl-carousel .owl-nav .disabled {
  display: none;
}
.product-item:hover {
  background-color: #fff;
  transition: all 0.4s ease 0s;
  border-bottom: 1px solid #5E3253;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.0509803922);
}
.product-item:hover .owl-carousel .owl-item {
  visibility: visible;
}
.product-item:hover .owl-carousel .owl-nav {
  display: block;
}
.product-item:hover .btns-section {
  transition: all 0.4s ease 0s;
  opacity: 1;
}

.select2-container .select2-dropdown {
  border: none;
}
.select2-container .select2-dropdown .option--highlighted {
  background: #ededed !important;
}

.select2-container--default .select2-results__option--highlighted {
  background: #5E3253 !important;
}

.taxonomy-products .search-container {
  background-color: #ededed;
}
.taxonomy-products .search-container .search {
  position: relative;
}
.taxonomy-products .search-container .search input {
  width: 100%;
  height: 60px;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #38393B;
  outline: none;
  font-size: 16px;
  line-height: 24px;
  padding: 0 45px 0 20px;
}
.taxonomy-products .search-container .search::after {
  content: "\f002";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #38393B;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
}
.taxonomy-products .product-list-container {
  padding-top: 65px;
  background: rgba(237, 237, 237, 0.5);
  padding-bottom: 16vh;
}
.taxonomy-products .product-list-container form {
  margin-bottom: 60px;
}
.taxonomy-products .product-list-container form .select2-container .select2-dropdown {
  border: none;
}
.taxonomy-products .product-list-container form .select2-container .selection .select2-selection {
  border: none;
  background: #FFFFFF;
  border-radius: 24px;
  position: relative;
  cursor: pointer;
}
.taxonomy-products .product-list-container form .select2-container .selection .select2-selection::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
  color: #38393B;
}
.taxonomy-products .product-list-container form .select2-container .selection .select2-selection .select2-selection__rendered {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 6px 40px 6px 18px;
}
.taxonomy-products .product-list-container form .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice {
  background-color: transparent;
  border: none;
  padding: 0;
  font-size: 16px;
  line-height: 19px;
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  margin: 0;
  margin-top: 3px;
}
.taxonomy-products .product-list-container form .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice::after {
  content: ",";
  font-size: 16px;
  line-height: 19px;
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  margin-right: 3px;
  cursor: pointer;
}
.taxonomy-products .product-list-container form .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice span {
  display: none;
}
.taxonomy-products .product-list-container form .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice:nth-last-child(2)::after {
  content: none;
}
.taxonomy-products .product-list-container form .select2-container .selection .select2-selection .select2-selection__rendered .select2-search input {
  font-size: 16px;
  line-height: 19px;
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  cursor: unset;
}
.taxonomy-products .product-list-container form .select2-container--open .selection .select2-selection {
  border-radius: 24px 24px 0 0;
}
.taxonomy-products .product-list-container form .select2-container--open .selection .select2-selection::after {
  content: "\f077";
}

.clear-filter-container {
  text-align: right;
  margin-top: 12px;
}
.clear-filter-container .clear-filter {
  padding: 0;
  border: none;
  background: transparent;
  color: #5E3253;
  text-decoration: underline;
  font-size: 14px;
  line-height: 16px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
}

.taxonomy-lines .product-list-container {
  padding-top: 13vh;
  background-color: #fff;
}
.taxonomy-lines .product-list-container .title-lines {
  text-align: center;
  font-size: 48px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  margin-bottom: 80px;
}
.taxonomy-lines .product-list-container .title-lines b {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}

.btn-load-more-container {
  text-align: center;
  padding-top: 40px;
}
.btn-load-more-container .btn-load-more {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 16px;
  line-height: 16px;
  color: #38393B;
  background: rgba(56, 57, 59, 0.1);
  border-radius: 40px;
  padding: 14px 25px;
  border: none;
  transition: all 0.4s ease 0s;
}
.btn-load-more-container .btn-load-more:hover {
  background-color: #38393B;
  color: #fff;
}

.featured-products {
  padding: 16vh 0;
  background-color: #fff;
  overflow: hidden;
}
.featured-products .title-row h2 {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 48px;
  line-height: 56px;
  margin: 0;
}
.featured-products .footer-note-div .footer-note {
  margin-top: 40px;
  text-align: right;
}
.featured-products .footer-note-div .footer-note p {
  float: right;
  padding-right: 68px;
  color: #5E3253;
  text-transform: uppercase;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 11px;
  position: relative;
}
.featured-products .footer-note-div .footer-note p:after {
  content: "";
  width: 80px;
  height: 1px;
  background-color: #5E3253;
  position: absolute;
  right: -30px;
  top: 5px;
}
.featured-products .feature-list-container {
  max-width: 1156px;
  padding: 0;
  margin: auto;
}
.featured-products .feature-list-container .owl-stage-outer {
  overflow: initial;
}

.taxonomy-products .featured-products {
  padding-bottom: 30vh;
}
@media screen and (max-width: 991px) {
  .taxonomy-products .featured-products {
    padding-bottom: 8vh;
  }
}

.lines-list-container {
  padding-left: 20%;
  background: rgba(237, 237, 237, 0.5);
  padding-top: 65px;
  padding-bottom: 30vh;
}
@media (max-width: 1399px) {
  .lines-list-container {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media (max-width: 992px) {
  .lines-list-container {
    padding-bottom: 10vh;
  }
}
.lines-list-container .lines-item {
  border-bottom: 1px solid rgba(56, 57, 59, 0.2);
  padding-bottom: 60px;
  margin-bottom: 60px;
  align-items: center;
  gap: 30px 0;
  overflow: hidden;
}
.lines-list-container .lines-item:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.lines-list-container .lines-item .image-container img {
  max-width: 100%;
}
.lines-list-container .lines-item .text-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.lines-list-container .lines-item .text-container h2 {
  font-size: 42px;
}
.lines-list-container .lines-item .text-container h2 a {
  color: #5E3253;
  text-decoration: underline 3px transparent;
  transition: text-decoration-color 300ms;
}
.lines-list-container .lines-item .text-container h2:hover a {
  text-decoration-color: #5E3253;
}
.lines-list-container .lines-item .text-container p {
  margin: 0;
}
.lines-list-container .lines-item .text-container .btn {
  padding: 0;
}
.lines-list-container .lines-item .text-container .btn .icon {
  margin: auto;
  font-size: 16px;
  border: 1px solid rgba(56, 57, 59, 0.2);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  align-items: center;
  display: inline-grid;
  vertical-align: middle;
  color: #38393B;
}
.lines-list-container .lines-item .text-container .btn .icon .lnr::before {
  color: #38393B;
}
.lines-list-container .lines-item .text-container .btn .icon .arrow span {
  display: inline;
}
.lines-list-container .lines-item .text-container .btn .read-more {
  padding-left: 12px;
  color: #38393B;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  text-decoration: underline 3px transparent;
  transition: text-decoration-color 300ms;
}
.lines-list-container .lines-item .text-container .btn:hover .icon {
  background-color: #38393B;
}
.lines-list-container .lines-item .text-container .btn:hover .icon .lnr::before {
  color: #fff;
}
.lines-list-container .lines-item .text-container .btn:hover .read-more {
  text-decoration-color: #38393B;
}
.lines-list-container .lines-item .lines-products {
  overflow: hidden;
}
.lines-list-container .lines-item .lines-slider {
  max-width: 420px;
  padding: 0;
}
@media (max-width: 1399px) {
  .lines-list-container .lines-item .lines-slider {
    padding-top: 30px;
    max-width: unset;
  }
}
.lines-list-container .lines-item .lines-slider .owl-stage-outer {
  overflow: initial;
}

.title-image {
  background-color: #fff;
  padding: 16vh 0;
}
.title-image .title {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  color: #5E3253;
  margin-bottom: 40px;
}
.title-image .image-container .drag_element.tips {
  cursor: pointer;
}
.title-image .image-container .wrap_svl_center_box {
  position: relative;
  overflow: hidden;
}
.title-image .image-container .wrap_svl {
  transition: all 1s;
}
.title-image .image-container .box_view_html {
  max-width: none;
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: #fff;
  color: #000;
  text-align: left;
  z-index: 9999;
}
.title-image .image-container .box_view_html .close_ihp {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.title-image .image-container .box_view_html .close_ihp svg {
  display: none;
}
.title-image .image-container .box_view_html .close_ihp::after {
  content: "\f00d";
  color: #FFF;
  text-align: center;
  font-family: "Font Awesome 6 Pro";
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.title-image .image-container .box_view_html img {
  width: 100%;
  margin-bottom: 50px;
  max-height: 350px;
  object-fit: cover;
  object-position: center;
}
@media screen and (max-width: 1200px) {
  .title-image .image-container .box_view_html img {
    max-height: 250px;
  }
}
@media screen and (max-width: 1000px) {
  .title-image .image-container .box_view_html img {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 900px) {
  .title-image .image-container .box_view_html img {
    max-height: 200px;
  }
}
.title-image .image-container .box_view_html p {
  text-align: left;
}
.title-image .image-container .box_view_html p strong {
  font-size: 40px;
  color: #5E3253;
  padding: 0 50px;
  display: block;
  line-height: normal;
}
@media screen and (max-width: 1200px) {
  .title-image .image-container .box_view_html p strong {
    font-size: 30px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 1000px) {
  .title-image .image-container .box_view_html p strong {
    font-size: 20px;
  }
}
.title-image .image-container .box_view_html div div {
  padding: 0 50px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1200px) {
  .title-image .image-container .box_view_html div div {
    padding: 0 20px;
  }
}
@media screen and (max-width: 1000px) {
  .title-image .image-container .box_view_html div div {
    font-size: 14px;
  }
}
.title-image .image-container .box_view_html a {
  margin: 0 50px;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  margin-top: 20px;
  display: block;
  color: #38393B;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.title-image .image-container .box_view_html a::after {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 31px;
  color: #38393B;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(56, 57, 59, 0.2);
  border-radius: 50%;
}
@media screen and (max-width: 1000px) {
  .title-image .image-container .box_view_html a::after {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .title-image .image-container .box_view_html a {
    margin: 0 20px;
    margin-top: 20px;
  }
}

.privacy-policy .banner-archive {
  background-color: #fff;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 13vh;
  padding-top: 28vh;
  padding-left: 4%;
  padding-right: 4%;
}
.privacy-policy .banner-archive h1 {
  color: #5E3253;
}
.privacy-policy .entry-content {
  background-color: rgba(237, 237, 237, 0.5);
  padding-top: 13vh;
  padding-bottom: 13vh;
}
.privacy-policy .entry-content .nav {
  display: flex;
  gap: 15px 40px;
  align-items: center;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: none;
}
.privacy-policy .entry-content .nav li {
  border: none;
}
.privacy-policy .entry-content .nav li a {
  color: #38393B;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 42px;
  margin: 0;
  line-height: 40px;
  text-decoration: none;
  display: block;
  border: none;
  padding: 0;
  background-color: transparent;
}
@media screen and (max-width: 992px) {
  .privacy-policy .entry-content .nav li a {
    font-size: 35px;
  }
}
.privacy-policy .entry-content .nav li a.active {
  color: #5E3253;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.privacy-policy .entry-content .tab-content {
  margin-top: 10vh;
}

.notfound-page {
  background-color: #dee0e1;
  min-height: 80vh;
  display: flex;
  align-items: center;
}
.notfound-page .not-found {
  padding-left: 10%;
  padding-right: 10%;
}
.notfound-page .not-found .page-title {
  color: #38393B;
}
.notfound-page .page-header {
  margin-bottom: 3vh;
}

.error404 .site-main {
  padding-top: 12vh;
  padding-bottom: 6vh;
  background-position: bottom left;
  background-size: 440px;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
}

.title-hotspot-image {
  padding: 16vh 0;
}
.title-hotspot-image .content-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 80px;
  flex-wrap: wrap;
  gap: 15px;
}
.title-hotspot-image .healdine {
  font-size: 48px;
  line-height: 56px;
}
.title-hotspot-image .healdine p {
  margin: 0;
}
@media screen and (max-width: 575px) {
  .title-hotspot-image .healdine {
    font-size: 30px;
    line-height: 36px;
  }
}
.title-hotspot-image .btn .icon {
  margin: auto;
  font-size: 16px;
  border: 1px solid rgba(56, 57, 59, 0.2);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  align-items: center;
  display: inline-grid;
  vertical-align: middle;
  transition: all 0.4s ease 0s;
}
.title-hotspot-image .btn .icon .lnr::before {
  color: #38393B;
}
.title-hotspot-image .btn:hover .icon {
  background-color: #38393B;
}
.title-hotspot-image .btn:hover .icon .lnr::before {
  color: #fff;
}
.title-hotspot-image .btn:hover .read-more {
  text-decoration-color: #38393B;
}
.title-hotspot-image .arrow span {
  display: inline;
}
.title-hotspot-image .read-more {
  padding-right: 16px;
  color: #38393B;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-weight: bold;
  text-decoration: underline 3px transparent;
  transition: text-decoration-color 300ms;
}
.title-hotspot-image .mobile-only {
  text-align: center;
}
.title-hotspot-image .mobile-only img {
  max-width: 100%;
}

.up-to-date-news {
  background-color: #fff;
  padding-top: 14vh;
  padding-bottom: 16vh;
  background-position: bottom left;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.up-to-date-news .title-row h2 {
  font-size: 48px;
}
@media screen and (max-width: 500px) {
  .up-to-date-news .title-row h2 {
    font-size: 30px;
  }
}
.up-to-date-news .footer-note {
  position: absolute;
  right: 40px;
}
.up-to-date-news .footer-note p {
  color: #5E3253;
  text-transform: uppercase !important;
  font-size: 11px !important;
}
.up-to-date-news .footer-note:after {
  content: "";
  width: 80px;
  height: 1px;
  background-color: #5E3253;
  position: absolute;
  right: -70px;
  top: 5px;
}
.up-to-date-news .btn {
  padding: 0;
  font-size: 16px;
  height: auto;
}
.up-to-date-news .btn:hover {
  color: #38393B;
}
.up-to-date-news .btn:focus {
  box-shadow: none;
  outline: none;
}
.up-to-date-news .btn .icon {
  margin: auto;
  font-size: 16px;
  border: 1px solid rgba(56, 57, 59, 0.2);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  align-items: center;
  display: inline-grid;
  vertical-align: middle;
  transition: all 0.4s ease 0s;
}
.up-to-date-news .btn .icon .lnr::before {
  color: #38393B;
}
.up-to-date-news .btn:hover .icon {
  background-color: #38393B;
}
.up-to-date-news .btn:hover .icon .lnr::before {
  color: #fff;
}
.up-to-date-news .arrow span {
  display: inline;
}
.up-to-date-news .read-more {
  padding-right: 16px;
  color: #38393B;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.up-to-date-news a {
  text-decoration: none;
}
.up-to-date-news .up-to-date-news-item {
  padding: 0;
}
.up-to-date-news .up-to-date-news-item .text-item {
  display: none;
}
.up-to-date-news .up-to-date-news-item img {
  width: 100%;
}
.up-to-date-news .up-to-date-news-item h3 {
  margin-top: 20px;
  color: #5E3253;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.up-to-date-news .btn-row {
  margin-top: 40px;
}
.up-to-date-news .owl-item.active .up-to-date-news-item .text-item {
  display: flex;
}
.up-to-date-news .footer-note {
  margin-top: 40px;
  text-align: right;
}
.up-to-date-news .footer-note p {
  float: right;
  padding-right: 28px;
  color: #5E3253;
  text-transform: uppercase;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 11px;
}
.up-to-date-news .footer-note-div-mobile {
  display: none;
  position: absolute;
  right: 50px;
  top: auto;
}
.up-to-date-news .footer-note-mobile {
  text-align: right;
}
.up-to-date-news .footer-note-mobile p {
  float: right;
  padding-right: 28px;
  color: #5E3253;
  text-transform: uppercase;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 11px;
}
.up-to-date-news .footer-note-mobile p:after {
  content: "";
  width: 80px;
  height: 1px;
  background-color: #5E3253;
  position: absolute;
  right: -70px;
  top: 5px;
}
.up-to-date-news .up-to-date-news-list {
  margin-top: 8vh;
  max-width: 1156px;
  padding: 0;
}
@media screen and (max-width: 1155px) {
  .up-to-date-news .up-to-date-news-list {
    padding: 0 10%;
  }
}
.up-to-date-news .owl-carousel {
  margin: auto;
}
.up-to-date-news .owl-stage {
  margin-top: 8vh;
}
.up-to-date-news .owl-stage-outer {
  overflow: initial;
}
@media (max-width: 768px) {
  .up-to-date-news button {
    height: 40px;
    padding: 26px 32px 24px 32px;
    display: flex;
    align-items: center;
  }
  .up-to-date-news .footer-note-div {
    display: none;
  }
  .up-to-date-news .footer-note-div-mobile {
    display: block;
  }
}
@media (max-width: 576px) {
  .up-to-date-news .btn-video:before {
    display: none !important;
  }
  .up-to-date-news .up-to-date-news-item {
    min-height: 400px;
  }
  .up-to-date-news .footer-note {
    margin-top: 11vh;
  }
  .up-to-date-news .dropdown-drag .cat-form {
    margin-bottom: 6vh;
  }
}
.up-to-date-news .owl-dots {
  display: none;
}
.up-to-date-news .modal {
  background-color: rgba(33, 37, 41, 0.031372549) !important;
}
.up-to-date-news .modal .modal-dialog {
  max-width: 70%;
  width: 70%;
  height: 70%;
  margin: auto;
  margin-top: 15%;
  transform: none !important;
}
.up-to-date-news .modal .modal-dialog .modal-content {
  background: transparent;
  border: none;
}
.up-to-date-news .modal .modal-dialog iframe {
  width: 100%;
  height: 60vh;
}

.parallax-images {
  padding-top: 8vh;
  padding-bottom: 16vh;
  overflow: hidden;
}
.parallax-images .parallax-images-wrapper {
  position: relative;
}
.parallax-images .parallax-images-item img {
  width: 100%;
  min-height: 60vh;
  object-fit: cover;
}

.ask-quotation {
  background: rgba(237, 237, 237, 0.5);
  padding-top: 16vh;
  padding-bottom: 20vh;
}
.ask-quotation .title p {
  font-size: 40px;
  line-height: 50px;
  margin: 0;
  text-align: center;
}
.ask-quotation .title p strong {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
}
.ask-quotation .text {
  text-align: center;
}
.ask-quotation .btns-container {
  text-align: center;
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ask-quotation .btns-container button {
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 16px;
  line-height: 16px;
  border: none;
  padding: 14px 25px;
  background: rgba(56, 57, 59, 0.1);
  border-radius: 40px;
}
.ask-quotation .btns-container button:hover {
  background: rgb(56, 57, 59);
  color: #fff;
}
.ask-quotation .btns-container .btn-share {
  background: rgb(94, 50, 83);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ask-quotation .btns-container .btn-share:hover {
  background: rgb(56, 57, 59);
  color: #fff;
}
.ask-quotation .modal {
  z-index: 100000000000000000000;
}
.ask-quotation .modal .modal-content .modal-header {
  border: none;
  padding-top: 40px;
  padding-right: 40px;
}
.ask-quotation .modal .modal-content .modal-header button {
  background: transparent;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ask-quotation .modal .modal-content .modal-header button:focus {
  box-shadow: none;
}
.ask-quotation .modal .modal-content .modal-header button::before {
  content: "\f00d";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 32px;
  line-height: 32px;
  color: #38393B;
}
.ask-quotation .modal .modal-content .modal-body {
  padding: 5% 0;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form h2,
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form p {
  text-align: center;
  margin: 0;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form p {
  margin-bottom: 40px;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form .form-item p {
  text-align: left;
  margin-bottom: 0;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form label {
  color: #38393B;
  font-size: 16px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  line-height: 16px;
  width: 100%;
  margin-bottom: 14px;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form label input,
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form label select,
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form label textarea {
  margin-top: 12px;
  background: rgba(237, 237, 237, 0.5);
  border-radius: 24px;
  border: none;
  width: 100%;
  color: #38393B;
  font-size: 16px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  padding: 13px;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form label input:focus-visible,
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form label select:focus-visible,
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form label textarea:focus-visible {
  outline: none;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form .intl-tel-input {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form .intl-tel-input .flag-container {
  background: rgba(237, 237, 237, 0.5);
  border-radius: 24px;
  position: relative;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form .intl-tel-input .flag-container .selected-flag {
  width: 90px;
  padding: 0 0 0 20px;
  border-radius: 24px;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form .intl-tel-input .flag-container .iti-arrow {
  right: 30px;
  border: none;
  top: 35%;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form .intl-tel-input .flag-container .iti-arrow::after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
  color: #38393B;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form .select .wpcf7-form-control-wrap {
  position: relative;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form .select .wpcf7-form-control-wrap::after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
  color: #38393B;
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form .wpcf7-acceptance label {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form .wpcf7-acceptance label a {
  color: #5E3253;
  text-decoration: none;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form .wpcf7-acceptance input {
  width: 20px;
  height: 20px;
  margin: 0;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form .form-submit {
  text-align: center;
  margin-top: 40px;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form .form-submit p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form .wpcf7-submit {
  color: #fff;
  border: 1px solid rgba(74, 43, 77, 0.1);
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  font-size: 14px;
  text-decoration: none;
  border-radius: 50px;
  padding: 16px 32px 14px 32px;
  background-color: #38393B;
  transition: all 0.4s ease 0s;
  width: max-content;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form .wpcf7-submit:hover {
  background: #fff;
  color: #38393B;
}
.ask-quotation .modal .modal-content .modal-body .wpcf7 .wpcf7-form .wpcf7-response-output {
  margin-top: 0;
}
.ask-quotation .modal-share-link .modal-dialog .modal-content {
  background-color: #38393B;
}
.ask-quotation .modal-share-link .modal-dialog .modal-content .modal-header button::before {
  color: #fff;
}
.ask-quotation .modal-share-link .modal-dialog .modal-content .modal-body {
  padding: 40px;
}
@media screen and (max-width: 600px) {
  .ask-quotation .modal-share-link .modal-dialog .modal-content .modal-body {
    padding: 10px;
  }
}
.ask-quotation .modal-share-link .modal-dialog .modal-content .modal-body .container-share {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 700px) {
  .ask-quotation .modal-share-link .modal-dialog .modal-content .modal-body .container-share {
    flex-direction: column;
    justify-content: center;
    gap: 15px;
  }
}
.ask-quotation .modal-share-link .modal-dialog .modal-content .modal-body .container-share input {
  flex: 1;
  padding: 10px;
  font-size: 18px;
  border-radius: 10px;
  border: none;
}
@media screen and (max-width: 700px) {
  .ask-quotation .modal-share-link .modal-dialog .modal-content .modal-body .container-share input {
    width: 100%;
  }
}
.ask-quotation .modal-share-link .modal-dialog .modal-content .modal-body .container-share .btn {
  background: rgb(94, 50, 83);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.extra-section-title-text-video {
  padding: 16vh 0;
}
.extra-section-title-text-video .note {
  margin-bottom: 55px;
}
.extra-section-title-text-video .note p {
  padding-left: 24px;
  color: #5E3253;
  text-transform: uppercase;
  width: 200px;
  font-family: "Nexa Regular", Helvetica, Verdana, sans-serif;
  font-size: 12px;
  margin: 0;
}
.extra-section-title-text-video .note .border-scroll {
  width: 1px;
  height: 75px;
  margin-top: -15px;
  display: block;
  position: absolute;
  background: linear-gradient(to bottom, #5E3253 50%, rgba(94, 50, 83, 0) 50%);
  background-position: 0 -73px;
  background-size: 100% 200%;
  animation: scrolldown-lg 3s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
.extra-section-title-text-video .image-container {
  padding-bottom: 80px;
}
.extra-section-title-text-video .image-container img {
  width: 100%;
}
.extra-section-title-text-video .healdine {
  margin-top: 30px;
  margin-bottom: 18px;
}
.extra-section-title-text-video .video-container {
  padding: 0;
  padding-bottom: 80px;
  background-color: unset;
}

.pages-section {
  padding: 16vh 0;
}
.pages-section .grid-pages-section {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 280px 280px;
  gap: 12px;
  grid-template-areas: " area1 area1 area2 area2" " area1 area1 area3 area4";
}
@media screen and (max-width: 1000px) {
  .pages-section .grid-pages-section {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 400px 280px 280px;
    grid-template-areas: "area1 area1" "area2 area2" "area3 area4";
  }
}
@media screen and (max-width: 576px) {
  .pages-section .grid-pages-section {
    grid-template-columns: 1fr;
    grid-template-rows: 400px 280px 280px 280px;
    grid-template-areas: "area1 " "area2 " "area3 " " area4";
  }
}
.pages-section .grid-pages-section .item-container {
  text-decoration: none;
}
.pages-section .grid-pages-section .item-container:nth-child(1) {
  grid-area: area1;
}
.pages-section .grid-pages-section .item-container:nth-child(2) {
  grid-area: area2;
}
.pages-section .grid-pages-section .item-container:nth-child(3) {
  grid-area: area3;
}
.pages-section .grid-pages-section .item-container:nth-child(4) {
  grid-area: area4;
}
.pages-section .grid-pages-section .item {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  padding: 20px;
  display: flex;
  align-items: flex-start;
  background-size: cover;
  background-position: center;
  flex-direction: column;
  justify-content: flex-end;
}
.pages-section .grid-pages-section .item .text-container span {
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-transform: uppercase;
}
.pages-section .grid-pages-section .item .text-container p {
  font-size: 24px;
  line-height: 30px;
  font-family: "Nexa Bold", Helvetica, Verdana, sans-serif;
  margin: 0;
  color: #fff;
  margin-top: 12px;
}
.pages-section .grid-pages-section .item .icon-container {
  height: 0;
  opacity: 0;
  transition: all 0.4s ease 0s;
}
.pages-section .grid-pages-section .item .icon {
  margin: auto;
  font-size: 16px;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  align-items: center;
  display: inline-grid;
  vertical-align: middle;
  text-align: center;
  transition: all 0.3s ease 0.1s;
  background-color: transparent;
}
.pages-section .grid-pages-section .item .icon .lnr::before {
  color: #fff;
}
.pages-section .grid-pages-section .item:hover .icon-container {
  height: 48px;
  opacity: 1;
}
.pages-section .grid-pages-section .item:hover .icon-container .icon {
  background-color: #fff;
}
.pages-section .grid-pages-section .item:hover .icon-container .icon .lnr::before {
  color: #38393B;
}
.pages-section .grid-pages-section .item.icon {
  background-size: auto;
  background-position: top 30px right 30px;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.modal-content {
  background: white;
  padding: 20px;
  width: auto;
  max-width: 90%;
  border-radius: 10px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
  position: relative;
  text-align: center;
}
.modal-content .close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #5E3253;
  color: white;
  border: none;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  z-index: 10;
}
/*# sourceMappingURL=style.css.map */