.searchs {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 20px;
            background-color: #14141400;
        }

        .logoo img {
            height: 71px;
        }

        .search-bar {
            display: flex;
            align-items: center;
        }

        .search-bar input {
            width: 300px;
            padding: 10px;
            border: none;
            border-radius: 5px 0 0 5px;
        }

        .search-bar button {
            padding: 10px;
            border: none;
            background-color: #444;
            color: #fff;
            cursor: pointer;
            border-radius: 0 5px 5px 0;
        }

        .search-bar button:hover {
            background-color: #555;
        }

        .search-icon {
            display: none;
            font-size: 20px;
            cursor: pointer;
        }

        nav ul {
            list-style: none;
            display: flex;
            gap: 15px;
            padding: 0;
            margin: 0;
        }

        nav ul li {
            display: inline;
        }

        nav ul li a {
            text-decoration: none;
            color: #fff;
            padding: 10px 15px;
            border-radius: 5px;
        }

        nav ul li a:hover {
            background-color: #4a4c51;
        }

        @media (max-width: 768px) {
            .search-bar {
                display: none;
            }

            .search-icon {
                display: block;
            }
        }


#menuo ul {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
    background-color: #252525;
    list-style: none;
    font: normal 13pt arial;
}

 #menuo ul li { display: inline; }



#menuo ul li a {
    background-color: #252525;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 3px solid #252525;
    padding: 1px 5px;
    /* float: left; */
}


 #menuo ul li a:hover {

     background-color:#d50c3b;

     color: #ffffff;

     border-botto:3px solid#EA0000;   

 }

  .BannerUpp {

background-image: url("12.png");

background-repeat: img no repeatt: no-repeat.



width:auto;

 height:100px;

}




.modal-content {
  background: #383c42;
    border-radius: 12px;
    width: 320px;
    max-width: 90%;
    overflow: hidden;
    border: solid 1px #5e636b;
}

.modal-header {
    padding: 8px 12px;
    background: #4c5055;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header h4 {
    margin: 0;
    font-size: 14px;
}

.modal-close {
    font-size: 20px;
}

.modal-body {
    padding: 16px 12px;  
    display: flex;
    gap: 8px;
    justify-content: center;
    flex-wrap: nowrap;   
}

.reaction-option {
    font-size: 24px;     
    padding: 0;          
    background: transparent; 
    border: none;        
    border-radius: 0;    
    cursor: pointer;
    transition: transform 0.2s;
}

.reaction-option:hover {
    transform: scale(1.3);
}


.reaction-main-btn{
    
        font-size: 17px;
    
    
}

.back2top{
    
    
       display: flex;
    justify-content: flex-end;
}
.recxx2{
    
    
    background: #444950;
    color: white;
    padding: 7px;     margin: 3px;
    border-radius: 20px;
    border: solid #383c42;
}

.recxx1{
    font-size: 15px;
    margin-top: 28px;
}

.btn-react-main{
    
        font-size: 17px;
}

/* reactions */

.post-reactions .reaction-bubble {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    border-radius: 23px;
}

.post-reactions .emoji {
    display: inline-block;
    width: 23px;
    height: 15px;
    line-height: 24px;
    background-size: 22px 19px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    vertical-align: middle;
}

/* png */


.reaction-bubble.like   .emoji { background-image: url("/musk/1f44d.png"); }
.reaction-bubble.dislike .emoji { background-image: url("/musk/1f44e.png"); }
.reaction-bubble.beer   .emoji { background-image: url("/musk/cheers32.png"); }
.reaction-bubble.medal  .emoji {background-image: url("/musk/medal32.png");}
.reaction-bubble.poop   .emoji { background-image: url("/musk/poop32.png"); }
.reaction-bubble.angry  .emoji { background-image: url("/musk/1f621.png"); }
.reaction-bubble.love  .emoji { background-image: url("/musk/1f60d.png"); }

.post-reactions .reaction-count {
    font-size: 12px;
    line-height: 16px;
}