@font-face {
    font-family: Iran-yekan;
    font-style: normal;
    src: url("../../font/iranyekann.eot");
    src: url("../../font/iranyekann.eot?#iefix") format("embedded-opentype"), url("../../font/iranyekann.woff") format("woff2"), url("../../font/iranyekann.woff") format("woff"), url("../../font/iranyekann.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: Morabba-regular;
    font-style: normal;
    src: url("../../font/Morabba-Regular.eot");
    src: url("../../font/Morabba-Regular.eot?#iefix") format("embedded-opentype"), url("../../font/Morabba-Regular.woff") format("woff2"), url("../../font/Morabba-Regular.woff") format("woff"), url("../../font/Morabba-Regular.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: sans;
    font-style: normal;
    src: url("../../font/IRANSans(FaNum)_Light.eot");
    src: url("../../font/IRANSans(FaNum)_Light.eot?#iefix") format("embedded-opentype"), url("../../font/IRANSans(FaNum)_Light.woff") format("woff2"), url("../../font/IRANSans(FaNum)_Light.woff") format("woff"), url("../../font/IRANSans(FaNum)_Light.ttf") format("truetype");
    font-display: swap;
}
.font-custom{
    font-family: Morabba-regular !important;
}
.font-custom5{
    font-family: sans !important;
}
body{
    font-family: Iran-yekan !important;
}
.sidebar .nav-pills .nav-link.active{
    background-color:#13b792;
    color:white;
}
.sidebar .nav-pills .nav-link{
    color: black;
}
.sidebar .accordion-button:not(.collapsed){
    color: black !important;
    border-bottom: 1px solid #dadada !important;
    background-color: #13b79224 !important;
}
.sidebar .accordion-button:focus{
    box-shadow:none;
}
.dash-btn:hover{
    border-color: #13b792 !important;
    transition: 0.5s;
}
.login{
    height: 100vh;
    background-image: url("../../img/login3.webp");
    background-repeat: no-repeat;
    background-size: cover;
}
.form-custom .form-control:focus {
    border-color: #dec79f;
    box-shadow: 0 0 0 .25rem rgba(222, 199, 159, 0.63);
}
.form-custom .form-control{
    border-radius: 72px;
}

.btn3{
    color: white;
    background-color: #13B792;
    border-radius: 60px;
}
.btn3:hover{
    background-color: #0e7c63;
    transition: 0.5s;
}
.login a{
    color: #ab8d59;
}
.login a:hover{
    color: #13B792;
    transition: 0.5s;
}
.fs-custom2{
    font-size: 14px;
}
.courses .detail-box2{
    background-color: #f8f9fa;
    top: calc(100% - 3rem);
    z-index: 2;
}
.courses a:hover .detail-box2 .price{
    color: black;
    transition: 0.5s;
}
.courses a:hover .detail-box2 .title{
    color: #79643f;
    transition: 0.5s;
}
.courses a:hover .border-bottom{
    border-color: white !important;
    transition: 0.5s;
}
.courses a:hover .detail-box2 .offer{
    color: #0b6b54;
    transition: 0.5s;
}
.courses .detail-box2 .title{
    color:#AB8D59;
}
.courses .detail-box2 .price{
    color:#B3B3B3;
}
.courses .detail-box2 .offer{
    color:#13B792;
}
.chatroom .chat-history {
    transform: rotateX(180deg);
}

.chatroom .chat-history li {
    transform: rotateX(180deg);
}

.chatroom ul {
    height: 366px;
    overflow: scroll;
    scrollbar-width: none;
    margin-bottom: 6rem !important;
}

.chat-border {
    border-color: #cbd2ff !important;
    border-top-color: rgb(203, 210, 255);
    border-radius: 0px 0 15px 15px;
    border-top: unset !important;
    margin-top: -25px;
}

.chatroom ul::-webkit-scrollbar {
    width: none;
}

.chatroom .typing {
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 30px;
}

.chatroom .typing .bi-send::before {
    transform: rotate(-90deg);
}

.chatroom .message-inner {
    white-space: pre-line;
    line-height: 1.75;
    font-size: 13px;
}

.chatroom .max-width-70 {
    max-width: 70%;
}

.chatroom .me {
    background-color: #13B792;
    border-radius: 15px 0 15px 15px;
    color: #fff;
}

.chatroom .you {
    background-color: #dec79f !important;
    color: black !important;
    border-radius: 0 15px 15px 15px;
}
.round-chat{
    border-radius: 50px;
    padding-left: 4.5rem !important;
    padding-right: 5rem !important;
}