/* Fonts */

:root {
    --color1: #161765;
    --color2: #ffffff;
    --color3: #e0efff;
    --color4: #5d7d91;
    --color5: #3135ff;
    --bg-1: var(--color1);
    --bg-2: var(--color2);
    --bg-3: var(--color3);
    --bg-4: var(--color5);
    --txt-1: var(--color2);
    --txt-2: var(--color1);
    --txt-3: var(--color4);
  }

@font-face {
    font-family: Vazir;
    src: url('../../fonts/Vazir-FD.woff2') format('woff2'),
         url('../../fonts/Vazir-FD.woff') format('woff'),
         url('../../fonts/Vazir-Bold-FD.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: VazirBold;
    src: url('../../fonts/Vazir-Bold-FD.woff2') format('woff2'),
         url('../../fonts/Vazir-Bold-FD.woff') format('woff'),
         url('../../fonts/Vazir-Bold-FD.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

html, body {
    font-family: Vazir;
    background: var(--bg-3);
}

*{
    box-sizing: border-box;
}

/* Text */

.title-more{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    margin: 30px 0 10px 0;
}

.title-more .title-main{
    color: var(--txt-3);
    text-align: center;
    font-size: 2rem;
    font-family: VazirBold;
}


.title-more a{
    color: var(--txt-2);
}

/* Navbar */

.tamin .list-agreement-text{
    line-height: 30px;
    list-style-type: initial;
}


/* Navbar */

.oe-navbar{
    background: var(--bg-1) !important;
}

.oe-navbar-i{
    background: var(--bg-4) !important;
}

.oe-navbar-i .uk-navbar-dropdown{
    background: var(--bg-4) !important;
}


.oe-navbar-i li a{
    color: var(--txt-1);
}





.oe-navbar-i li a:hover{
    color: var(--txt-1) !important;
}


.oe-navbar-i li a[aria-expanded=true]{
    color: var(--txt-1) !important;
}

/* Modal */

.oe-modal-i .list-link{
    direction: rtl;
    text-align: right;
    list-style-type: none;
}


.oe-modal-i .list-link li{
    color: var(--txt-2);
    margin-bottom: 10px;
    border-radius: 6px;
    padding: 10px;
    border: 1px solid;
    background: var(--color3);
}


.oe-modal-i .list-link a{
    color: var(--txt-2);
}

/* Form */

.input-txt-i{
    border: 1px solid var(--bg-4);
    border-radius: 4px;
    display: inline-block;
    width: 100%;
    padding: 10px 5px;
}

/* btn */

.btn-logout span{
    background-color: #ffee00 !important;
    color: black;
    padding: 10px;
    border-radius: 10px;
}

/* Card */

.oe-card-i{
    border-radius: 6px;
    display: flex;
    align-items: center;
    align-content: center;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
    font-family: VazirBold;
    font-size: 15px;
    color: var(--txt-3);
    border: 1px dashed;
    transition: all 200ms;
    color: #ffffff;
}

.oe-card-i.color-i{
    background: #44a0e3;
}

.oe-card-i.color-ii{
    background: #0aa450;
}

.oe-card-i.color-iii{
    background: #eacf2a;
}


.oe-card-i.color-iv{
    background: #f48a1d;
}


.oe-card-i.color-v{
    background: #e91c2b;
}


.oe-card-i.color-vi{
    background: #d90b91;
}

.oe-card-i.color-vii{
    background: #693599;
}

.oe-card-i.color-viii{
    background: #6d330d;
}


.oe-card-i.color-ix{
    background: #000000;
}

.oe-card-i.color-x{
    background: #1e42f0;
}


.oe-card-i:hover{
    color: #ffffff;
    box-shadow: 4px 3px 10px 0px #00000048;
}


.oe-card-ii{
    background-color: var(--bg-2);
    border-radius: 12px;
    overflow: hidden;
    border: 1px dashed gray;
    height: 100%;
}


.oe-card-ii .list-img{
    width: 100%;
    height: 200px;
    object-fit: cover;
}


.oe-card-ii .card-body{
    padding: 20px;
    direction: rtl;
}

.oe-card-ii .content-blog{
    line-height: 30px;
}

.oe-card-ii .card-body .title{
    display: block;
    text-align: center;
    color: var(--txt-3);
    font-family: VazirBold;
    font-size: 1.1rem;
}

/* Media */

@media (min-width: 0px) {

    .oe-modal-i .list-link{
        padding: 10px;
    }

    .oe-card-i{
        height: 150px;
    }

    .oe-navbar .logo{
        width: 0;
        display: none;
    }
    
    .oe-navbar .logo-center{
        width: 0;
        display: none;
    }
    
    
    .oe-navbar .logo-ii{
        width: 50px;
    }

    .oe-navbar .logo-mobile-tamin{
        width: 220px;
    }

}

@media (min-width: 640px) {

    .oe-modal-i .list-link{
        padding: 20px;
    }

    .oe-navbar .logo{
        width: 125px;
        display: block;
    }
    
    .oe-navbar .logo-center{
        width: 300px;
        display: block;
    }
    
    
    .oe-navbar .logo-ii{
        width: 80px;
    }

    .oe-navbar .logo-mobile-tamin{
        width: 0;
        display: none;
    }

}

@media (min-width: 960px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 1600px) {

}