@charset "UTF-8";
/*
Theme Name: Westfund Milacku
Theme URI: https://envyus.com.au
Author: EnvyUs
Author URI: https://envyus.com.au
Description: Milacku
Version: Milacku-v2023-22.11.4
License: GNU General Public License
Text Domain: Milacku
Milacku WordPress Theme © Oct 2023
*/
.manzana, .text-manzana {
  color: #f75666;
}
.bg-manzana {
  background-color: #f75666;
}
.manzana-light, .text-manzana-light {
  color: #f2706d;
}
.bg-manzana-light {
  background-color: #f2706d;
}
.albaricoque, .text-albaricoque {
  color: #fccfbf;
}
.bg-albaricoque {
  background-color: #fccfbf;
}
.rosa, .text-rosa {
  color: #feeee4;
}
.bg-rosa {
  background-color: #feeee4;
}
.indigo, .text-indigo {
  color: #2e3e80;
}
.bg-indigo {
  background-color: #2e3e80;
}
.cielo, .text-cielo {
  color: #edf2fb;
}
.bg-cielo {
  background-color: #edf2fb;
}
.zanahoria, .text-zanahoria {
  color: #f06121;
}
.bg-zanahoria {
  background-color: #f06121;
}
.naranja, .text-naranja {
  color: #ffa500;
}
.bg-naranja {
  background-color: #ffa500;
}
.amarillo, .text-amarillo {
  color: #fcb937;
}
.bg-amarillo {
  background-color: #fcb937;
}
.pino, .text-pino {
  color: #3d5d2f;
}
.bg-pino {
  background-color: #3d5d2f;
}
.tinta, .text-tinta {
  color: #303030;
}
.bg-tinta {
  background-color: #303030;
}
.humo, .text-humo {
  color: #f3f4ee;
}
.bg-humo {
  background-color: #f3f4ee;
}
.sombra, .text-sombra {
  color: #7e7e81;
}
.bg-sombra {
  background-color: #7e7e81;
}
.carbon, .text-carbon {
  color: #202020;
}
.bg-carbon {
  background-color: #202020;
}
@font-face {
  font-family: "Euclid Circular A";
  src: url("fonts/EuclidCircularA-Bold.eot");
  src: url("fonts/EuclidCircularA-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/EuclidCircularA-Bold.woff2") format("woff2"), url("fonts/EuclidCircularA-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Euclid Circular A";
  src: url("fonts/EuclidCircularA-Regular.eot");
  src: url("fonts/EuclidCircularA-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/EuclidCircularA-Regular.woff2") format("woff2"), url("fonts/EuclidCircularA-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Euclid Circular A";
  src: url("fonts/EuclidCircularA-Semibold.eot");
  src: url("fonts/EuclidCircularA-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/EuclidCircularA-Semibold.woff2") format("woff2"), url("fonts/EuclidCircularA-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
.epic {
  font-family: "Euclid Circular A", sans-serif;
}
.drama {
  font-family: "Euclid Circular A", sans-serif;
}
.prose {
  font-family: "Euclid Circular A", sans-serif;
}
html {
  font-size: 62.5%;
}
body {
  font-family: "Euclid Circular A", sans-serif;
  font-size: 1.6rem;
  font-weight: normal;
  color: #303030;
}
@media screen and (max-width: 768px) {
  html {
    font-size: 60.5%;
  }
}
@media screen and (max-width: 576px) {
  html {
    font-size: 58.5%;
  }
}
h1 {
  font-family: "Euclid Circular A", sans-serif;
  font-weight: bold !important;
  font-size: 5.4rem;
}
h2 {
  font-family: "Euclid Circular A", sans-serif;
  font-weight: bold !important;
  font-size: 4.8rem;
}
h3 {
  font-family: "Euclid Circular A", sans-serif;
  font-weight: bold !important;
  font-size: 4rem;
}
h4 {
  font-family: "Euclid Circular A", sans-serif;
  font-weight: bold !important;
  font-size: 3.2rem;
}
h5 {
  font-family: "Euclid Circular A", sans-serif;
  font-weight: 600 !important;
  font-size: 2.4rem;
}
h6 {
  font-family: "Euclid Circular A", sans-serif;
  font-weight: 600 !important;
  font-size: 1.9rem;
}
p {
  margin: 0 0 0.6em 0;
}
strong {
  font-weight: 600;
}
blockquote {
  font-family: "Euclid Circular A", sans-serif;
  font-size: 1.8rem;
  font-weight: 300;
  color: #303030;
}
a:link {
  color: #2e3e80;
  text-decoration: none;
}
a:visited {
  color: #2e3e80;
}
a:hover {
  color: #f06121 !important;
  text-decoration: none;
}
#footer a:link {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 2px;
}
#footer a:visited {
  color: #fff;
}
#footer a:hover {
  color: #fff !important;
  text-decoration: underline;
}
.darkmode a:link {
  color: #fff !important;
  text-decoration: none;
}
.darkmode a:visited {
  color: #fff !important;
}
.darkmode a:hover {
  color: #f06121 !important;
  text-decoration: none;
}
*:focus {
  outline: none !important;
}
::selection {
  background: #ffa500;
  /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #ffa500;
  /* Gecko Browsers */
}
ul {
  margin-left: 0px;
}
ol {
  margin-left: 0px;
}
li {
  list-style-position: outside;
  padding-bottom: 6px;
}
/*

███████╗ ██████╗ ███╗   ██╗████████╗                          
██╔════╝██╔═══██╗████╗  ██║╚══██╔══╝                          
█████╗  ██║   ██║██╔██╗ ██║   ██║                             
██╔══╝  ██║   ██║██║╚██╗██║   ██║                             
██║     ╚██████╔╝██║ ╚████║   ██║                             
╚═╝      ╚═════╝ ╚═╝  ╚═══╝   ╚═╝                             
                                                              
 █████╗ ██╗    ██╗███████╗███████╗ ██████╗ ███╗   ███╗███████╗
██╔══██╗██║    ██║██╔════╝██╔════╝██╔═══██╗████╗ ████║██╔════╝
███████║██║ █╗ ██║█████╗  ███████╗██║   ██║██╔████╔██║█████╗  
██╔══██║██║███╗██║██╔══╝  ╚════██║██║   ██║██║╚██╔╝██║██╔══╝  
██║  ██║╚███╔███╔╝███████╗███████║╚██████╔╝██║ ╚═╝ ██║███████╗
╚═╝  ╚═╝ ╚══╝╚══╝ ╚══════╝╚══════╝ ╚═════╝ ╚═╝     ╚═╝╚══════╝
                                                              
fontwaesome */
.fa-instagram, .fa-twitter, .fa-facebook-f, .fa-envelope, .fa-search, .fa-times, .fa-google-plus-g, .fa-linkedin-in, .fa-phone-alt {
  color: #f06121;
  font-size: 2.7rem;
  margin-right: 10px;
}
.fa-instagram:hover, .fa-twitter:hover, .fa-facebook-f:hover, .fa-envelope:hover, .fa-search:hover, .fa-times:hover, .fa-google-plus-g:hover, .fa-linkedin-in:hover, .fa-phone-alt:hover {
  color: #f06121;
  margin-right: 10px;
  -webkit-transform: translateY(2px);
  transform: translateY(1px);
  transition-duration: 0.4s;
}
#social-icons-lightmode .fa-facebook-f, #social-icons-lightmode .fa-twitter, #social-icons-lightmode .fa-instagram, #social-icons-lightmode .fa-linkedin-in, #social-icons-lightmode .fa-phone-alt, #social-icons-lightmode .fa-envelope {
  color: #fff;
}
#social-icons-lightmode .fa-facebook-f:hover, #social-icons-lightmode .fa-twitter:hover, #social-icons-lightmode .fa-instagram:hover, #social-icons-lightmode .fa-linkedin-in:hover, #social-icons-lightmode .fa-phone-alt:hover, #social-icons-lightmode .fa-envelope:hover {
  color: #f06121;
}
.fa-expand {
  font-size: 2.7rem;
}
/*
███    ███ ███████ ███    ██ ██    ██ ███████
████  ████ ██      ████   ██ ██    ██ ██
██ ████ ██ █████   ██ ██  ██ ██    ██ ███████
██  ██  ██ ██      ██  ██ ██ ██    ██      ██
██      ██ ███████ ██   ████  ██████  ███████
*/
#main-menu a:link {
  color: #fff;
  text-decoration: none;
}
#main-menu a:visited {
  color: #fff;
}
#main-menu a:hover {
  color: #f06121 !important;
  text-decoration: none;
}
.dropdown-menu {
  background-color: #edf2fb;
  border: 0;
}
.dropdown-item, .dropdown-item:active {
  color: #f75666 !important;
  font-size: 1.6rem;
  font-weight: 500;
}
.dropdown-item:hover {
  color: #f06121 !important;
  background-color: transparent;
}
#privacy-menu a:link {
  color: #fff;
  text-decoration: none;
}
#privacy-menu a:visited {
  color: #fff;
}
#privacy-menu a:hover {
  color: #f06121 !important;
  text-decoration: none;
}
#footer-menu a:link {
  color: #fff;
  text-decoration: none;
}
#footer-menu a:visited {
  color: #fff;
}
#footer-menu a:hover {
  color: #f06121 !important;
  text-decoration: none;
}
#privacy-menu ul, #footer-menu ul {
  list-style: none;
  padding-left: 0;
}
#privacy-menu ol, #footer-menu ol {
  margin-left: 0px;
}
#privacy-menu li, #footer-menu li {
  list-style-position: inside;
  padding-bottom: 6px;
  text-align: left;
}
/*
███    ███  █████  ██ ███    ██     ██████   █████  ██████
████  ████ ██   ██ ██ ████   ██     ██   ██ ██   ██ ██   ██
██ ████ ██ ███████ ██ ██ ██  ██     ██████  ███████ ██████
██  ██  ██ ██   ██ ██ ██  ██ ██     ██   ██ ██   ██ ██   ██
██      ██ ██   ██ ██ ██   ████     ██████  ██   ██ ██   ██


*/
.main-tool-bar {
  height: auto;
  background: bg-cielo;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  transition: ease 0.4s;
  z-index: 9;
}
.main-tool-bar--scrolled {
  height: 40px;
}
.scrollable-area {
  height: 200vh;
}
/*
████████  ██████   ██████   ██████  ██      ███████
   ██    ██    ██ ██       ██       ██      ██
   ██    ██    ██ ██   ███ ██   ███ ██      █████
   ██    ██    ██ ██    ██ ██    ██ ██      ██
   ██     ██████   ██████   ██████  ███████ ███████


███    ███ ███████ ███    ██ ██    ██
████  ████ ██      ████   ██ ██    ██
██ ████ ██ █████   ██ ██  ██ ██    ██
██  ██  ██ ██      ██  ██ ██ ██    ██
██      ██ ███████ ██   ████  ██████


*/
/* Hamburger icon animation - https://mdbootstrap.com/docs/jquery/navigation/hamburger-menu/ */
.navbar-toggler {
  color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0) !important;
}
.animated-icon1, .animated-icon2, .animated-icon3 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
/* Icon 1 */
.animated-icon1, .animated-icon2, .animated-icon3 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.animated-icon1 span {
  background: #fff;
}
.animated-icon2 span {
  background: #ffffff;
}
.animated-icon3 span {
  background: #ffffff;
}
.animated-icon1 span:nth-child(1) {
  top: 0px;
}
.animated-icon1 span:nth-child(2) {
  top: 10px;
}
.animated-icon1 span:nth-child(3) {
  top: 20px;
}
.animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
.animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/*

 ██████  ██████  ██ ██████
██       ██   ██ ██ ██   ██
██   ███ ██████  ██ ██   ██
██    ██ ██   ██ ██ ██   ██
 ██████  ██   ██ ██ ██████


██       ██████   ██████   ██████  ███████
██      ██    ██ ██       ██    ██ ██
██      ██    ██ ██   ███ ██    ██ ███████
██      ██    ██ ██    ██ ██    ██      ██
███████  ██████   ██████   ██████  ███████


███    ███  █████  ███████  ██████  ███    ██ ██████  ██    ██
████  ████ ██   ██ ██      ██    ██ ████   ██ ██   ██  ██  ██
██ ████ ██ ███████ ███████ ██    ██ ██ ██  ██ ██████    ████
██  ██  ██ ██   ██      ██ ██    ██ ██  ██ ██ ██   ██    ██
██      ██ ██   ██ ███████  ██████  ██   ████ ██   ██    ██

*/
.gridMasonry {
  column-count: 3;
  /* column-width: 200px; */
}
.gridMasonry img {
  width: 100%;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .gridMasonry {
    column-count: 1;
  }
}
.gridMasonry a:hover img {
  text-decoration: none;
  transform: translateY(-6px);
  transition: 300ms;
}
/*
██     ██  ██████   ██████
██     ██ ██    ██ ██    ██
██  █  ██ ██    ██ ██    ██
██ ███ ██ ██    ██ ██    ██
 ███ ███   ██████   ██████


*/
.woocommerce ul.products li.product .price {
  text-align: left;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
  opacity: 1 !important;
  text-decoration: none !important;
}
.woocommerce ul.products li.product .price del {
  opacity: 1 !important;
  text-decoration: none !important;
}
.backTo.btn-secondary, .backTo.btn-secondary:hover {
  background-color: #f06121;
  color: #fff !important;
  font-size: 2rem;
  border: none;
  border-radius: 20px;
  padding: 10px 15px;
}
.onsale {
  display: none;
}
.product_meta .posted_in > strong {
  display: none;
}
.woocommerce ul.products li, .woocommerce-page ul.products li {
  background: #fff;
  padding: 1.5rem !important;
}
.woocommerce ul.products li.product .price {
  font-family: "Euclid Circular A", sans-serif !important;
  font-weight: 600 !important;
  font-size: 1.6rem !important;
  color: #000;
  display: block;
  font-weight: 400;
  margin-bottom: 0;
  font-size: 0.857em;
  float: left;
}
.product_title {
  font-family: "Euclid Circular A", sans-serif;
  font-weight: bold !important;
  font-size: 4.5rem !important;
}
.woocommerce div.product p.price {
  color: #000;
}
.posted_in a {
  color: #000;
  font-weight: 600;
}
#tab-title-description {
  display: none;
}
#tab-description h2 {
  font-family: "Euclid Circular A", sans-serif;
  font-weight: 600 !important;
  font-size: 3.2rem !important;
}
.woocommerce div.product form.cart .button {
  background-color: #f06121;
  color: #fff;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover {
  background-color: #ffa500;
  color: #fff;
}
.woocommerce .products ul, .woocommerce ul.products {
  margin: 0 0 0;
  list-style: none outside;
  clear: both;
  background: #feeee4;
  padding-top: 3rem;
}
@media screen and (max-width: 768px) {
  .woocommerce .products ul, .woocommerce ul.products {
    margin: 0 0 0;
    list-style: none outside;
    clear: both;
    background: #feeee4;
    padding-top: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 576px) {
  .woocommerce .products ul, .woocommerce ul.products {
    background: transparent !important;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    border: 1px solid #feeee4;
  }
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  float: left;
  margin: 0 3.8% 2.992em 0;
  position: relative;
  width: 22.05%;
  margin-left: 1.47%;
  margin-right: 1.47%;
  text-align: center;
}
.product-category-name {
  font-family: "Euclid Circular A", sans-serif;
  font-weight: 600 !important;
  font-size: 2.4rem;
  display: block;
  margin-bottom: 0px;
  text-align: left;
}
.woocommerce-loop-product__title {
  font-family: "Euclid Circular A", sans-serif;
  font-weight: 600 !important;
  font-size: 2.1rem;
  color: #000;
  text-align: left;
}
.add_to_cart_button, .product_type_simple {
  background-color: #fff !important;
  border: 2px solid #000 !important;
  border-radius: 50px !important;
  width: auto !important;
  padding: 6px 18px !important;
  /* Adjust padding for size */
  position: relative !important;
  /* To position the lines */
  font-weight: bold !important;
  /* Assuming the text is bold based on the image */
}
.add_to_cart_button:before, .add_to_cart_button:after, .product_type_simple:before, .product_type_simple:after {
  content: "" !important;
  position: absolute !important;
  height: 2px !important;
  background: #000 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.add_to_cart_button:before, .product_type_simple::before {
  left: -42px !important;
  /* Adjust for desired length */
  width: 40px !important;
  /* Adjust for desired length */
}
.add_to_cart_button:after, .product_type_simple::after {
  right: -42px !important;
  /* Adjust for desired length */
  width: 40px !important;
  /* Adjust for desired length */
}
.add_to_cart_button:hover, .product_type_simple:hover {
  background-color: #f06121 !important;
  border: 2px solid #f06121 !important;
  color: #fff !important;
  /* You can also adjust the :before and :after styles on hover if needed */
}
@media screen and (max-width: 1200px) {
  .add_to_cart_button:before, .add_to_cart_button:after {
    content: "" !important;
    position: absolute !important;
    height: 0px !important;
    background: #000 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}
.woocommerce a.added_to_cart {
  padding-top: 0.5em;
  display: block;
}
/*
 ██████ ███████ ███████
██      ██           ██
██      █████       ██
██      ██         ██
 ██████ ██         ██


*/
input[type="text"], input[type="email"], input[type="tel"], textarea {
  margin: 0;
  font-family: "Euclid Circular A", sans-serif;
  font-size: 1.9rem;
  line-height: inherit;
  background-color: #feeee4;
  width: 100%;
  border: 0;
  padding: 6px;
}
.wpcf7-textarea {
  max-height: 100px;
  /* Adjust this value as needed */
  overflow-y: auto;
  /* Allows scrolling if the content exceeds the max height */
}
input[type="submit"]:disabled {
  background-color: #f3f4ee;
  cursor: not-allowed;
}
#enquiryCartButton, .wpcf7-submit {
  background-color: #f06121;
  border-radius: 50px;
  padding: 9px 18px;
  font-family: "Euclid Circular A", sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
  border: 0;
}
/*
███    ███ ███████ ███    ██ ██    ██      ██████  █████  ██████  ████████
████  ████ ██      ████   ██ ██    ██     ██      ██   ██ ██   ██    ██
██ ████ ██ █████   ██ ██  ██ ██    ██     ██      ███████ ██████     ██
██  ██  ██ ██      ██  ██ ██ ██    ██     ██      ██   ██ ██   ██    ██
██      ██ ███████ ██   ████  ██████       ██████ ██   ██ ██   ██    ██


*/
.wpmenucart-display-right {
  float: right !important;
  margin: 5px 0 0 5px;
}
body, html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background-color: #fff;
  scroll-behavior: smooth;
}
main {
  margin: 60px 0 0;
  padding: 0;
  overflow: hidden;
}
/*
██ ███    ███  ██████
██ ████  ████ ██
██ ██ ████ ██ ██   ███
██ ██  ██  ██ ██    ██
██ ██      ██  ██████


*/
img, svg {
  vertical-align: middle;
  max-width: 100%;
}
img.alignright {
  float: right !important;
  margin: 0 0 1rem 1rem !important;
}
img.alignleft {
  float: left !important;
  margin: 10px 1rem 1rem 0 !important;
}
img.aligncenter {
  display: block !important;
  margin-top: 3rem !important;
  margin-right: auto !important;
  margin-left: auto !important;
  margin-bottom: 3rem !important;
}
a img.alignright {
  float: right !important;
  margin: 0 0 1rem 1rem !important;
}
a img.alignleft {
  float: left !important;
  margin: 0 1rem 1rem 0 !important;
}
a img.aligncenter {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/*

██╗      ██████╗  ██████╗  ██████╗ ███████╗
██║     ██╔═══██╗██╔════╝ ██╔═══██╗██╔════╝
██║     ██║   ██║██║  ███╗██║   ██║███████╗
██║     ██║   ██║██║   ██║██║   ██║╚════██║
███████╗╚██████╔╝╚██████╔╝╚██████╔╝███████║
╚══════╝ ╚═════╝  ╚═════╝  ╚═════╝ ╚══════╝
                                           
Logos */
#logo-change {
  position: relative;
  transition: 0.6s;
  width: 162px;
  height: auto !important;
  padding: 18px 0px;
}
.logo-constraint {
  width: auto;
  height: 100px;
}
.logo-constraint-footer {
  height: auto;
  max-width: 162px !important;
}
.logo-constraint-social {
  height: auto;
  width: 36px !important;
}
#logo-footer {
  position: relative;
  max-width: 135px !important;
}
/*
██       █████  ██    ██  ██████  ██    ██ ████████
██      ██   ██  ██  ██  ██    ██ ██    ██    ██
██      ███████   ████   ██    ██ ██    ██    ██
██      ██   ██    ██    ██    ██ ██    ██    ██
███████ ██   ██    ██     ██████   ██████     ██


*/
.container-fake {
  position: absolute;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  height: auto;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
}
.container-custom {
  max-width: 1140px;
}
@media (min-width: 769px) {
  .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: right;
    margin-right: unset;
    margin-left: 4%;
  }
}
/* Slick Slider Arrows Styling */
.slick-prev, .slick-next {
  background: transparent !important;
  /* Remove any background color */
  color: #333 !important;
  /* Color of the arrow icon */
  z-index: 10 !important;
  /* Ensure arrows appear above other content */
  border: none !important;
  /* Remove any borders */
  font-size: 0 !important;
  /* Hide default text inside */
  outline: none !important;
  /* Remove focus outline */
  transition: color 0.3s !important;
  /* Transition for color changes */
}
/* Hover effect for arrows */
.slick-prev:hover, .slick-next:hover {
  color: #555 !important;
  /* Darken the arrow icon on hover */
}
/* Positioning of arrows */
.slick-prev {
  left: 10px !important;
  /* Adjust this value for left positioning */
}
.slick-next {
  right: 10px !important;
  /* Adjust this value for right positioning */
}
/* Override default Slick arrow styles */
.slick-prev::before, .slick-next::before {
  content: "" !important;
  /* Remove default arrow content */
}
/* Font Awesome icon styles */
.slick-prev i, .slick-next i {
  font-size: 37px !important;
  /* Size of the Font Awesome icon */
  vertical-align: middle !important;
  /* Align icon to the middle */
  height: 100px !important;
}
/*# sourceMappingURL=style.css.map */