.elementor-3335 .elementor-element.elementor-element-ceb0db0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:0px;--padding-left:110px;--padding-right:110px;}.elementor-3335 .elementor-element.elementor-element-ceb0db0:not(.elementor-motion-effects-element-type-background), .elementor-3335 .elementor-element.elementor-element-ceb0db0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#282828;}.elementor-3335 .elementor-element.elementor-element-f56e2f3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3335 .elementor-element.elementor-element-778dce3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3335 .elementor-element.elementor-element-647f6dc{text-align:left;}.elementor-3335 .elementor-element.elementor-element-647f6dc img{width:75%;}.elementor-3335 .elementor-element.elementor-element-b54a9a5{text-align:left;}.elementor-3335 .elementor-element.elementor-element-b54a9a5 .elementor-heading-title{font-size:14px;color:var( --e-global-color-astglobalcolor4 );}.elementor-3335 .elementor-element.elementor-element-19c301c{text-align:left;}.elementor-3335 .elementor-element.elementor-element-19c301c .elementor-heading-title{font-size:14px;color:var( --e-global-color-astglobalcolor4 );}.elementor-3335 .elementor-element.elementor-element-8d6636e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3335 .elementor-element.elementor-element-cd67bb1{--display:flex;}.elementor-3335 .elementor-element.elementor-element-1172ed6{--display:flex;}.elementor-3335 .elementor-element.elementor-element-0dd9597{--display:flex;}.elementor-3335 .elementor-element.elementor-element-073879f{--display:flex;}.elementor-3335 .elementor-element.elementor-element-eb5bcd2{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;}.elementor-3335 .elementor-element.elementor-element-eb5bcd2 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-3335 .elementor-element.elementor-element-eb5bcd2 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-3335 .elementor-element.elementor-element-ceb0db0{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:70px;--padding-bottom:0px;--padding-left:90px;--padding-right:90px;}.elementor-3335 .elementor-element.elementor-element-f56e2f3{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3335 .elementor-element.elementor-element-647f6dc img{width:90%;}.elementor-3335 .elementor-element.elementor-element-073879f{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}}@media(max-width:767px){.elementor-3335 .elementor-element.elementor-element-ceb0db0{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3335 .elementor-element.elementor-element-a117daf.elementor-element{--order:99999 /* order end hack */;}}/* Start custom CSS for heading, class: .elementor-element-b54a9a5 *//* Add underline animation to the link */
.customer-help-link {
    position: relative;
    text-decoration: none;
    color: #333; /* Adjust text color */
    font-weight: 500;
    display: inline-block;
}

/* Create the underline effect */
.customer-help-link::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #585656; /* Underline color */
    position: absolute;
    left: 0;
    bottom: -2px;
    transition: width 0.3s ease-in-out;
}

/* Expand the underline on hover */
.customer-help-link:hover::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-19c301c *//* Add underline animation to the link */
.become-vendor-link {
    position: relative;
    text-decoration: none;
    color: #333; /* Adjust text color */
    font-weight: 500;
    display: inline-block;
}

/* Create the underline effect */
.become-vendor-link::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #585656; /* Underline color */
    position: absolute;
    left: 0;
    bottom: -2px;
    transition: width 0.3s ease-in-out;
}

/* Expand the underline on hover */
.become-vendor-link:hover::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f67b89 */.shop-title {
    color: #FFFFFF;
    font-size: 18px;
    padding-bottom: 5px;
    font-weight: 600;
}
/* Footer Menu - Remove bullets & Align Left */
.footer-menu {
    list-style: none; /* Removes bullet points */
    padding: 0;
    margin: 0;
    text-align: left; /* Aligns menu to the left */
}

/* Footer Menu - Style Links */
.footer-menu li {
    margin: 10px 0; /* Adds spacing between links */
}

/* Footer Menu - Link Styles */
.footer-menu a {
    color: #fff; /* Change to match your footer text color */
    text-decoration: none; /* Removes default underline */
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* Underline Effect on Hover */
.footer-menu a::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #585656; /* Orange underline */
    position: absolute;
    left: 0; /* Align underline to the left */
    bottom: -1px;
    transition: width 0.3s ease-in-out;
}

.footer-menu a:hover::after {
    width: 100%; /* Full underline on hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2f9998f */.shop-title {
    color: #FFFFFF;
    font-size: 18px;
    padding-bottom: 5px;
    font-weight: 600;
}
/* Footer Menu - Remove bullets & Align Left */
.footer-menu {
    list-style: none; /* Removes bullet points */
    padding: 0;
    margin: 0;
    text-align: left; /* Aligns menu to the left */
}

/* Footer Menu - Style Links */
.footer-menu li {
    margin: 10px 0; /* Adds spacing between links */
}

/* Footer Menu - Link Styles */
.footer-menu a {
    color: #fff; /* Change to match your footer text color */
    text-decoration: none; /* Removes default underline */
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* Underline Effect on Hover */
.footer-menu a::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #585656; /* Orange underline */
    position: absolute;
    left: 0; /* Align underline to the left */
    bottom: -1px;
    transition: width 0.3s ease-in-out;
}

.footer-menu a:hover::after {
    width: 100%; /* Full underline on hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a117daf *//* Ensure proper spacing and vertical alignment */
.spacing-around {
    display: flex;
    justify-content: space-between;
    align-items: center; /* Ensures perfect vertical alignment */
    flex-wrap: wrap;
    height: 100%;
}

/* Copyright text aligned to the left */
.spacing-around .text-start {
    font-size: 12px;
    color: #ffffff;
    opacity: 0.5;
    height: 100%;
    display: flex;
    align-items: center; /* Ensures vertical alignment */
}

/* Social Icons - Properly Align with Text */
.social-icons {
    display: flex;
    align-items: center; /* Aligns icons properly with text */
    gap: 10px; /* Reduced spacing between icons */
}

/* Social Icons Default Style */
.social-icons a {
    font-size: 1.8rem; /* Slightly smaller icon size */
    text-decoration: none;
    transition: color 0.3s ease;
}

/* Social Icons - Default Colors */
.social-icons .facebook { color: #1877F2; }
.social-icons .twitter { color: #1DA1F2; }
.social-icons .instagram { color: #E4405F; }
.social-icons .linkedin { color: #0077B5; }

/* Social Icons - Hover Effects */
.social-icons .facebook:hover { color: #1558B1; }
.social-icons .twitter:hover { color: #0D8DCC; }
.social-icons .instagram:hover { color: #C13584; }
.social-icons .linkedin:hover { color: #005582; }

/* 🌟 Mobile: Reverse Layout (Icons on Top, Text Below) & Left Align with Smaller Gap */
@media (max-width: 768px) {
    .spacing-around {
        flex-direction: column-reverse; /* Reverses order on mobile */
        text-align: left; /* Ensures left alignment */
        align-items: flex-start; /* Aligns everything to the left */
        height: auto; /* Adjust height for stacking */
        padding-left: 10px; /* Adds slight padding to match left alignment */
        gap: 5px; /* Reduced space between sections */
    }

    .col-md-6 {
        width: 100%; /* Ensures full-width stacking on mobile */
        text-align: left; /* Left-aligns text and icons */
    }

    .social-icons {
        justify-content: flex-start; /* Left-align icons */
        gap: 8px; /* Reduced spacing between icons */
    }

    
}/* End custom CSS */