@import url('https://fonts.googleapis.com/css?family=Tajawal&display=swap');
@charset "UTF-8";

body
{
    margin: 0;
    font-family: 'Tajawal', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
}
html[lang="ar"] body {
    text-align: right;
}

html[lang="en"] body {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Tajawal', sans-serif;
}
.p, ol li, p, ul li {
    font-family: "Tajawal", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
}
.btn-primary {
    color: #fff;
    background-color: #21409A !important;
    border-color: #21409A !important;
    box-shadow: 0 .125rem .25rem rgba(13, 20, 49, .07);
}
.btn-outline-gray:hover {
    color: #fff;
    background-color: #2BB673;
    border-color: #2BB673;
}
.bg-primary {
    background-color: #21409A !important;
}
.icon-primary {
    color: #21409A;
}
.btn-outline-gray {
    color: #2BB673;
    border-color: #2BB673;
}
.btn-outline-gray:not(:disabled):not(.disabled).active, .btn-outline-gray:not(:disabled):not(.disabled):active, .show>.btn-outline-gray.dropdown-toggle
 {
    color: #fff;
    background-color: #00A0CA;
    border-color: #00A0CA;
}
.text-primary, .text-primary:hover {
    color: #00A0CA !important;
}
.text-success, .text-success:hover {
    color: #2BB673 !important;
}
.headroom--not-top.navbar-theme-primary {
    background-color: #21409A;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #2BB673 !important;
    border-color: #2BB673 !important;
}
.btn-secondary {
    color: #fff;
    background-color: #2BB673;
    border-color: #2BB673;
    box-shadow: 0 .125rem .25rem rgba(13, 20, 49, .07);
}
.navbar-light .btn-docs {
    color: #00A0CA;
    border-color: #00A0CA;
}
.navbar-light .navbar-nav .nav-link {
    color: #2BB673;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #2BB673;
}