/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');

body,button,input,select,textarea{
  font-family:'Cairo',sans-serif !important;
}

/* Main Colors */
:root{
  --main:#1F2A44;
  --second:#6B8E23;
  --btn:#F4A261;
}

/* Force Background */
html,body,.app,.wrapper,.container,.content,.main,.page,.layout{
  background:#FAFAFA !important;
}

/* Header Colors */
header, .site-header, .top-bar{
  background:var(--main) !important;
  color:#fff !important;
}

/* Nav Sections */
nav a, .main-nav a, .menu a{
  background:#fff !important;
  color:var(--main) !important;
  margin:4px;
  padding:10px 16px;
  border-radius:10px;
  box-shadow:0 4px 12px rgba(0,0,0,.12);
  transition:.3s;
}

nav a:hover{
  background:var(--second) !important;
  color:#fff !important;
}

/* Buttons */
button, .btn{
  background:var(--btn) !important;
  color:#fff !important;
  border-radius:12px;
}