.elementor-8441 .elementor-element.elementor-element-65f748a > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-8441 .elementor-element.elementor-element-65f748a:not(.elementor-motion-effects-element-type-background), .elementor-8441 .elementor-element.elementor-element-65f748a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-8441 .elementor-element.elementor-element-65f748a > .elementor-background-overlay{background-color:#000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8441 .elementor-element.elementor-element-65f748a > .elementor-container{max-width:1600px;}.elementor-8441 .elementor-element.elementor-element-65f748a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:3px;margin-bottom:3px;padding:10px 10px 10px 10px;}.elementor-8441 .elementor-element.elementor-element-463276e.elementor-column > .elementor-widget-wrap{justify-content:center;}body:not(.rtl) .elementor-8441 .elementor-element.elementor-element-869c050{left:0px;}body.rtl .elementor-8441 .elementor-element.elementor-element-869c050{right:0px;}.elementor-8441 .elementor-element.elementor-element-869c050{top:0px;text-align:center;color:#FFFFFF;}.elementor-8441 .elementor-element.elementor-element-4d4968a .elementor-search-form__container{min-height:29px;}.elementor-8441 .elementor-element.elementor-element-4d4968a .elementor-search-form__submit{min-width:29px;}body:not(.rtl) .elementor-8441 .elementor-element.elementor-element-4d4968a .elementor-search-form__icon{padding-left:calc(29px / 3);}body.rtl .elementor-8441 .elementor-element.elementor-element-4d4968a .elementor-search-form__icon{padding-right:calc(29px / 3);}.elementor-8441 .elementor-element.elementor-element-4d4968a .elementor-search-form__input, .elementor-8441 .elementor-element.elementor-element-4d4968a.elementor-search-form--button-type-text .elementor-search-form__submit{padding-left:calc(29px / 3);padding-right:calc(29px / 3);}.elementor-8441 .elementor-element.elementor-element-4d4968a:not(.elementor-search-form--skin-full_screen) .elementor-search-form__container{border-width:-97px -97px -97px -97px;border-radius:0px;}.elementor-8441 .elementor-element.elementor-element-4d4968a.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{border-width:-97px -97px -97px -97px;border-radius:0px;}.elementor-8441 .elementor-element.elementor-element-e4b5c57{width:100%;max-width:100%;z-index:6;--main-alignment:right;--price-quantity-position--grid-template-rows:auto 75%;--price-quantity-position--align-self:start;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-border-color:#FFFFFF;--toggle-button-border-width:0px;--toggle-icon-size:21px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-8441 .elementor-element.elementor-element-e4b5c57 .elementor-menu-cart__close-button{margin-right:auto;}body:not(.rtl) .elementor-8441 .elementor-element.elementor-element-e4b5c57 .elementor-menu-cart__toggle .elementor-button-text{margin-right:0px;}body.rtl .elementor-8441 .elementor-element.elementor-element-e4b5c57 .elementor-menu-cart__toggle .elementor-button-text{margin-left:0px;}body:not(.rtl) .elementor-8441 .elementor-element.elementor-element-e4b5c57 .elementor-menu-cart__toggle .elementor-button-icon[data-counter]:before{right:-8px;top:-8px;}body.rtl .elementor-8441 .elementor-element.elementor-element-e4b5c57 .elementor-menu-cart__toggle .elementor-button-icon[data-counter]:before{right:8px;top:-8px;left:auto;}.elementor-8441 .elementor-element.elementor-element-e4b5c57 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-8441 .elementor-element.elementor-element-d19c8f0 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-8441 .elementor-element.elementor-element-d19c8f0:not(.elementor-motion-effects-element-type-background), .elementor-8441 .elementor-element.elementor-element-d19c8f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8441 .elementor-element.elementor-element-d19c8f0 > .elementor-container{max-width:1600px;}.elementor-8441 .elementor-element.elementor-element-d19c8f0{border-style:solid;border-width:0px 00px 2px 00px;border-color:#000000;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:6px;margin-bottom:6px;padding:15px 15px 15px 15px;}.elementor-8441 .elementor-element.elementor-element-d19c8f0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8441 .elementor-element.elementor-element-e08ef5c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:7px;}.elementor-8441 .elementor-element.elementor-element-e08ef5c > .elementor-element-populated{margin:-2em -2em -2em 0em;--e-column-margin-right:-2em;--e-column-margin-left:0em;padding:5px 5px 5px 5px;}.elementor-8441 .elementor-element.elementor-element-d9a8dc6{width:var( --container-widget-width, 101.901% );max-width:101.901%;padding:20px 0px 20px 0px;--container-widget-width:101.901%;--container-widget-flex-grow:0;text-align:center;}.elementor-8441 .elementor-element.elementor-element-d9a8dc6 img{width:129px;height:122px;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-style:none;}.elementor-8441 .elementor-element.elementor-element-17cd852{width:100%;max-width:100%;align-self:center;z-index:50;--e-nav-menu-horizontal-menu-item-margin:calc( 39px / 2 );--nav-menu-icon-size:20px;}.elementor-8441 .elementor-element.elementor-element-17cd852 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8441 .elementor-element.elementor-element-17cd852 .elementor-menu-toggle{margin:0 auto;}.elementor-8441 .elementor-element.elementor-element-17cd852 .elementor-nav-menu .elementor-item{font-family:"Jost", Sans-serif;font-size:14px;text-transform:uppercase;line-height:20px;word-spacing:0px;}.elementor-8441 .elementor-element.elementor-element-17cd852 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:12px;padding-right:12px;padding-top:19px;padding-bottom:19px;}.elementor-8441 .elementor-element.elementor-element-17cd852 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:39px;}.elementor-8441 .elementor-element.elementor-element-17cd852 .elementor-nav-menu--dropdown a{padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;}.elementor-8441 .elementor-element.elementor-element-17cd852 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#B6B6B6;border-bottom-width:1px;}.elementor-8441 .elementor-element.elementor-element-17cd852 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-8441 .elementor-element.elementor-element-17cd852 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-8441 .elementor-element.elementor-element-280e59d:not(.elementor-motion-effects-element-type-background), .elementor-8441 .elementor-element.elementor-element-280e59d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8441 .elementor-element.elementor-element-280e59d > .elementor-container{max-width:1600px;}.elementor-8441 .elementor-element.elementor-element-280e59d{border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:6px;margin-bottom:6px;padding:15px 15px 15px 15px;}.elementor-8441 .elementor-element.elementor-element-280e59d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8441 .elementor-element.elementor-element-592207b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:7px;}.elementor-8441 .elementor-element.elementor-element-592207b > .elementor-element-populated{margin:-2em -2em -2em 0em;--e-column-margin-right:-2em;--e-column-margin-left:0em;padding:5px 5px 5px 5px;}@media(min-width:768px){.elementor-8441 .elementor-element.elementor-element-592207b{width:100%;}}@media(max-width:1024px){.elementor-8441 .elementor-element.elementor-element-d9a8dc6{text-align:center;}}@media(max-width:767px){.elementor-8441 .elementor-element.elementor-element-17cd852 > .elementor-widget-container{margin:14px 14px 14px 14px;padding:0px 0px 0px 0px;}.elementor-8441 .elementor-element.elementor-element-17cd852{align-self:center;--e-nav-menu-horizontal-menu-item-margin:calc( 26px / 2 );}.elementor-8441 .elementor-element.elementor-element-17cd852 .elementor-nav-menu--main .elementor-item{padding-left:7px;padding-right:7px;padding-top:0px;padding-bottom:0px;}.elementor-8441 .elementor-element.elementor-element-17cd852 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:26px;}}@media(max-width:1024px) and (min-width:768px){.elementor-8441 .elementor-element.elementor-element-463276e{width:100%;}}/* Start custom CSS for search-form, class: .elementor-element-4d4968a */top-search-form/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-e4b5c57 *//* Style the cart icon in the menu */
.menu-cart, .woocommerce-cart-menu, .elementor-menu-cart__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: 6px;
  background-color: #f7f7f7; /* light gray background */
  border: 1px solid #ddd;
  font-size: 14px;
  position: relative;
  transition: background-color 0.3s ease;
}

/* Hover effect */
.menu-cart:hover,
.woocommerce-cart-menu:hover,
.elementor-menu-cart__toggle:hover {
  background-color: #e5e5e5;
}

/* Style the cart icon itself */
.menu-cart i,
.woocommerce-cart-menu i,
.elementor-menu-cart__toggle i {
  font-size: 18px;
  margin-right: 6px;
  color: #000;
}

/* Badge styling for item count */
.menu-cart .count,
.woocommerce-cart-menu .count,
.elementor-menu-cart__toggle .elementor-button-icon .elementor-menu-cart__toggle-count {
  position: absolute;
  top: -6px;
  right: -6px;
  background-color: red;
  color: white;
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 50%;
  font-weight: bold;
}
/* Slim down the cart icon wrapper */
.menu-cart,
.woocommerce-cart-menu,
.elementor-menu-cart__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 20px;
  font-size: 14px;
  height: 36px;
  min-width: 36px;
  transition: background-color 0.3s ease;
}

/* Optional hover effect */
.menu-cart:hover,
.woocommerce-cart-menu:hover,
.elementor-menu-cart__toggle:hover {
  background-color: #f0f0f0;
}

/* Cart icon styling */
.menu-cart i,
.woocommerce-cart-menu i,
.elementor-menu-cart__toggle i {
  font-size: 16px;
  color: #000;
  margin: 0; /* Removes extra spacing */
}

/* Slim, clean badge for item count */
.menu-cart .count,
.woocommerce-cart-menu .count,
.elementor-menu-cart__toggle .elementor-menu-cart__toggle-count {
  position: absolute;
  top: -6px;
  right: -6px;
  background-color: red;
  color: white;
  font-size: 10px;
  padding: 1px 5px;
  border-radius: 50%;
  font-weight: bold;
  line-height: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d9a8dc6 *//* Existing CSS Code */
#white-background-section {
    background-color: #ffffff !important;
}

/* New CSS Code to Center Logo in Header */
/* Center logo for all views */
.header {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header .site-logo {
    display: inline-block;
    margin: 0 auto;
}
.elementor-8441 .elementor-element.elementor-element-d9a8dc6 {
  z-index: 999 !important;
  position: relative;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-17cd852 *//* Ensure sub-menu is initially hidden */
.elementor-nav-menu--dropdown {
    display: none;
    position: absolute;
    background-color: #fff; /* Change to match your site's design */
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); /* Optional shadow for effect */
    z-index: 9999;
    min-width: 220px; /* Increase minimum width */
    left: 0; /* Align with the parent */
    top: 100%; /* Position below the parent item */
    white-space: nowrap; /* Prevent text wrapping */
    padding: 10px; /* Add padding to increase the background size */
}

/* Show sub-menu on hover */
.elementor-nav-menu li:hover > .elementor-nav-menu--dropdown {
    display: block;
}

/* Ensure sub-menu items are styled correctly */
.elementor-nav-menu--dropdown li {
    padding: 10px; /* Adjust padding as needed */
}

.elementor-nav-menu--dropdown li a {
    color: #000; /* Change to match your site's design */
    text-decoration: none; /* Remove underline */
    display: block;
    padding: 10px; /* Adjust padding as needed */
}

/* Add hover effect to sub-menu items */
.elementor-nav-menu--dropdown li a:hover {
    background-color: #f0f0f0; /* Change to match your site's design */
    color: #333; /* Change to match your site's design */
}

/* Adjust z-index of the parent containers */
.header-container, .elementor-nav-menu {
    position: relative;
    z-index: 10000; /* Ensure the header is above other content */
}


/* Desktop Menu Styles */
@media (min-width: 1025px) {
    .main-menu {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #fff; /* Change to your desired background color */
        padding: 20px 40px; /* Adjust padding as needed */
        font-size: 16px; /* Adjust font size as needed */
    }

    .main-menu .menu-item {
        margin: 0 15px; /* Adjust spacing between menu items */
    }

    .main-menu .menu-item a {
        color: #000; /* Change to your desired text color */
        text-decoration: none;
        padding: 10px;
        transition: color 0.3s ease;
    }

    .main-menu .menu-item a:hover {
        color: #007bff; /* Change to your desired hover color */
    }
}

/* Tablet Menu Styles */
@media (min-width: 768px) and (max-width: 1024px) {
    .main-menu {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #fff; /* Change to your desired background color */
        padding: 20px 20px; /* Adjust padding as needed */
        font-size: 14px; /* Adjust font size as needed */
    }

    .main-menu .menu-item {
        margin: 10px 0; /* Adjust spacing between menu items */
    }

    .main-menu .menu-item a {
        color: #000; /* Change to your desired text color */
        text-decoration: none;
        padding: 10px;
        transition: color 0.3s ease;
    }

    .main-menu .menu-item a:hover {
        color: #007bff; /* Change to your desired hover color */
    }
}

/* Mobile Menu Styles */
@media (max-width: 767px) {
    .main-menu {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #fff; /* Change to your desired background color */
        padding: 10px 10px; /* Adjust padding as needed */
        font-size: 12px; /* Adjust font size as needed */
    }

    .main-menu .menu-item {
        margin: 5px 0; /* Adjust spacing between menu items */
    }

    .main-menu .menu-item a {
        color: #000; /* Change to your desired text color */
        text-decoration: none;
        padding: 8px;
        transition: color 0.3s ease;
    }

    .main-menu .menu-item a:hover {
        color: #007bff; /* Change to your desired hover color */
    }

    /* Optional: Add a hamburger menu icon for mobile */
    .hamburger-menu {
        display: block;
        cursor: pointer;
        margin-bottom: 10px;
    }

    .hamburger-menu div {
        width: 25px;
        height: 3px;
        background-color: #000; /* Change to your desired color */
        margin: 4px 0;
        transition: 0.4s;
    }

    .main-menu.hidden {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-e08ef5c */.header-container {
    overflow: visible;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d19c8f0 *//* Existing CSS Code */
/* ----------------- */
/* Place your existing CSS code here */
/* Ensure sub-menu is initially hidden */
.elementor-nav-menu--dropdown {
    display: none;
    position: absolute;
    background-color: #fff; /* Change to match your site's design */
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); /* Optional shadow for effect */
    z-index: 9999;
    width: 100%; /* Make dropdown full width */
    left: 0; /* Align with the parent */
    top: 100%; /* Position below the parent item */
}

/* Show sub-menu on hover */
.elementor-nav-menu li:hover > .elementor-nav-menu--dropdown {
    display: block;
}

/* Ensure sub-menu items are styled correctly */
.elementor-nav-menu--dropdown li {
    padding: 5px; /* Adjust padding as needed */
}

.elementor-nav-menu--dropdown li a {
    color: #000; /* Change to match your site's design */
    text-decoration: none; /* Remove underline */
    display: block;
}

/* Add hover effect to sub-menu items */
.elementor-nav-menu--dropdown li a:hover {
    background-color: #f0f0f0; /* Change to match your site's design */
    color: #333; /* Change to match your site's design */
}

/* Adjust z-index of the parent containers */
.header-container, .elementor-nav-menu {
    position: relative;
    z-index: 10000; /* Ensure the header is above other content */
}

/* New CSS Code for Menu Optimization */
/* Desktop Menu Styles */
@media (min-width: 1025px) {
    .main-menu {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #fff; /* Change to your desired background color */
        padding: 5px 40px; /* Adjust padding as needed */
        font-size: 16px; /* Adjust font size as needed */
    }

    .main-menu .menu-item {
        margin: 0 15px; /* Adjust spacing between menu items */
    }

    .main-menu .menu-item a {
        color: #000; /* Change to your desired text color */
        text-decoration: none;
        padding: 10px;
        transition: color 0.3s ease;
    }

    .main-menu .menu-item a:hover {
        color: #007bff; /* Change to your desired hover color */
    }
}

/* Tablet Menu Styles */
@media (min-width: 768px) and (max-width: 1024px) {
    .main-menu {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #fff; /* Change to your desired background color */
        padding: 20px 20px; /* Adjust padding as needed */
        font-size: 14px; /* Adjust font size as needed */
    }

    .main-menu .menu-item {
        margin: 10px 0; /* Adjust spacing between menu items */
    }

    .main-menu .menu-item a {
        color: #000; /* Change to your desired text color */
        text-decoration: none;
        padding: 10px;
        transition: color 0.3s ease;
    }

    .main-menu .menu-item a:hover {
        color: #007bff; /* Change to your desired hover color */
    }
}

/* Mobile Menu Styles */
@media (max-width: 767px) {
    .main-menu {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #fff; /* Change to your desired background color */
        padding: 10px 10px; /* Adjust padding as needed */
        font-size: 12px; /* Adjust font size as needed */
    }

    .main-menu .menu-item {
        margin: 5px 0; /* Adjust spacing between menu items */
    }

    .main-menu .menu-item a {
        color: #000; /* Change to your desired text color */
        text-decoration: none;
        padding: 8px;
        transition: color 0.3s ease;
    }

    .main-menu .menu-item a:hover {
        color: #007bff; /* Change to your desired hover color */
    }

    /* Optional: Add a hamburger menu icon for mobile */
    .hamburger-menu {
        display: block;
        cursor: pointer;
        margin-bottom: 10px;
    }

    .hamburger-menu div {
        width: 25px;
        height: 3px;
        background-color: #000; /* Change to your desired color */
        margin: 4px 0;
        transition: 0.4s;
    }

    .main-menu.hidden {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-592207b */.header-container {
    overflow: visible;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-280e59d *//* Existing CSS Code */
/* ----------------- */
/* Place your existing CSS code here */
/* Ensure sub-menu is initially hidden */
.elementor-nav-menu--dropdown {
    display: none;
    position: absolute;
    background-color: #fff; /* Change to match your site's design */
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); /* Optional shadow for effect */
    z-index: 9999;
    width: 100%; /* Make dropdown full width */
    left: 0; /* Align with the parent */
    top: 100%; /* Position below the parent item */
}

/* Show sub-menu on hover */
.elementor-nav-menu li:hover > .elementor-nav-menu--dropdown {
    display: block;
}

/* Ensure sub-menu items are styled correctly */
.elementor-nav-menu--dropdown li {
    padding: 5px; /* Adjust padding as needed */
}

.elementor-nav-menu--dropdown li a {
    color: #000; /* Change to match your site's design */
    text-decoration: none; /* Remove underline */
    display: block;
}

/* Add hover effect to sub-menu items */
.elementor-nav-menu--dropdown li a:hover {
    background-color: #f0f0f0; /* Change to match your site's design */
    color: #333; /* Change to match your site's design */
}

/* Adjust z-index of the parent containers */
.header-container, .elementor-nav-menu {
    position: relative;
    z-index: 10000; /* Ensure the header is above other content */
}

/* New CSS Code for Menu Optimization */
/* Desktop Menu Styles */
@media (min-width: 1025px) {
    .main-menu {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #fff; /* Change to your desired background color */
        padding: 5px 40px; /* Adjust padding as needed */
        font-size: 16px; /* Adjust font size as needed */
    }

    .main-menu .menu-item {
        margin: 0 15px; /* Adjust spacing between menu items */
    }

    .main-menu .menu-item a {
        color: #000; /* Change to your desired text color */
        text-decoration: none;
        padding: 10px;
        transition: color 0.3s ease;
    }

    .main-menu .menu-item a:hover {
        color: #007bff; /* Change to your desired hover color */
    }
}

/* Tablet Menu Styles */
@media (min-width: 768px) and (max-width: 1024px) {
    .main-menu {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #fff; /* Change to your desired background color */
        padding: 20px 20px; /* Adjust padding as needed */
        font-size: 14px; /* Adjust font size as needed */
    }

    .main-menu .menu-item {
        margin: 10px 0; /* Adjust spacing between menu items */
    }

    .main-menu .menu-item a {
        color: #000; /* Change to your desired text color */
        text-decoration: none;
        padding: 10px;
        transition: color 0.3s ease;
    }

    .main-menu .menu-item a:hover {
        color: #007bff; /* Change to your desired hover color */
    }
}

/* Mobile Menu Styles */
@media (max-width: 767px) {
    .main-menu {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #fff; /* Change to your desired background color */
        padding: 10px 10px; /* Adjust padding as needed */
        font-size: 12px; /* Adjust font size as needed */
    }

    .main-menu .menu-item {
        margin: 5px 0; /* Adjust spacing between menu items */
    }

    .main-menu .menu-item a {
        color: #000; /* Change to your desired text color */
        text-decoration: none;
        padding: 8px;
        transition: color 0.3s ease;
    }

    .main-menu .menu-item a:hover {
        color: #007bff; /* Change to your desired hover color */
    }

    /* Optional: Add a hamburger menu icon for mobile */
    .hamburger-menu {
        display: block;
        cursor: pointer;
        margin-bottom: 10px;
    }

    .hamburger-menu div {
        width: 25px;
        height: 3px;
        background-color: #000; /* Change to your desired color */
        margin: 4px 0;
        transition: 0.4s;
    }

    .main-menu.hidden {
        display: none;
    }
}/* End custom CSS */