@font-face {
    font-family: vazir;
    src: url('../font/vazir.woff') format('woff'),
    url('../font/vazir.ttf') format('truetype');
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    border-radius: 100vh;
    background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #cbd5e0;
    border-radius: 100vh;
    border: 4px solid #fafbfd;
    transition: all 0.5s;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #a0aec0;
    border: 3px solid #fafbfd;
}

.text-orange {
    color:#daa847;
}


body {
    font-family: vazir;
}

.logo {
    width:200px;
    height: 200px;
    object-fit: contain;
}

.box {
    padding:17px 7px;
    border-radius: 10px;
    border:5px dashed #daa847;
    background: #f5f5f5;
}

.box2 {
    padding:17px 7px;
    border-radius: 10px;
    background: rgb(78,150,255);
    background: linear-gradient(180deg, rgba(78,150,255,1) 0%, rgba(13,110,253,1) 100%);

}

.box3 {
     padding:17px 7px;
     border-radius: 10px;
     border:5px dashed #0d6efd;
     background: #f5f5f5;
 }

.title {
    font-size:18px;
    font-weight: bold;
}

.img32 {
    width:28px;
    height: 28px;
    object-fit: contain;
}

.img16 {
    width:18px;
    height: 18px;
    object-fit: contain;
}

.img48 {
    width:48px;
    height: 48px;
    object-fit: contain;
}

.font-size-10{
    font-size:10px;
}

.font-size-18{
    font-size:18px;
}

.font-size-22 {
    font-size:22px;
}

.cursor-pointer {
    cursor: pointer;
}