/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

:root {
  --color-primary: #0a5541;
  --border: #39af7a;
  --white: #FFF;
}

body {
  font-family: cairo;
}

a.btn.group.bg-primary.text-primary-reverse.h-12.\!px-6.mt-8.gap-2.\!rounded-none, i.bg-primary.text-primary-reverse.rounded-full.text-base.p-\[4px\].sicon-keyboard_arrow_down, .main-menu-row .main-menu li.root-level>a, .topnav-link-item, .header-btn__icon, .sicon-menu
{
    color: var(--white);
}
.btn {
    border-radius: 100px !important;
    border: 2px solid #39af7a;
}

.group.relative.h-96.rounded-lg.bg-white.shadow-xl {
    background: transparent !important;
}
.flex.flex-col.justify-between.h-full.w-full.p-\[1\.4rem\].bg-store-bg-secondary.rounded-md.shadow-\[rgba\(50\,_50\,_105\,_0\.15\)_0px_2px_5px_0px\,_rgba\(0\,_0\,_0\,_0\.05\)_0px_1px_1px_0px\] {
    background: #ededed;
}