.mm-spn.mm-spn--light {
    color: #fff;
    background: #374151;
}
:root {
    --main-text-color: #fbbf24;
}



.bg-white {
    --tw-bg-opacity: 1;
    background-color: #3d5670;
 }   

.store-footer {
    position: relative;
    margin-top: 2rem;
    --tw-bg-opacity: 1;
    background-color: #fffff;
  
    --tw-text-opacity: 1;
    color: #FFFFFF;
    
}
.store-footer__inner {
    border-bottom-width: 1px;
    border-style: dashed;
    background-color: #3d5670;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.feature-item__icon {
    margin: auto;
    width: 75px;
    height: 75px;
    background-color: coral;
    color: white;
    border-radius: 90%;
    font-size: 50px;
    line-height: 75px;
    margin-bottom: 3rem;
}.footer-title span{
    color: gold;
    font-size: 25px;
}

.footer-title {
    color: white;
    font-size: 15px;
    margin-bottom: 10px;
}


    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--font-main),-apple-system,BlinkMacSystemFont;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    visibility: inherit;
    --mm-ocd-min-width: 200px;
    --mm-ocd-max-width: 440px;
    --mm-spn-item-height: 50px;
    --mm-spn-item-indent: 20px;
    --mm-spn-line-height: 24px;
    --mm-spn-panel-offset: 30%;
    --infinte-color: #c9c9c9;
    --main-text-color: #231f1e;
    --main-text-color-dark: #2b2d34;
    --color-primary-d: #272628;
    --color-primary-l: #676668;
    --color-text: #7c8082;
    --bg-gray: rgba(198,199,206,0.10196);
    --color-grey: #f5f7f9;
    --color-light-grey: #eeeeee;
    --mm-ocd-width: calc(100% - 51px);
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    --font-base: 16px;
    --font-md: 1.0625rem;
    --font-sm: 0.9375rem;
    --font-xsm: 0.8125rem;
    --font-xxsm: 0.6875rem;
    --font-lg: 1.125rem;
    --font-xlg: 1.25rem;
    --font-xxlg: 1.5625rem;
    --font-xxxlg: 2.5rem;
    --font-line-height: 1.7;
    --font-main: 'Dubai';
    --color-primary: #8996d2;
    --color-primary-dark: #6370ac;
    --color-primary-light: #afbcf8;
    --color-primary-reverse: #0a1753;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    color: var(--main-text-color);
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-shadow: 5px 10px 30px #2B2D340D;
    --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow);
    min-height: 68px;
    --tw-bg-opacity: 1;
    background-color: #3d5670;
    height: 56px;