@font-face {
    font-family: "Yekan";
    src: url('./fonts/Yekan-Font-3.0/Yekan.woff2') format('woff2'),
    url('./fonts/Yekan-Font-3.0/Yekan.woff') format('woff');
}
@font-face {
    font-family: YekanNum;
    src: url('./fonts/Yekan-Font-3.0/YEKANPLUS.TTF') format('TTF');
}
* {
    font-family: Yekan,sans-serif;
}
.fa-num{
    font-family: YekanNum,sans-serif;
}
.image-body{
    background-image:url('background.jpg');
    background-attachment: fixed;
}
.login{
    width: 30% ;
}
.mobile2{
    display: contents ;
}
.bi-arrow-left-circle-fill{
    width: 8%;
}
.btn1{
    background-color: yellow;
    border: 1px solid blue;
}
.btn2{
     background-color: bisque;
     border-radius:6px; 
     padding:7px; 
     border:none
}
.mobile3{
    width: 90%;
}
.mobile-header{
    display: none;
 }
 .form2{
    display: none;
 }
 .index-page{
    width: 80%;
    margin: 0 auto;
}

.selected-person{
    background-color: #d6d6d6;
    border-radius: 10px;
}
.hover:hover{
    background-color: #d6d6d6;
    border-radius: 10px;
}


/* .mobile4{
    display: none;
} */

@media screen and (max-width :992px){
    .index-page{
        width: 96%;
    }
    .sidebar{
        display: none;
    }
    .mobile4{
        margin: 0 auto;
    }
    .login{
        width: 70%;
    }
}
@media screen and (max-width :768px){
    .mobile4{
     width: 100%;
     flex-direction: column;
    }
    .start-chat{
     width: 30%;
     padding-bottom: 20px;
    }
    .mobile5{
     width: 100%;
    }
    .login{
     width: 70%;
    }
 }
@media screen and (max-width :576px){
    .login{
        width: 92% ;
    }
    .mobile2{
        display: inline-flex ;
        justify-content: center;
    }
    .bi-arrow-left-circle-fill{
        width: 17%;
    }
    .mobile3{
        width: auto;
    }
    .desktop-header{
        display: none;
    }
    .mobile-header{
       display: block;
    }
    .index-page{
        width: 96%;
        margin: 0 auto;
    }
    .mobile6{
        display: none;
    }
    .mobile4{
        display: none;
    }
    .start-chat{
        display: none;
    }
    .mobile8{
        margin: 0 auto;
    }
    .height-chat{
        top:10.5vh;
        height: 87%;
    }
    .mobile9{
        max-width: 85% !important;
    }
    .messages{
        width: 90%;
    }
    
}
@media screen and (min-width :576px) {
    .b-c{
        border-left:1px solid blue;
    }
    .bg-chat{
        background-image:url('images/background-chat-mini.jpg');
    }
    .border1{
        border: 1px solid blue;
    }
    .height-chat{
        top:20vh;
        height: 75%;
    }
    .border-left{
        border:1px solid rgb(228, 228, 228);
    }
    .desktop1{
        margin-top: 3%;
    }
    .desktop2{
        margin-top: 4%;
    }
    .messages{
        width: 40%;
    }
    .edge{
        padding-right: 12px;
    }
    .font1{
        font-size: 28px;
    }
}
.left-text{
    text-align: left;
}
.right-text{
    text-align: right;
}

/* @media screen and (max-width :992px){
    .index-page{
        width: 96%;
    }
    .sidebar{
        display: none;
    }
    .mobile4{
        margin-right: 0;
    }
} */