:root {
    /*Colors*/
    --secand-color: rgba(255, 255, 255, 0.6);
    --therd-color: #f96f59;
}

* {
    font-family: Cairo !important;
    font-weight: 500 !important;
}

.orangespan {
    color: var(--therd-color);
}

footer h4::after {
    background: var(--color-primary);
}

@media (min-width: 1280px) {
    .navbar > ul > li {
        padding: 10px 0 10px 10px !important;
    }
}

.language {
    background-color: var(--color-primary) !important;
    border: var(--color-primary) !important;
    color: rgba(255, 255, 255, 0.6) !important;
}

    .language:hover, .language:focus {
        color: #fff !important;
    }

.link {
    background: var(--color-primary);
    border: 0;
    padding: 10px 45px;
    color: #fff;
    transition: 0.4s;
    border-radius: 50px;
}

.text-center {
    padding: 10px 0px;
}