:root {
  --color-primary: rgba(253, 248, 232, 1);
  --color-white: rgb(0 0 0);
}


header {
    background: rgb(255 255 255) !important;
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

}
footer  {
    background: rgba(7, 48, 40, 1) !important;
    color:#fff !important;
}
footer * {
    
    color:#fff !important;
}

header a ,header  svg {
     color: var(--color-white) !important;
}


@media (max-width: 768px) {
  footer *{
  text-align: center ;
  justify-content: center;
    justify-self: center;
}
}
@media (max-width: 1024px){
  header a  {
    color: var(--color-primary-dark) !important;
  }
  #mobile-drawer-dialog button.text-foreground:not(#mobile-login-btn){
   
    color: var(--color-white) !important;
}
}




header button {
      color: var(--color-white) !important;
}

el-dropdown.inline-block a {
    color: var(--color-primary) !important;
}

button#mobile-login-btn {
    color: var(--color-primary) !important;
}



button.btn.btn-outlined.btn-lg.w-full.md\:group-data-\[grid\=list\]\/grid\:w-1\/2 {
    background: rgba(18, 82, 69, 1);
    color: #fff;
}