.elementor-kit-6{--e-global-color-primary:#202020;--e-global-color-secondary:#2F2F30;--e-global-color-text:#C9C9C9;--e-global-color-accent:#FFFFFF;--e-global-color-fc0af45:#F2C437;--e-global-color-171f6e6:#F2C4376B;--e-global-color-f2df22b:#02010100;--e-global-color-0f5807f:#2F2F30D1;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@media (max-width: 1199px) {
  h1 {
    font-size: 2.5rem !important;  /* 40px */
  }

  h2 {
    font-size: 2.1rem !important;  /* 34px */
  }

  h3 {
    font-size: 1.75rem !important; /* 28px */
  }

  h4 {
    font-size: 1.4rem !important;  /* 22px */
  }

  h5 {
    font-size: 1.15rem !important; /* 18px */
  }

  h6 {
    font-size: 1rem !important;
  }

  p {
    font-size: 0.95rem !important; /* 15px */
  }
}

@media (max-width: 767px) {
  h1 {
    font-size: 2rem !important;    /* 32px */
    line-height: 1.25 !important;
  }

  h2 {
    font-size: 1.75rem !important; /* 28px */
  }

  h3 {
    font-size: 1.5rem !important;  /* 24px */
  }

  h4 {
    font-size: 1.25rem !important; /* 20px */
  }

  h5 {
    font-size: 1.1rem !important;  /* 18px */
  }

  h6 {
    font-size: 1rem !important;
  }

  p {
    font-size: 0.95rem !important; /* 15px */
    line-height: 1.65 !important;
  }
}
.elementor-menu-cart__container{
    left:auto !important;
    right: 0 !important;
}

@media (max-width: 768px) {
#cs-slider {
  display: flex;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch !important;
}

/* slides */
.cs-slide {
  min-width: 50% !important;
  scroll-snap-align: center !important;
}

/* hide scrollbar */
#cs-slider::-webkit-scrollbar {
  display: none !important;
}

#cs-slider {
  scrollbar-width: none !important; /* Firefox */
}

}

.elementor-menu-cart__subtotal{
    color:#fff !important;
}


.cs-btn .elementor-button {
    /* Transition background first, then shadow with a delay */
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.5s ease 0.1s, transform 0.3s ease !important;
}

.cs-btn .elementor-button:hover {
    /* This will trigger the shadow to "bloom" after the color changes */
    box-shadow: 0 10px 20px #F2C4376B !important;
    transform: translateY(-2px) !important;
}

.wp-block-woocommerce-cart.alignwide .wc-block-components-product-name{
    color:#000 !important;
}
.wp-block-woocommerce-cart.alignwide,
.wc-block-checkout{
    padding-bottom: 60px;
}
.wp-block-woocommerce-cart.alignwide .wc-block-components-button{
    text-decoration: none !important;
    color:#F2C437 !important;
}
.wp-block-woocommerce-cart.alignwide .wc-block-components-button:hover{
    text-decoration: none !important;
    color:#F2C437 !important;
}/* End custom CSS */