@font-face {
    font-family: 'akrobatextrabold';
    src: url('../fonts/akrobat-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/akrobat-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
    --primary-blue: #57C9F3;
    --secondary-blue: #00A0DF;
}

body{
    font-family: 'Cairo', sans-serif;
}

a {
    text-decoration: none;
    color: var(--primary-blue);
}

a:hover {
    color: var(--secondary-blue);
}

h1, h2, h3, .title{
    font-family: akrobatextrabold, sans-serif !important;
}

h1 {
    color: var(--primary-blue);
}

.logo {
    max-height: 85px;
    max-width: 85px;
}

footer {
    background-color: var(--primary-blue);
    color: #fff;
}

.btn-primary {
    background-color: var(--primary-blue);
    border-color: var(--primary-blue);
}

.btn:hover:not(.navbar .btn)  {
    background-color: var(--secondary-blue);
    border-color: var(--secondary-blue);
}

.color-primary-blue{
    color: var(--primary-blue);
}

.color-secondary-blue{
    color: var(--secondary-blue);
}

.background-primary-blue {
    background: var(--primary-blue);
}

.background-secondary-blue{
    background: var(--secondary-blue);
}

.card, .without-radius {
    border-radius: 0px;
}

@media (max-width: 990px) {
    .logo {
      max-height: 60px;
      max-width: 60px;
    }
}