.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-a39e525:#FFFFFF;--e-global-color-91fce26:#1E95A9;--e-global-color-0be9ee0:#343434;--e-global-color-1287dfa:#343434;--e-global-color-7a9e848:#F6F6F6;--e-global-color-f6ebad5:#00588D;--e-global-color-f383f45:#F1F9F9;--e-global-color-604fa69:#4260EC;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Nunito Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#333333;font-family:"Nunito Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.8em;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-f6ebad5 );font-size:16px;color:var( --e-global-color-a39e525 );}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-91fce26 );color:var( --e-global-color-a39e525 );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-91fce26 );font-family:"Nunito Sans", Sans-serif;}.elementor-kit-7 a:hover{color:var( --e-global-color-91fce26 );}.elementor-kit-7 h1{color:var( --e-global-color-0be9ee0 );font-family:"Archivo Narrow", Sans-serif;font-size:40px;font-weight:400;}.elementor-kit-7 h2{color:#343434;font-family:"Archivo Narrow", Sans-serif;font-size:36px;font-weight:400;}.elementor-kit-7 h3{color:#343434;font-family:"Archivo Narrow", Sans-serif;font-size:32px;}.elementor-kit-7 h4{color:#343434;font-family:"Archivo Narrow", Sans-serif;font-size:28px;}.elementor-kit-7 h5{color:#343434;font-family:"Archivo Narrow", Sans-serif;font-size:24px;}.elementor-kit-7 h6{color:#343434;font-family:"Archivo Narrow", Sans-serif;font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.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-kit-7{font-size:16px;}.elementor-kit-7 h1{font-size:30px;}.elementor-kit-7 h2{font-size:26px;}.elementor-kit-7 h3{font-size:22px;}.elementor-kit-7 h4{font-size:20px;}.elementor-kit-7 h5{font-size:18px;}.elementor-kit-7 h6{font-size:16px;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}}/* Start custom CSS *//* Add a smooth transition for the background color */
.my-sticky-header {
    transition: background-color 0.3s ease;
}

/* When scrolled down, change the background color to white */
.my-sticky-header.elementor-sticky--effects {
    background-color: white !important;
}

/* Change the menu text color */
.my-sticky-header.elementor-sticky--effects .menu-item a {
    color: #343434 !important;
}

/* Initially hide the sticky logo */
.my-sticky-header .sticky-logo {
    display: none;
}

/* When scrolled down, show the sticky logo and hide the default logo */
.my-sticky-header.elementor-sticky--effects .sticky-logo {
    display: block;
}
.my-sticky-header.elementor-sticky--effects .default-logo {
    display: none;
}

.elementor-68 .elementor-element.elementor-element-1d1d340f .elementor-nav-menu--dropdown a:hover,
.elementor-68 .elementor-element.elementor-element-1d1d340f .elementor-nav-menu--dropdown .elementor-sub-item{
    color:white!important;
}


/* Custom CSS for the sticky header on mobile devices */
@media (max-width: 767px) {
  .my-sticky-header.elementor-sticky--effects {
    height: 60px !important;
    min-height: 60px !important;
    padding-top: 10px !important; /* Adds space at the top */
    padding-bottom: 10px !important;
  }
}


/* Change icon color when the sticky header is active */
.my-sticky-header.elementor-sticky--effects .elementor-icon i {
    color: black !important;
}

/* Also ensure the color changes on mobile devices */
@media (max-width: 767px) {
    .my-sticky-header.elementor-sticky--effects .elementor-icon i {
        color: black !important;
    }
}


/* Add a box shadow to the sticky header when active */
.my-sticky-header.elementor-sticky--effects {
  background-color: white !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Add this line */
}

/* Change the indicator color when the sticky header is active */
.my-sticky-header.elementor-sticky--effects .elementor-nav-menu .sub-arrow {
  fill:black!important;
}



/* Optional: Add a break for mobile responsiveness */
@media (max-width: 768px) {
    .woocommerce div.product {
        flex-direction: column;
    }

    .woocommerce div.product div.images,
    .woocommerce div.product div.summary {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
    }
}


/* Fix for thumbnail spacing and alignment */
.woocommerce div.product div.images .flex-control-thumbs li {
    width: calc(25% - 20px) !important; /* Subtract 20px (10px left + 10px right margin) from the width */
    float: none !important; /* Override the float property to prevent layout issues */
    margin: 0 10px !important; /* Add the desired margin */
    box-sizing: border-box !important; /* Ensure padding and borders are included in the width */
}

/* Use Flexbox on the parent container for better alignment */
.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    justify-content: center; /* Center the thumbnails horizontally */
}


.woocommerce div.product.elementor .woocommerce-tabs .panel h2,
.woocommerce div.product.elementor ul.tabs li a{
    display:none;
}

.woocommerce div.product.elementor .woocommerce-tabs .panel {
    padding:0px!important;
}


/* This targets the individual product list item */
.woocommerce ul.products li.product {
    display: flex!important;
    flex-direction: column!important;
}

/* This targets the main product link */
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link {
    display: flex!important;
    flex-direction: column!important;
    /* Use flex-grow to make sure it takes up all available space */
    flex-grow: 1!important;
}

/* This is the key part - pushes the price to the bottom */
.woocommerce ul.products li.product .price {
    margin-top: auto!important;
}


/* 3. The fix for the button: Prevent it from stretching to full width */
.woocommerce ul.products li.product .add_to_cart_button {
    width: auto;
    align-self: flex-start; /* or flex-start, flex-end depending on where you want the button */
    margin-bottom: 20px; /* Adds some space below the button */
}


.df-popup-thumb {
    width:100%!important;
}

@media (max-width: 768px) {
.df-popup-thumb {
    width:auto!important;
}
}


/* table */
table td, table th {
padding:6px!important;
}/* End custom CSS */