:root {
    /* متغیرهای رنگ اصلی */
    /*--black: black;*/
    /*--gray: #e9e9e9;*/
    /*--border: #d4d4d4;*/
    /*--box: #ff0000;*/
    /*--text: rgb(105, 105, 105);*/
    /*--bkg: #ffffff;*/
    /*--white: white;*/
    /*--blue: #368fe7;*/
    /*--red: hwb(0 28% 0%);*/
    
    /* متغیرهای بخش myfollow */
    /*--myfollow-name-color: rgb(103, 103, 117);*/
    /*--myfollow-tick-color: rgb(20, 133, 238);*/
    /*--myfollow-empty-color: black;*/
    /*--black: #ffffff;*/
    /*    --gray: #2d2d2d;*/
    /*    --border: #404040;*/
    /*    --box: #f93a3a;*/
    /*    --text: #e0e0e0;*/
    /*    --bkg: #121212;*/
    /*    --white: #1d232d;*/
    /*     --blue:#3c9af7;   */
    /*    --red: #f93532;*/
        
    /*        --white: #11161e;*/
        
    /*      --myfollow-name-color: rgb(103, 103, 117);*/
    /*--myfollow-tick-color: rgb(20, 133, 238);*/
    /*--myfollow-empty-color: white;*/
    
}

/*@font-face {*/
/*    font-family: "Noto";*/
/*    src: url("noto//Noto_Sans/NotoSans-VariableFont_wdth\,wght.ttf") format("truetype") ;*/
/*}*/
/*@font-face {*/
/*    font-family: "Noto fars";*/
/*    src: url("noto/Noto_Sans_Arabic/NotoSansArabic-VariableFont_wdth\,wght.ttf") format("truetype") ;*/
/*}*/

* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    /*font-family: 'Noto', "Noto fars", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;*/
    scrollbar-width: none;
    
    
      /*--black: #ffffff;*/
      /*  --gray: #2d2d2d;*/
      /*  --border: #404040;*/
      /*  --box: #f93a3a;*/
      /*  --text: #e0e0e0;*/
      /*  --bkg: #121212;*/
      /*  --white: #1d232d;*/
      /*   --blue:#3c9af7;   */
      /*  --red: #f93532;*/
        
            /*--white: #11161e;*/
        
    /*      --myfollow-name-color: rgb(103, 103, 117);*/
    /*--myfollow-tick-color: rgb(20, 133, 238);*/
    /*--myfollow-empty-color: white;*/
        
}


body {
    background-color: var(--white);
}

::-webkit-scrollbar {
    display: none;
}

.myfollow-all-container {
    width: 100%;
    height: auto;
    margin-top: 0px;
    padding: 10px 17px 5px 10px;
    border-bottom: 1px solid var(--border);

}

.myfollow-all-container li {
    list-style-type: none;
}

.myfollow-all-container a {
    text-decoration: none;
}

.myfollow-card-tow-container {
    height: auto;
    display: flex;
    overflow-x: scroll;
    gap: 16px;
    position: relative;
    margin-top: 52px;
    /*background-color: var(--white);*/
 direction: rtl;
}

.myfollow-card-tow-container li {
    position: relative;
}

.myfollow-my-profile img {
    border: 2.5px solid var(--blue);
    padding: 2px;
}

.myfollow-card-tow-container img {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
}

.myfollow-name-card {
    display: flex;
    align-items: center;
    gap: 1.5px;
    margin-top: -1px;
}

.myfollow-name-card p {
    font-size: 0.82rem;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--black);
    position: relative;
    top: 1px;
}

#my-follow-tick-one {
    fill: var(--myfollow-tick-color);
    width: 1.1rem;
    display: non;
    position: relative;
    top: 2.7px;
}

.empty-profile {
    color: var(--myfollow-empty-color);
    font-weight: 700;
    font-size: 1.28rem;
    margin-top: 25px;
}

.h {
    display: flex;
    justify-content: center;
    gap: 2px;
    position: relative;
    left: 6px;
}