@font-face {
    font-family: 'Pinar';
    src: url('fonts/pinar/Pinar-Regular.ttf');
}

body{
    font-family: 'Pinar', 'opensans';
}

.background{
    background: #20C6BC;
}

.rtl{
    direction: rtl;
    text-align: right;
}

.lang-btn{
    padding: 6px;
    background: #D9D9D9;
    width: 100px;
    border-radius: 18px;
    border: none;
}

.menu-item{
    text-decoration: none;
    color:"#24AC8C";
}

.login-form{
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 12%;
    margin-top: 4%;
    width: 350px;
    background: white;
    border-radius: 14px;
}

.form-control::placeholder{
    color: #20C6BC;
}

.form-control{
    border: none;
}

.btn{
    font-weight: 800;
}

.bg-gray{
    background: #F6F7FB;
}

.btn-primary{
    background: #20C6BC;
}

.btn-secondary{
    background:#D9D9D9;
}

.bg-none{
    background: initial;
}

.text-primary{
    color:#14A890;
}

.text-primary-dark{
    color:#0C6C5C;
}

.hidden{
    display: none;
}

@media (max-width:1025px) {
.background{
    display: none;
}
.login-form{
    width: 100%;
    position: relative;
    right: 0;
    margin: 0 11px;
}
}
@media (min-width:1281px) {

}