@import url("mobile_home.css");
@import url("tablet_home.css");
@media only screen and (min-width: 1025px) {
    ul{
        list-style: none;
        list-style-type: none;
    }
    li{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #0f1419;
    }
    li a{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #0f1419;
        text-decoration: none !important;
    }
    p{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #0f1419;
    }
    a{
        color: #1C9BEF;
        text-decoration: none;
    }
    a:hover{
        text-decoration: underline;
    }
    
    .form-select{
        background: transparent !important;
        color: #0f1419 !important;
        border: 2px solid #DEE2E6;
    }
    .form-control:active,
    .form-control::before,
    .form-control:focus,
    .form-control::after,
    .form-select:active,
    .form-select::before,
    .form-select:focus,
    .form-select::after{
        box-shadow: none;
        border: 2px solid #1C9BEF;
        font-size: 15px;
        font-weight: 400;
        background: transparent;
        color: #0f1419;
    }
    .form-floating{
        position: relative;
        margin-bottom: 15px !important;
    }
    
    .page-active{
        font-weight: 700 !important;
    }
    .main-left-sidebar{
        position: fixed;
        top: 0;
        width: 270px;
        height: 100%;
        padding-bottom: 15px;
        top: 0;
        z-index: 999;
        overflow-y: auto;
        margin-left: 25px;
    }
    html[dir="rtl"] .main-left-sidebar{
        margin-left: 0;
        margin-right: 50px;
    }
    .main-left-sidebar > .main-site-logo{
        text-decoration: none !important;
        margin-bottom: 10px;
        margin-top: 0px;
        user-select: none;
        margin-left: -20px;

    }
    .main-left-sidebar > .main-site-logo img{
        cursor: pointer;
        max-width: 180px;
        max-height: 50px;
        object-fit: contain;
        margin-left: 20px;
        padding: 7px;
    }
    .main-left-sidebar > .main-sidebar-menu{
        position: relative;
        display: inline-flex;
        flex-direction: column;
    }
    
    .main-left-sidebar > .main-sidebar-menu a {
        text-decoration: none;
        display: flex;
        align-items: center;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        padding: 12px;
        border-radius: 999px;
        width: max-content;
    }
    .main-left-sidebar > .main-sidebar-menu a svg{
        margin-right: 19px;
        width: 27px;
        height: 27px;
    }
    html[dir="rtl"] .main-left-sidebar > .main-sidebar-menu a svg{
        margin-right: 0;
        margin-left: 19px;
    }
    .main-left-sidebar > .main-sidebar-menu a i{
        font-size: 24px;
        margin-right: 21px;
    }
    
    #check-notifs{
        position: absolute;
        font-size: 11px;
        font-weight: 400;
        background: #1da1f1;
        color: #fff;
        width: 20px;
        height: 20px;
        left: 20px;
        text-align: center;
        border-radius: 50px;
        margin-top: -17px;
        display: flex;
        align-items: center;
        justify-items: center;
        justify-content: center;
    }
    html[dir="rtl"] #check-notifs{
        left: 0;
        right: 20px;
    }
    html[dir="rtl"] #check-message{
        left: 0;
        right: 20px;
    }
    #check-message{
        position: absolute;
        font-size: 11px;
        font-weight: 400;
        background: #1da1f1;
        color: #fff;
        width: 20px;
        height: 20px;
        left: 20px;
        text-align: center;
        border-radius: 50px;
        margin-top: -17px;
        display: flex;
        align-items: center;
        justify-items: center;
        justify-content: center;
    }
    
    .main-left-sidebar > .sidebar-more-menu{
        position: fixed;
        background-color: #fff;
        padding: 12px 10px -0px;
        width: 290px;
        border-radius: 13px;
        z-index: 9999;
        bottom: 78px;
        box-shadow: 0px 0px 20px 0px #0f14192b;
    }
    .main-left-sidebar > .sidebar-more-menu a{
        text-decoration: none;
        align-items: center;
        justify-items: center;
        display: flex;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        padding: 12px 8px;
        border-radius: 9px;
        color: #0f1419;
        margin-bottom: 10px;
    }
    .main-left-sidebar > .sidebar-more-menu a:hover{
        transition-duration: 0.2s;
        background: #d9d9d954;
    }
    .main-left-sidebar > .sidebar-more-menu i{
        font-size: 18px;
        margin-right: 17px;
    } 
    .main-left-sidebar > .sidebar-more-menu a span{
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        padding: 0.1px 10px;
        background: green;
        margin-left: 10px;
        border-radius: 15px 5px 5px 4px;
        text-align: center;
        align-items: center;
        color: #fff;
    }
    .main-vipub-screenline{
        position: relative;
        min-height: 100vh;
        width: 610px;
        margin-left: -30px;
        flex: 1;
        margin-bottom: 75px;
    }
    .site-header-box-profile-page{
        display:none;
    }
    .site-header-box {
        width: 100%;
        min-height: 53px;
        max-height: auto;
        position: sticky;
        padding: 13px;
        top: 0;
        cursor: pointer;
        z-index: 9;
    }
    
    .site-header-box input{
        width: 100%;
        border-radius: 999px;
        outline:none;
        border: 1px solid transparent;
        background-color: #EFF3F4;
        color: #0f1419;
        padding: 10px 50px;
        margin-top: 10px;
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 15px;
    }
    .site-header-box i{
        font-size: 15px;
        position:absolute;
        color: #737373;
        margin-left: 20px;
        margin-top: 21px;
    }
    html[dir="rtl"] .site-header-box i{
        margin-left: 0;
        margin-right: 20px;
    }
    .site-header-box input:active,
    .site-header-box input:focus{
        border: 1px solid #1C9BEF;
        background: #fff;
    }
    .site-header-box input::placeholder{
        font-weight: 400;
    }
    .main-vipub-screenline > .site-header-box h5{
        font-size: 18px;
        font-weight: 700;
        line-height: 22px;
        position: relative;
        top: 5px;
        align-items: center;
        display: flex;
    }
    .main-vipub-screenline > .site-header-box h5 svg{
        width: 20px;
        height: 20px;
        margin-right: 20px;
        cursor: pointer;
    }
    html[dir="rtl"] .main-vipub-screenline > .site-header-box h5 svg{
        margin-right: 0;
        margin-left: 20px;
    }
    .main-vipub-screenline > .site-header-box h5 .uname-top-profile{
        width: 22px;
        height: 22px;
        margin-left: 0px;
        cursor: pointer;
        position: relative;
        top: -2px;
    }
    .main-vipub-screenline > .site-header-box h5 svg:hover{
        transition-duration: 0.2s;
        color: #1C9BEF;
        fill: #1C9BEF;
    }
    .main-vipub-screenline > .site-header-box h5 small svg{
        position: relative;
        margin-top: -3px;
    }
    .site-header-box > .search-header-menu{
        position: relative;
        display: flex;
        align-items:center;
        justify-items:center;
        justify-content:center;
        border-top: 1px solid #EFF3F4;
        margin-bottom: -20px;
        overflow-x: auto;
    }
    .site-header-box > .search-header-menu a{
        text-decoration: none;
        color: #737373;
        display:flex;
        align-items:center;
        border-top: 3px solid transparent;
        margin: 0 auto;
        padding: 10px;
    }
    .site-header-box > .search-header-menu a h6{
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        align-items:center;
        justify-items:center;
        border-top: 3px solid transparent;
        color: #536471;
    }
    .site-header-box > .search-header-menu a:hover{
        border-top: 3px solid #0f1419;
    }
    .search-active{
        border-top: 3px solid #1C9BEF !important;
        color: #0f1419 !important;
        font-weight: 700 !important;
        border-radius: 3px;
    }
    .search-active h6{
        color: #0f1419 !important;
        font-weight: 700 !important;
    }
    .homepage-new-post{
        position: relative;
        display: flex;
        align-items: flex-start;
        justify-items: center;
        width: 100%;
        margin-bottom: 0px;
        padding-left: 20px;
    }
    .homepage-new-post a img{
        width: 55px;
        height: 55px;
        border-radius: 999px;
        object-fit: contain;
    }
    .homepage-new-post textarea{
        font-size: 22px;
        line-height: 26px;
        font-weight: 400;
        color: #0f1419;
        width: 100%;
        border: none;
        outline: none;
        box-sizing: border-box;
        background: transparent;
        padding: 13px 15px;
        resize: none;
        min-height: 0px;
        max-height: 400px;
        margin-bottom: -25px;
    }
    .homepage-new-post textarea::placeholder{
        font-size: 22px;
    }
    
    .homepage-new-post span{
        position: absolute;
        right: 20px;
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        color: #0f1419;
        top: 0px;
        background-color: #fff;
    }
    .share-post-selection{
        display: flex;
        margin-bottom: 2px;
        margin-left: 70px;
    }
    .share-post-selection label{
        position: relative;
        cursor: pointer;
        margin-right: 7px;
    }
    .share-post-selection span{
        position: relative;
        cursor: pointer;
        margin-right: 15px;
    }
    .share-post-selection span i{
        font-size: 21px;
        color: #1C9BEF;
    }
    .share-post-selection span i:hover{
        transition-duration: 0.2s;
        color: #000 !important;
    }
    .share-post-selection button{
        position: absolute;
        right: 20px;
        padding: 7px 17px;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        color: #fff;
        background: #1C9BEF;
        border: none;
        outline: none;
        user-select: none;
        border-radius: 999px;
        bottom: 20px;
    }
    .share-post-selection button:hover{
        transition-duration: 0.2s;
        background: #188CD8;
    }
    .share-post-selection button[disabled]{
        opacity: .5;
    }
    .post_globale_check{
        margin-left: 70px;
        margin-bottom: 15px;
        border-radius: 15px;
        display:flex;
        align-items:center;
        justify-items:center;
    }
    .post_globale_check i{
        font-size: 14px;
        color: #1d9bf0;
        margin-right: 5px;
    }
    .post_globale_check .form-select{
        background: none;
        outline: none;
        border: none;
        font-size: 14px;
        font-weight: 600;
        color: #1d9bf0 !important;
        cursor: pointer;
        padding: 0;
        margin: 0;
    }
    .post_globale_check:hover{
        opacity: 0.7;
    }
    
    .vipup-post-publication{
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: 10px;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: -0px;
        border-right: 0px solid transparent !important;
    }
    
    .user-post-info-title{
        position: relative;
        display: flex;
        align-items: center;
        justify-items: center;
        background: #fff;
        border: 1px solid #EFF3F4;
        border-radius: 8px;
    }
    .vipup-post-publication > .vipup-post-userinfo{
        position: relative;
        display: flex;
        align-items: center;
        justify-items: center;
    }
    .vipup-post-publication > .vipup-post-userinfo img{
        width: 48px;
        height: 48px;
        cursor: pointer;
        border-radius: 5px;
        margin-right: 13px;
    }
    .vipup-post-publication > .vipup-post-userinfo a{
        text-decoration: none !important;
    }
    .vipup-post-publication > .vipup-post-userinfo h5{
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        color: #0f1419;
        margin-top: -6px;
        position: relative;
        margin-right: 5px;
        display: flex;
        align-items: center;
    }
    .vipup-post-publication > .vipup-post-userinfo h5 svg{
        width: 18px;
        height: 18px;
        color: #1C9BEF;
        fill: #1C9BEF;
        margin-left: 2px;
        margin-right: -3px;
    }
    .vipup-post-publication > .vipup-post-userinfo h5:hover{
        text-decoration: underline;
    }
    .vipup-post-publication > .vipup-post-userinfo span{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #535153;
        top: -8px;
        position: relative;
    }
    .vipup-post-publication > .post-content-line{
        position: relative;
        margin-left: 61px;
        top: -20px;
        margin-bottom: -7px;
    }
    .vipup-post-publication > .post-content-line a{
        text-decoration: none !important;
    }
    .vipup-post-publication > .post-content-line a:hover{
        text-decoration: underline !important;
    }
    .vipup-post-publication > .post-content-line p{
        font-size: 15px;
        line-height: 20px;
        font-weight: 400;
        white-space: pre-wrap;
        word-break: break-word;
        overflow-wrap: break-word;
        color: #0f1419;
        margin-bottom: -10px;
    }
    .vipup-post-publication > .post-content-line iframe{
        width: 100%;
        height: 300px;
        position: relative;
        margin-top: 20px;
        border-radius: 10px;
        border: 1px solid #CFD9DD;
        user-select: none;
    }
    .vipup-post-publication > .post-content-line img{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 20px;
        border-radius: 10px;
        margin-bottom: 1px;
        border: 1px solid #CFD9DD;
        user-select: none;
    }
    .vipup-post-publication > .post-content-line video{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 20px;
        border-radius: 10px;
        margin-bottom: 1px;
        border: 1px solid #CFD9DD;
        margin-bottom: -5px;
        user-select: none;
    }
    .vipup-post-publication > .post-value-content{
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        justify-items: center;
        margin-left: 62px;
        margin-bottom: 7px;
        user-select: none;
    }
    .vipup-post-publication > .post-value-content span{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        position: relative;
        display: flex;
        align-items: center;
        justify-items: center;
        color: #535153;
        margin-right: 40px;
        cursor: pointer !important;
    }
    .vipup-post-publication > .post-value-content span:hover,
    .vipup-post-publication > .post-value-content span svg:hover {
        color: #1C9BEF;
        fill: #1C9BEF;
    }
    .vipup-post-publication > .post-value-content span svg{
        width: 21px;
        height: 21px;
        fill: #535153;
        position: relative;
        margin-right: 10px;
    }
    #margin-bottom-timelines{
        position: relative;
        margin-bottom: 50px;
    }
    
    .dropdown ul {
        display: none;
        position: absolute;
        border-radius: 4px;
        right: 50px !important;
        z-index: 99999;
        min-width: 250px;
        max-width: 320px;
        padding: 0;
        margin: 0;
        margin-top: -5px;
      }
      html[dir="rtl"] .dropdown ul {
        right: auto !important;
        left: 50px !important;
      }
      .dropdown:hover ul {
        display:block;
      }
      .dropdown:hover ul button{
        width: 100%;
        background: transparent;
        color: red;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        border: none;
        outline: none;
        box-shadow: none;
        text-align: left;
        display: flex;
        align-items: center;
      }
      .dropdown:hover ul button i{
        width: 21px;
        height: 21px;
        color: red;
      }
      .dropdown:hover ul button:hover{
        transition-duration: 0.2s;
        background-color: #FAFAFA;
      }
      
      .dropdown li a,
      .dropdown button {
      display: block;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      padding: 13px;
      display: flex;
      align-items: center;
      }
      .dropdown button {
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: #F9197E !important;
        padding: 13px;
        display: flex;
        align-items: center;
        background-color: #f9197e0e !important;
    }
    .dropdown ul button i{
        width: 21px;
        height: 21px;
        color: #F9197E !important;
        margin-right: 7px;
        position: relative;
        top: 1px;
      }
      .dropdown li a i,
      .dropdown ul button i{
        width: 21px;
        height: 21px;
        margin-right: 7px;
      }
      .sidebar-footer-content{
        position: relative;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .sidebar-footer-content a{
        padding: 0px 3px;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        text-decoration: none;
    }
    .sidebar-footer-content a:hover{
        text-decoration: underline;
    }
    .displayImage {
        position: relative;
        width: calc(100% - 72px); 
        margin: 25px auto; 
        z-index: 9999;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        word-wrap: break-word;
        margin-left: 85px;
        margin-right: 85px;
    }
    
    .displayImage img {
        width: 115px;
        height: 105px;
        object-fit: contain;
        border-radius: 10px;
        border: 1px solid #EFF3F4;
        margin-right: 8px;
        margin-bottom: 8px;
    }
    
    .displayImage img:last-child{
        margin-right: 0;
    }
    .displayVideo{
        position: relative;
        width: 500px;
        margin-left: 72px;
        margin-bottom: 10px;
        margin-top: 50px;
        z-index: 9999;
    }
    .displayVideo video{
        width: 100%;
        border-radius: 10px;
        border: 1px solid #EFF3F4;
        position: relative;
        margin-top: -34px;
    }
    .removeImage{
        position: absolute;
        top: 10px;
        left: 10px;
        display: none;
    }
    .removeImage svg{
        background: #1C9BEF;
        color: #fff;
        fill: #fff;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        padding: 7px;
        cursor: pointer !important;
    }
    .removeImage svg:hover{
        transition-duration: 0.2s;
        background: #272b2e98;
    }
    .removeVideo{
        position: relative;
        top: 5px;
        left: 10px;
        z-index: 1000;
    }
    .removeVideo svg{
        background: #272B2E;
        color: #fff;
        fill: #fff;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        padding: 7px;
        cursor: pointer !important;
    }
    .removeVideo svg:hover{
        transition-duration: 0.2s;
        background: #272b2e98;
    }
    
    #feed-timeline{
        width: 100%;
        height: 100%;
        
    }
    .post-original-user-title-info{
        padding-top: 12px;
        padding-bottom: 5px;
        position: relative;
        border-radius: 7px 7px 0px 0px;
    }
    .post-original-user-title-info a{
        text-decoration: none;
    }
    .post-original-user-title-info a img{
        width: 40px;
        height: 40px;
        border-radius: 999px;
        border: 1px solid #EFF3F4;
        cursor: pointer;
        object-fit: contain;
    }
    #circleAvatarVeriy{
        border-radius: 5px !important;
    }
    .post-original-user-title-info a h5{
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
        display: flex;
        align-items: center;
        justify-items: center;
        margin-left: 50px;
        margin-top: -40px;
        margin-bottom: -4px;
    }
    html[dir="rtl"] .post-original-user-title-info a h5{
        margin-left: 0;
        margin-right: 50px;
    }
    vipub_fullname_post:hover{
        text-decoration: underline;
    }
    .post-original-user-title-info a h5 svg{
        width: 18px;
        height: 18px;
        margin-left: 2px;
        cursor: pointer !important;
    }
    html[dir="rtl"] .post-original-user-title-info a h5 svg{
        margin-left: 0;
        margin-right: 2px;
    }
    .post-original-user-title-info a h5 b{
        margin-left: 4px;
        font-size: 15px;
        font-weight: 400;
    }
    html[dir="rtl"] .post-original-user-title-info a h5 b{
        margin-left: 0;
        margin-right: 4px;
    }
    .post-original-user-title-info span{
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        margin-left: 50px;
        flex-wrap: wrap;
    }
    html[dir="rtl"] .post-original-user-title-info span{
        margin-left: 0;
        margin-right: 50px;
    }
    .post-original-user-title-info strong{
        position: absolute;
        right: 0;
        top: 20px;
    }
    .post-original-user-title-info strong i{
        color: #536371;
        font-size: 17px;
    }
    .original-post-details{
        padding-left: 50px;
    }
    html[dir="rtl"] .original-post-details{
        padding-right: 50px;
        padding-left: 0;
    }
    .post-paragraphe{
        margin-bottom: -10px;
    }
    .original-post-details > .post-paragraphe p,
    .original-post-details > .post-paragraphe div,
    .original-post-details > .post-paragraphe p span{
        font-size: 15px !important;
        line-height: 20px !important;
        font-weight: 400 !important;
        white-space: pre-wrap !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
    }
    .original-post-details > .post-paragraphe p strong,
    .original-post-details > .post-paragraphe div strong,
    .original-post-details > .post-paragraphe p span strong{
        font-weight: 600;
    }
    .post-paragraphe-image {
        display: grid; 
        grid-template-columns: repeat(auto-fill, minmax(261px, 0fr));
        gap: 5px;
        width: 100%;
    }

    .post-paragraphe-image img {
        width: 100%;
        height: 180px;
        user-select: none;
        border: 1px solid #CFD9DD;
        object-fit: cover;
        background-color: #fff;
        transition-duration: 0.3s;
        border-radius: 12px;
    }
    .post-paragraphe-image img:hover{
        opacity: 0.75;
    }
    .post-paragraphe-image.single img {
        width: 100% !important;
        height: 100%;
    }
    .post-paragraphe-image.double img {
        width: 261px;
    }
    .post-paragraphe-image.triple img {
        width: 261px;
    }
    .post-paragraphe-image.quad img {
        width: 261px;
    }
    .post-paragraphe-gif img{
        width: 100%;
        height: 100%;
        user-select: none;
        border: 1px solid #CFD9DD;
        object-fit: contain;
        border-radius: 12px;
        margin-top: 7px;
    }
    .post-paragraphe-video video{
        width: 100%;
        height: 280px;
        cursor: pointer;
        margin-top: 7px;
        border-radius: 12px;
        border: 1px solid #CFD9DD;
        background-color: #fff;
    }
    .post-paragraphe p iframe{
        width: 100%;
        height: 290px;
        border: 1px solid #CFD9DD !important;
        border-radius: 12px;
    }
    .original-post-selection-check{
        padding-top: 0px;
        padding-bottom: 4px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 4px;
        width: 100%;
    }
    .original-post-selection-check span {
        display: flex;
        align-items: center;
        justify-items: center;
        text-align: center;
        background: none !important;
        font-size: 15px;
        font-weight: 400;
        line-height: 16px;
        color: #535353;
        margin-right: 20px;
        cursor: pointer;
        padding: 7px;
        border-radius: 50%;
        transition-duration: 0.1s;
    }
    .original-post-selection-check span:last-child{
        margin-right: 0;
    }
    .original-post-selection-check span:first-child{
        margin-left: -6px;
        text-align: left !important;
    }
    .original-post-selection-check span i {
        font-size: 17px;
    }
    .original-post-selection-check span b {
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
        left: 3px;
        top: -0px;
        position: relative;
    }
    html[dir="rtl"] .original-post-selection-check span b{
        left: auto;
        right: 3px;
    }
    .original-post-selection-check > .dropdown{
        position: absolute;
        right: 7px;
    }
    .original-post-selection-check > .dropdown strong i{
        font-size: 18px;
        color: #737373;
    }
    .original-post-selection-check > .dropdown strong i:hover{
        color: #1C9BEF;
    }
    .original-post-selection-check > .dropdown ul{
        position: absolute;
        z-index: 9999;
        top: 0;
        right: 0;
        left: -230px;
        min-width: 250px;
    }
    .unretweet-class{
        color: #00BA7C !important;
        fill: #00BA7C !important;
    }
    .post-unlike-icon{
        color: #F9197F !important;
        fill: #F9197F !important;
    }
    #createFormContainer{
        position: relative;
        width: 100%;
        z-index: 9999;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .share-to-post-homepage{
        
        width: 100%;
    }
    #search-page-timeline{
        
        width: 100%;
    }
    .no-post-yet-timeline{
        position: relative;
        width: 100%;
        display: flex;
        text-align: left;
        align-items: center;
        flex-direction: column;
        word-wrap: break-word;
        padding: 30px;
        height: 100vh;
    }
    .no-post-yet-timeline > .no-post-yet i{
        font-size: 27px;
        padding: 14px;
        background: #1C9BEF;
        color: #fff;
        border-radius: 7px;
        position: relative;
        display: none;
    }
    .no-post-yet-timeline > .no-post-yet h5{
        font-size: 26px;
        font-weight: 800;
        line-height: 32px;
        margin-bottom: 7px;
        display: flex;
        align-items: center;
        margin-top: 35px;
    }
    .no-post-yet-timeline img{
        width: 70px;
        height: 70px;
        border-radius: 50%;
        margin-bottom: 25px;
    }
    .no-post-yet-timeline > .no-post-yet span{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #737373;
        word-wrap: break-word;
        width: 100%;
    }
    .no-post-yet-timeline > .no-post-yet a{
        display: none;
    
    }
    .no-post-yet-timeline > .no-post-yet a:hover{
        opacity: 0.6;
    }
    .post-action-reply-details-info {
        position: relative;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        align-items: center;
        justify-items: center;
        color: #0f1419;
        padding: 4px 15px;
        background-color: #fff;
        border: 1px solid #CFD9DD;
        border-radius: 999px;
        display: inline-block; 
        box-sizing: border-box;
        transition-duration: 0.2s;
        margin-bottom: 10px;
    }
    .post-action-reply-details-info:hover{
        background-color: #E7E7E8;
    }
    .post-action-reply-details-info span{
        cursor: pointer;
    }
    .post-unbookmarks{
        color: #1C9BEF !important;
        fill: #1C9BEF !important;
    }
    #bookmarks-lives-user-feed{
        width: 100%;
        
        height: 100%;
        border-right: 1px solid #EFF3F4;
    }
    #report-a-problem {
        display: none;
        position: absolute;
        margin: 0 auto;
        z-index: 9999;
        background-color: #fff;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0px 0px 10px 0px #0f141928;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 470px;
    }
    #report-a-problem.active {
        display: block;
    }
    #report-a-problem > .report-title-and-close {
        border-bottom: 1px solid #EFF3F4;
        margin-bottom: 20px;
    }
    #report-a-problem > .report-title-and-close h5{
        font-size: 16px;
        font-weight: 600;
        color: #0f1419;
        display:flex;
        align-items:center;
        justify-items:center;
        text-align:center;
        justify-content:center;
        padding: 0 !important;
        margin: 0 !important;
        padding-bottom: 15px !important;
    }
    #report-a-problem > .report-title-and-close h5 i{
        position: absolute;
        right: 20px;
        font-size: 20px;
        color: #0f1419;
        cursor: pointer;
        top: 15px;
    }
    #report-a-problem > .report-title-and-close h5 i:hover{
        opacity: 0.6;
    }
    .user-not-and-banned-profile-container{
        user-select: none;
        padding: 15px;
    }
    .user-not-and-banned-profile-container i{
        font-size: 70px;
        position: relative;
        display: inline-block;
        background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .user-not-and-banned-profile-container h4{
        font-size: 27px;
        font-weight: 600;
        line-height: 25px;
        color: #0f1419;
        margin-top: 30px;
        margin-bottom: 25px;
    }
    .user-not-and-banned-profile-container h5{
        font-size: 25px;
        font-weight: 600;
        line-height: 25px;
        color: #0f1419;
        margin-bottom: 25px;  
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .user-not-and-banned-profile-container span{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #737373;
        margin-bottom: 50px;
    }
    .user-not-and-banned-profile-container p{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #000000;
        margin-bottom: 20px;
        white-space: pre-wrap;
        word-break: break-word;
        overflow-wrap: break-word;
    }
    .connection-people-conn {
        padding: 0;
        margin-top: 0;
        border-right: 1px solid #EFF3F4;
        
        width: 100%;
        height: 100%;
        min-height: 100vh !important; 
        box-sizing: border-box !important;
    }
    .connection-people-conn h6 svg{
        width: 20px;
        height: 20px;
        margin-right: 8px;
        cursor: pointer;
    }
    .connection-people-conn h6 svg:hover{
        opacity: 0.6;
    }
    .connection-people-conn h6{
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        color: #0f1419;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
    }
    .margin-bottom-connection-people{
        position: relative;
        margin-bottom: 60px !important;
    }
    .connection-random-users{
        margin-bottom: 0px;
    }
    .connection-random-users a{
        display: flex;
        align-items: center;
        text-decoration: none;
        cursor: pointer;
        padding: 5px;
        padding-left: 13px;
        padding-right: 13px;
        padding-top: 0;
    }
    .connection-random-users a:hover{
        transition-duration: 0.2s;
        background-color: #F7F7F7;
    }
    .connection-random-users a img{
        width: 44px;
        height: 44px;
        border-radius: 50%;
        margin-right: 10px;
        border: 1px solid #E8E8E8;
        cursor: pointer;
    }
    html[dir="rtl"] .connection-random-users a img{
        margin-right: 0;
        margin-left: 10px;
    }
    .connection-random-users a span{
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        color: #0f1419;
        display: flex;
        flex-direction: column;
        margin-top: 15px;
        cursor: pointer;
    }
    .connection-random-users a span b{
        display: flex;
        align-items: center;
        font-weight: 700;
        font-size: 14px;
    }
    .connection-random-users a span b svg{
        width: 17px;
        height: 17px;
        border-radius: 999px;
        margin-top: -0px;
        margin-left: 2px;
    }
    
    .connection-random-users a span h5{
        display: flex;
        flex-direction: column;
        color: #737373;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        cursor: pointer;
        flex-wrap: wrap;
    }
    .connection-random-users button{
        position: relative;
        float:right;
        margin-top: -50px;
        margin-right: 10px;
        padding: 7px 20px;
        font-size:14px;
        line-height: 18px;
        font-weight: 600;
        background: #fff;
        border: 1px solid #EFF3F4;
        border-radius: 999px;
        outline: none;
        color: #0f1419;;
        transition-duration: 0.2s;
    }
    html[dir="rtl"] .connection-random-users button{
        margin-right: 0;
        margin-left: 10px;
        float: left;
    }
    .connection-random-users button:hover{
        background-color: #EFF3F4;
    }

    .changeForYouTimeline {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-bottom: none !important;
        overflow-x: scroll;
        overflow-y: hidden;
        scroll-behavior: smooth; 
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .changeForYouTimeline::-webkit-scrollbar {
        display: none; 
    }
    .changeForYouTimeline span{
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        border-bottom: 3px solid transparent;
        display: inline-block;
        padding: 10px;
        padding-bottom: 10px;
        cursor: pointer;
        transition-duration: 0.3s;
        text-align: center;
        width: 100%;
        white-space: nowrap;
    }
    .timelineActive{
        font-weight: 700 !important;
        pointer-events: none !important;
        cursor: default !important;
    }
    .mobile-top-menu{
        display: none;
    }
    .TimelinelinkedAccount{
        width: 16px !important;
        height: 16px !important;
        border: 1px solid #CFD9DD !important;
        margin-top: -0px !important;
        margin-left: 4px !important;
        border-radius: 2px !important;
        user-select: none !important;
    }
    .repost-post-quateContent{
        border-radius: 16px;
        margin-top: 25px !important;
        margin-bottom: 7px !important;
        position: relative !important;
        width: 100%;
    }
    .repost-post-quateContent > a{
        text-decoration: none !important;
    }
    .repost-post-quateContent > a .repostContentTimeline > .repostUserInfo{
        position: relative;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        margin-bottom: -5px;
        padding: 10px;
        padding-bottom: 0;
    }
    .repost-post-quateContent > a .repostContentTimeline > .repostUserInfo img{
        width: 24px;
        height: 24px;
        border-radius: 999px;
        margin-right: 5px;
    }
    .circleAvatarVeriyRepost{
        border-radius: 4px !important;
    }
    .repost-post-quateContent > a .repostContentTimeline > .repostUserInfo h5{
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        position: relative;
        display: flex;
        align-items: center;
        top: 3px;
    }
    .repost-post-quateContent > a .repostContentTimeline > .repostUserInfo h5 svg{
        width: 17px;
        height: 17px;
        margin-left: 3px;
    }
    .repost-post-quateContent > a .repostContentTimeline > .repostUserInfo span{
        position: relative;
        margin-top: -2px;
        margin-left: 3px;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }
    .repost-post-quateContent > a .repostContentTimeline > .repostContentDiv{
        position: relative;
        width: 100%;
    }
    .repost-post-quateContent > a .repostContentTimeline > .repostContentDiv p{
        font-size: 15px;
        line-height: 20px;
        font-weight: 400;
        white-space: pre-wrap;
        word-break: break-word;
        overflow-wrap: break-word;
        margin-bottom: 10px;
        padding: 10px;
        padding-bottom: 0;
    }
    .repost-post-quateContent > a .repostContentTimeline > .repostContentDiv iframe{
        width: 100%;
        height: 280px;
        object-fit: contain;
        border-radius: 0px 0px 12px 12px;
        margin-bottom: -5px;
    }
    .repost-post-quateContent > a .repostContentTimeline > .repostContentDiv img{
        width: 100%;
        border-radius: 0px 0px 15px 15px;
    }
    .repost-post-quateContent > a .repostContentTimeline > .repostContentDiv video{
        width: 100%;
        height: 260px;
        border-radius: 0px 0px 15px 15px;
    }
    .repost-post-quateContent > a .repostContentTimeline > .repostContentDiv > .post-paragraphe-video{
        margin-bottom: -5px;
        margin-top: -10px;
    }
    .modalRepostContent {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.268);
    }
    
    .modalRepostContent > .modal-content {
        background-color: #fff;
        border: 1px solid #EFF3F4;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }
    .modal-header{
        padding: 0;
        margin: 0;
        border: none;
    }
    .modal-header button{
        background-color: transparent;
        border: none;
        outline: none;
    }
    .modal-header button span{
        font-size: 20px;
        font-weight: 700;
        position: relative;
        margin-top: 10px;
        margin-left: 10px !important;
        color: #0f1419;
    }
    .modalbody-repost{
        padding: 0;
        margin: 0;
        margin-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 15px;
    }
    .modalbody-repost > form > .repostFormCollection {
        width: 100%;
        display: flex;
        align-items: flex-start;
    }
    
    .modalbody-repost > form > .repostFormCollection img {
        width: 45px;
        height: 45px;
        object-fit: contain;
        border: 1px solid #EFF3F4;
        border-radius: 999px;
        margin-right: 10px; 
    }
    html[dir="rtl"] .modalbody-repost > form > .repostFormCollection img{
        margin-right: 0; 
        margin-left: 10px; 
    }
    .modalbody-repost > form > .repostFormCollection textarea {
        width: 100%;
        resize: none;
        background-color: #fff;
        border: none;
        font-size: 20px;
        font-weight: 400;
        line-height: 20px;
        color: #0f1419;
        outline: none;
        margin-top: 10px;
        min-height: 50px;
        max-height: 450px;
        box-sizing: border-box;
    }
    
    .modal-footer{
        border: 1px solid #EFF3F4;
    }
    .modal-footer .footermodal-contentdiv{
        display: flex;
        align-items: flex-start;
    }
    .modal-footer .footermodal-contentdiv h6{
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        color: #535153;
        position: relative;
        margin-top: 10px;
        margin-right: 10px;
    }
    html[dir="rtl"] .modal-footer .footermodal-contentdiv h6{
        margin-right: 0;
        margin-left: 10px;
    }
    .modal-footer .footermodal-contentdiv .rightBottomButton{
        position: relative;
        float: right;
    }
    .modal-footer .footermodal-contentdiv .rightBottomButton button{
        padding: 8px 20px;
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        color: #fff;
        background-color: #188CD8;
        border-radius: 999px;
        outline: none;
        border: none;
        user-select: none;
        transition-duration: 0.3s;
        &:hover{
            background-color: #096aab;
        }
    }
    .sidebarBottomUserInfo{
        position: relative;
        bottom: 0px;
        display: flex;
        flex-direction: column;
        margin-top: 15px;
    }
    .sidebarBottomUserInfo > .userInfoBottom{
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .sidebarBottomUserInfo > .userInfoBottom a{
        text-decoration: none;
        padding: 10px;
        padding-bottom: 0;
        padding-top: 0;
        width: 100% !important;
        display: flex;

    }
    .sidebarBottomUserInfo > .userInfoBottom a img{
        width: 40px;
        height: 40px;
        object-fit: contain;
        border-radius: 999px;
        border: 1px solid #EFF3F4;
        margin-right: 10px;
    }
    html[dir="rtl"] .sidebarBottomUserInfo > .userInfoBottom a img{
        margin-right: 0;
        margin-left: 10px;
    }
    .sidebarBottomUserInfo > .userInfoBottom a h5{
        display: flex !important;
        flex-direction: column !important;
        margin-top: 7px;
    }
    .sidebarBottomUserInfo > .userInfoBottom a h5 b{
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        display: flex;
        align-items: center;
        text-align: left;
    }
    .sidebarBottomUserInfo > .userInfoBottom a h5 b svg{
        width: 19px;
        height: 19px;
        margin-left: 2px;
    }
    .sidebarBottomUserInfo > .userInfoBottom a h5 small{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }
    .sidebarBottomUserInfo > .userInfoBottom a > i{
        font-size: 15px;
        color: #0f1419;
        position: absolute;
    }
    .userInfoAndPostsCard{
        width: 100%;
        display: flex;
        align-items: flex-start;
        position: relative;
        padding-top: 10px;
        padding-left: 10px;
    }
    .userInfoAndPostsCard a{
        text-decoration: none !important;
        margin-right: 0px;
    }
    .userInfoAndPostsCard a img{
        width: 40px;
        height: 40px;
        object-fit: contain;
        border-radius: 999px;
    }
    html[dir="rtl"] .userInfoAndPostsCard a img{
        margin-right: 10px;
    }
    #postAreaContainer {
        width: 100%;
        min-height: 80px; 
        max-height: 400px;
        padding: 10px;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        outline: none;
        overflow-y: auto;
        overflow-x: hidden;
        margin-bottom: -0px;
        position: relative;
        margin-top: -5px;
    }
    .placeholder {
        color: #536371;
        pointer-events: none;
        font-size: 20px !important;
        font-weight: 400;
        background-color: transparent;
        position: absolute;
        top: 129px;
        left: 60px;
        transform: translateY(-40%);
        font-size: 22px;
    }
    html[dir="rtl"] .placeholder{
        left: 0;
        right: 60px;
    }
    .highlight {
        color: #1C9BEF;
    }
    .formGetSelectionsConrol{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
    }
    .PreviewReplyContent{
        padding-left: 62px;
    }
    .formGetSelectionsConrol > .mediaShareContent{
        position: relative;
        padding: 10px;
        margin-left: 33px;
    }
    .formGetSelectionsConrol > .mediaShareContent span i{
        padding: 7px 9px;
        background-color: transparent;
        color: #1C9BEF;
        cursor: pointer;
        border-radius: 999px;
        transition-duration: 0.3s;
        font-size: 18px;
    }
    .formGetSelectionsConrol > .mediaShareContent span i:hover{
        background-color: #1c9bef21;
    }
    .formGetSelectionsConrol > .rightFormSelection{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .formGetSelectionsConrol > .rightFormSelection > .share-ew-post{
        margin-left: 10px !important;
        padding: 10px 17px;
        border-radius: 999px;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        line-height: 17px;
        background-color: #1C9BEF;
        outline: none;
        border: none;
        transition-duration: 0.2s;
    }
    .formGetSelectionsConrol > .rightFormSelection > .share-ew-post:hover{
        background-color: #188CD8;
    }
    .formGetSelectionsConrol > .rightFormSelection > .share-ew-post:disabled {
        background-color: #188bd86f; 
        cursor: not-allowed;
    }
    .circle {
        position: relative;
        width: 30px;
        height: 30px; 
        display: none;
        align-items: center;
        justify-content: center;
    }
    .circleVipubSvg {
        transform: rotate(-90deg);
    }
    .background-circle {
        fill: none;
        stroke-width: 2;
    }
    .progress-circle {
        fill: none;
        stroke-width: 2;
        stroke-linecap: round;
        transition: stroke-dashoffset 0.3s ease;
    }
    .text {
        position: absolute;
        font-size: 11px;
        font-weight: 400;
        user-select: none;
    }
    .exceeded {
        background-color: #FB9FA8; 
    }
    .gif-dropdown {
        display: none;
        position: relative;
        z-index: 1000;
        max-height: 370px;
        overflow-y: auto;
        width: 100%;
        padding: 10px;
    }
    .gif-dropdown > .searchGifCard{
        display: flex;
        align-items: center;
    }
    .gif-dropdown > .searchGifCard > span{
        margin-right: 7px;
    }
    .gif-dropdown > .searchGifCard > span i{
        padding: 7px 9px;
        font-size: 17px;
        border-radius: 999px;
        cursor: pointer;
        transition-duration: 0.2s;
        position: relative;
        top: -4px;
    }
    
    .gif-dropdown > .searchGifCard > input{
        width: 100%;
        outline: none;
        padding: 7px 15px;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 10px;
        border-radius: 4px;
        transition-duration: 0.2s;
    }
    .gif-dropdown > .searchGifCard > input:focus{
        border-color: #1d9bf0;
    }
    .gif-item {
        cursor: pointer;
        border-radius: 2px;
        margin-right: 1px;
        transition-duration: 0.2s;
    }
    .gif-item:hover {
        opacity: .50;
    }
    body.no-scroll {
        overflow: hidden;
    }
    #viewPreviewGifSelect{
        width: 100%;
        height: 350px;
        object-fit: contain;
    }
    #cancelContentGif{
        position: absolute;
        padding: 7px 10px;
        font-size: 15px;
        border-radius: 999px;
        cursor: pointer;
        transition-duration: 0.2s;
        margin-top: 6px;
        margin-left: 10px;
        background-color: #252B2C;
        color: #fff;
    }
    html[dir="rtl"] #cancelContentGif{
        margin-left: 0;
        margin-right: 10px;
    }
    #cancelContentGif:hover{
        background-color: #0f1419a7;
    }
    .loadMoreGifContent{
        position: relative;
        background-color: #EFF3F4;
        padding: 7px;
        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        color: #0f1419;
        text-align: center;
        margin-top: 6px;
        border-radius: 4px;
        cursor: pointer;
        user-select: none;
    }
    .cancelImagePreview{
        position: absolute;
        padding: 6px 9px;
        font-size: 14px;
        border-radius: 999px;
        cursor: pointer;
        transition-duration: 0.2s;
        margin-top: 6px;
        margin-left: 10px;
        background-color: #252B2C;
        color: #fff;
        margin-left: -140px;
        margin-top: 9px;
    }
    html[dir="rtl"] .cancelImagePreview{
        margin-left: 0;
        margin-right: -140px;
    }
    .cancelImagePreview:hover{
        background-color: #394041;
    }
    #imagePreviews img{
        width: 140px;
        height: 140px;
        object-fit: contain;
        border-radius: 12px;
        margin: 5px;
        padding: 1px;
    }
    #videoPreviews{
        width: 100%;
    }
    .videoProgressBar{
        background-color: #EAF9FF;
        padding: 10px;
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        color: #0f1419;
        width: 100%;
        display: block;
        border-bottom: 1px solid #EFF3F4;
    }
    .videoProgressInfoCard{
        background-color: #EAF9FF;
        padding: 10px;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        color: #0f1419;
        width: 100%;
        display: block;
        border-bottom: 1px solid #EFF3F4;
        margin-bottom: 6px;
        margin-top: 6px;
    }
    #videoPreviews video{
        width: 100%;
        height: 350px;
        object-fit: contain;
        margin-bottom: -0px;
    }
    #cancelContentVideo{
        position: absolute;
        padding: 7px 10px;
        font-size: 15px;
        border-radius: 999px;
        cursor: pointer;
        transition-duration: 0.2s;
        margin-top: 6px;
        margin-left: 10px;
        background-color: #252B2C;
        color: #fff;
        z-index: 1000;
    }
    html[dir="rtl"] #cancelContentVideo{
        margin-left: 0;
        margin-right: 10px;
    }
    #cancelContentVideo:hover{
        background-color: #0f1419a7;
    }
    .donateForUserContainer {
        width: 100%;
        display: none;
        padding: 10px;
    }
    .donateForUserContainer > .donateCardingUserInfo {
        display: flex;
        flex-direction: column;
        padding: 20px;
        border-radius: 12px;
    }
    .donateForUserContainer > .donateCardingUserInfo span{
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 7px;
    }
    .donateForUserContainer > .donateCardingUserInfo > input{
        padding: 8px 15px;
        font-size: 20px;
        font-weight: 400;
        line-height: 20px;
        outline: none;
        border: 1px solid transparent;
        border-radius: 4px;
        margin-bottom: 15px;
    }
    .donateCancelBtn{
        padding: 8px;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 18px !important;
        border-radius: 4px;
        cursor: pointer;
        display: flex;
        align-items: flex-start;
        position: relative;
        text-align: center;
        justify-content: center;
    }
    .donateCancelBtn:hover{
        transition-duration: 0.2s;
        opacity: .65;
    }
    .donateBarForUserContainer{
        position: relative;
        width: 100%;
        border: 1px solid #EFF3F4;
        padding: 20px;
        border-radius: 12px;
        background-color: #fff;
        margin-top: 23px;
        margin-bottom: 5px;
        display: flex;
        flex-direction: column;
        text-align: center;
        cursor: pointer;
    }
    .donateBarForUserContainer i{
        text-align: center;
        font-size: 70px;
        color: #F9197E;
        margin-bottom: 30px;
    }
    .donateBarForUserContainer > h6{
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        justify-items: center;
    }
    .donateBarForUserContainer > h6 .validDonateSpan{
        font-size: 27px;
        font-weight: 600;
        line-height: 20px;
        color: #0f1419;
        margin-right: 5px;
        text-align: center;
    }
    .donateBarForUserContainer > h6 .userDonatePostCl{
        font-size: 11px;
        font-weight: 400;
        line-height: 13px;
        position: relative;
        padding: 1px 7px;
        background-color: #F9197E;
        color: #fff;
        border-radius: 4px;
        margin-top: 3px;
    }
    .donateUserNewBtn{
        width: 100%;
        background-color: #F9197E;
        padding: 8px 20px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        line-height: 17px;
        color: #fff;
    }
    .donateUserNewBtn:hover{
        transition-duration: 0.2s;
        background-color: #dd327f;
    }
    .donateProgressLoadingBar{
        margin-bottom: 20px;
    }
    .donateProgressLoadingBar span{
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        color: #0f1419;
        padding-bottom: 3px;
        border-bottom: 2px solid #0f1419;
    }
    .donateModalContainerTop{
        display: none; 
        position: fixed;
        z-index: 999999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; 
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.4);
    }
    .donateModalContainerTop > .modal-content {
        background-color: #fefefe;
        margin: 15% auto;
        padding: 20px;
        border: 1px solid #EFF3F4;
        width: 550px;
    }
    .donateModalContainerTop > .modal-content .close i{
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 14px;
        padding: 10px 10px;
        border-radius: 999px;
        background-color: #0f1419;
        color: #fff;
        text-align: center;
        display: flex;
        align-items: center;
        justify-items: center;
        justify-content: center;
        cursor: pointer;
        transition-duration: 0.2s;
        &:hover{
            opacity: .65;
        }
    }
    .donateModalContainerTop > .modal-content > h2{
        font-size: 20px;
        font-weight: 600;
        line-height: 20px;
        color: #0f1419;
        margin-top: -3px;
        margin-bottom: 30px;
    }
    .myWalletSystemCard{
        text-align: left;
    }
    .myWalletSystemCard h5{
        display: flex;
        align-items: center;
        font-size: 17px;
        font-weight: 600;
        line-height: 20px;
        color: #0f1419;
        margin-bottom: 5px;
    }
    .myWalletSystemCard h5 small{
        margin-right: 5px;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #535153;
    }
    .myWalletSystemCard > p{
        font-size: 11px;
        font-weight: 400;
        line-height: 14px;
        color: #0f1419;
        width: 100%;
        word-wrap: break-word;
    }
    .donateModalContainerTop > .modal-content > form{
        text-align: left;
    }
    .donateModalContainerTop > .modal-content > form > small{
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        color: #0f1419;
    }
    .donateModalContainerTop > .modal-content > form > input{
        width: 100%;
        padding: 8px 15px;
        color: #0f1419;
        font-size: 17px;
        font-weight: 400;
        line-height: 20px;
        outline: none;
        border: 1px solid #EFF3F4;
        border-radius: 4px;
        margin-top: 7px;
        margin-bottom: 15px;
    }
    .donateModalContainerTop > .modal-content > form > button{
        width: 100%;
        background-color: #F9197E;
        padding: 10px 20px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        line-height: 17px;
        color: #fff;
        transition-duration: 0.2s;
        outline: none;
        border: none;
        &:hover{
            opacity: .65;
        }
    }
    .donateModalContainerTop > .modal-content > form > button[disabled]{
        opacity: .50;
    }
    #hashtagDropdown,
    #userDropdown{
        position: relative;
        display:none;
        background-color: #fff;
        border-bottom: 1px solid #EFF3F4;
        padding: 3px;
        max-height: 300px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    #hashtagDropdown > div{
        padding: 15px;
        background-color: #fff;
        transition-duration: 0.2s;
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        color: #0f1419;
        cursor: pointer;
        word-wrap: break-word;
        &:hover{
            background-color: #F6F9F9;
        }
    }
    #userDropdown > div{
        padding: 10px;
        background-color: #fff;
        transition-duration: 0.2s;
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        color: #0f1419;
        cursor: pointer;
        word-wrap: break-word;
        display: flex;
        align-items: center;
        &:hover{
            background-color: #F6F9F9;
        }
    }
    #userDropdown > div img{
        width: 40px;
        height: 40px;
        object-fit: contain;
        margin-right: 7px;
        border-radius: 999px;
        background-color: #fff;
    }
    #userDropdown > div > h5{
        display: flex;
        flex-direction: column;
        margin-top: 5px;
    }
    #userDropdown > div h5 > b{
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        color: #0f1419;
        display: flex;
        align-items: center;
        margin-bottom: -0px;
    }
    #userDropdown > div h5 b svg{
        width: 17px;
        height: 17px;
        margin-left: 2px;
        margin-top: -1px;
    }
    #userDropdown > div h5 > span{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #535353;
        display: flex;
        align-items: center;
        margin-top: -3px;
    }
    .repost-post-quateContent > a .repostContentTimeline > .repostContentDiv > .donateBarForUserContainer{
        border-radius: 0px 0px 14px 14px !important;
        margin-bottom: -0px !important;
        margin-top: -0px;
    }
    .donateProgressLoadingBar h5{
        font-size: 13px;
        font-weight: 600;
        line-height: 16px;
        padding: 7px 15px;
        color: #0f1419;
        margin-bottom: -0px;
    }
    .post-on-share-content{
        position: absolute;
        right: 0;
        z-index: 1;
        border-radius: 12px;
        z-index: 999999;
    }
    html[dir="rtl"] .post-on-share-content{
        left: 0;
        right: auto;
    }
    .post-on-share-content li{
        list-style: none;
        list-style-type: none;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        padding: 15px;
        padding-bottom: 15px;
        margin-bottom: -0px;
    }
    .post-on-share-content li:last-child{
        padding-bottom: 15px;
        border-radius: 0 0 12px 12px;
        margin-bottom: 0px;
    }
    .post-on-share-content button{
        margin-bottom: 10px;
        background-color: transparent;
        border: none;
        outline: none;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        padding: 15px;
        padding-bottom: 0;
    }
    .post-on-share-content button i,
    .post-on-share-content li i{
        margin-right: 11px;
    }
    html[dir="rtl"] .post-on-share-content button i,
    html[dir="rtl"] .post-on-share-content li i{
        margin-right: 0;
        margin-left: 11px;
    }
    .survey-duration{
        display: flex;
        align-items: center;
        width: 100%;
    }
    .survey-duration > .form-floating{
        margin: 5px;
        width: 100%;
    }
    .survey-duration > .form-floating:first-child{
        margin: 0 auto;
        margin-top: 5px;
        margin-right: 4px;
    }
    html[dir="rtl"] .survey-duration > .form-floating:first-child{
        margin-right: 0;
        margin-left: 4px;
    }
    .survey-duration #days,
    .survey-duration #hours,
    .survey-duration #minutes{
        width: 100% !important;
        margin-right: 107px;
        border-radius: 4px;
    }
    html[dir="rtl"] .survey-duration #days,
    html[dir="rtl"] .survey-duration #hours,
    html[dir="rtl"] .survey-duration #minutes{
        margin-right: 0;
    }
    .totalDaysQuate small{
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }
    .moreModulesContent{
        position: relative;
        position: fixed;
        border-radius: 12px;
        z-index: 9;
        width: 275px;
        margin-top: 5px;
        bottom: 80px;
        z-index: 999;
        padding: 0;
    }
    .contentModulesListing{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .contentModulesListing a{
        padding: 13px 20px;
        width: 100%;
        text-decoration: none;
        font-size: 17px;
        font-weight: 500;
        line-height: 20px;
        display: flex;
        align-items: center;
    }
    .contentModulesListing a small{
        font-size: 11px;
        font-weight: 600;
        line-height: 16px;
        margin-left: 5px;
    }
    .contentModulesListing a i{
        margin-right: 22px;
    }
    html[dir="rtl"] .contentModulesListing a i{
        margin-right: 0;
        margin-left: 22px;
    }
    .contentModulesListing a:first-child{
        border-radius: 12px 12px 0 0;
    }
    .contentModulesListing a:last-child{
        border-radius: 0px 0px 12px 12px;
    }
    .greetalertContainer{
        
        width: 100%;
        position: relative;
    }
    .greetalertContainer > .greetalert-dissmible{
        padding: 12px;
        padding-bottom: 14px;
        width: 100%;
        display: flex;
        align-items: center;
        width: 100%;
        border-left: 2px solid #1C9BEE;
      }
      .greetalertContainer > .greetalert-dissmible svg {
        width: 40px;
        height: 40px;
        margin-right: 15px;
    }
    html[dir="rtl"] .greetalertContainer > .greetalert-dissmible svg{
        margin-right: 0;
        margin-left: 15px;
    }
    .greetalertContainer > .greetalert-dissmible h2{
        position: relative;
        display: flex;
        flex-direction: column;
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        top: 15px;
    }
    .greetalertContainer > .greetalert-dissmible h2 p{
        display: flex;
        flex-direction: column;
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        margin-top: 0px;
    }
    .vp-stories-container {
        width: 100%;
        
        box-sizing: border-box;
        padding: 10px;
        position: relative;
        overflow: hidden;
        user-select: none;
    }
    
    .vp-stories-container > .swiper-container {
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    .vp-stories-container > .swiper-container .story{
        cursor: pointer;
    }
    .vp-stories-container > .swiper-container .story img {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        padding: 5px;
        background-origin: border-box;
        background-clip: content-box, border-box;
        object-fit: cover;
    }

    .vp-stories-container > .swiper-container > .story {
        display: flex;
        align-items: center; 
        max-width: 100%;
        text-align: center;
    }
    .story span {
        display: block;
        font-size: 11px;
        font-weight: 400;
        max-width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .story span strong{
        position: absolute;
        font-size: 13px;
        padding: 3px;
        border-radius: 50%;
        margin-top: -3px;
    }
    .swiper-button-next, .swiper-button-prev {
        display: none !important;
    }
    .vp-viewcontent-for-reels{
        width: 100%;
    }
    .vp-viewcontent-for-reels > .listing-reels-container{
        position: relative;
        width: 305px;
        margin: 0 auto;
        top: 30px;
        margin-bottom: 50px;
        user-select: none;
    }

    .vp-viewcontent-for-reels > .listing-reels-container > .reels-view-cont-container{
        width: 100%; 
        height: 558px;
        aspect-ratio: 16 / 9;
        margin-bottom: 15px;
        border-radius: 12px;
    }
    .reels-view-cont-container > .reels-title-info{
        position: absolute;
        width: 100%;
        padding: 10px;
    }
    .reels-view-cont-container > .reels-title-info a{
        text-decoration: none !important;
        display: flex;
        align-items: center;
        padding: 10px;
        border-radius: 999px;
    }
    .reels-view-cont-container > .reels-title-info a img{
        width: 40px;
        height: 40px;
        border-radius: 999px;
        margin-right: 7px;
    }
    html[dir="rtl"] .reels-view-cont-container > .reels-title-info a img{
        margin-right: 0;
        margin-left: 7px;
    }
    .reels-view-cont-container > .reels-title-info a h5{
        display: flex;
        flex-direction: column;
        font-size: 13px;
        font-weight: 700;
        line-height: 16px;
        color: #fff;
        top: 3px;
        position: relative;
    }
    .reels-view-cont-container > .reels-title-info a h5 b{
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    .reels-view-cont-container > .reels-title-info a h5 b svg{
        width: 16px;
        height: 16px;
        margin-left: 2px;
    }
    html[dir="rtl"] .reels-view-cont-container > .reels-title-info a h5 b svg{
        margin-left: 0;
        margin-right: 2px;
    }
    .reels-view-cont-container > .reels-title-info a h5 span{
        display: flex;
        flex-direction: column;
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
    }
    .fullscreen-reels-media-content{
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        overflow: hidden;
        user-select: none;
    }
    .fullscreen-reels-media-content img{
        aspect-ratio: 16 / 9;
        width: 100%;
        height: 100%;
        background-origin: border-box;
        background-clip: content-box, border-box;
        object-fit: contain;
        border-radius: 10px;
        user-select: none;
        pointer-events: none;
    }

    .storiesDetailsText-content{
        border-radius: 0px 0px 13px 13px;
        margin-top: -120px;
        width: 100%;
        height: 100%;
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 13px;
        line-height: 16px;
        color: #fff;
        word-wrap: break-word;
        display: flex;
        flex-direction: column;
    }
    .storiesDetailsText-content > .reelsControlBtnPanel{
        position: absolute;
        left: 12px;
        top: 80px;
    }
    
    .storiesDetailsText-content > .reelsControlBtnPanel span{
       cursor: pointer;
       z-index: 1;
       margin-right: 5px;
    }
    .storiesDetailsText-content > .reelsControlBtnPanel span i{
        font-size: 13px;
        text-align: center;
        align-items: center;
        justify-items: center;
        justify-content: center;
        padding: 7px 8.5px;
        border-radius: 999px;
    }
    .tooltip-inner {
        font-size: 11px; 
        background: rgba(0, 0, 0, 0.8);
        backdrop-filter: blur(10px);
        border-radius: 4px;
    }
    #reelsAreaContainer{
        font-size: 12px;
        line-height: 14px;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        resize: vertical;
        height: 100px;
    }
    #reelsAreaContainer p{
        font-size: 12px;
        line-height: 14px;
    }
    .storiesDetailsText-content p{
        font-size: 12px;
        line-height: 14px;
        color: #fff;
    }
    #placeholderReelsContent {
        color: #A8B1B8; 
        position: absolute; 
        pointer-events: none;
        font-size: 13px;
        font-weight: 400; 
        display: inline;
    }
    #reelsAreaContainer:focus #placeholderReelsContent,
    #reelsAreaContainer:empty #placeholderReelsContent {
        display: none;
    }
    .createReelsBtn{
        position: absolute;
        right: 15px;
        margin-top: -30px;
        font-size: 12px;
        padding: 8px 10px;
        border-radius: 999px;
        border: none;
        outline: none;
        box-shadow: none;
        background-color: #1C9BEE;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        line-height: 13px;
        transition-duration: 0.2s;
        border: 1px solid transparent;
        cursor: pointer;
        z-index: 1;
    }
    .createReelsBtn:hover{
        background-color: #fff;
        color: #0f1419;
        border: 1px solid #EFF3F4;
    }
    .createReelsBtn:disabled{
        opacity: 0.5 !important;
        pointer-events: none;
        cursor: default;
    }
    .not-reels-container {
        width: 100%;
        display: flex;
        justify-content: center; 
        align-items: center;
        flex-direction: column;
    }
    .not-reels-container .reelsEmptyContainer{
        display: inline-block;
        flex-direction: column;
        width: 100%;
    }
    .not-reels-container .reelsEmptyContainer i{
        padding: 10px 14px;
        border-radius: 999px;
        font-size: 30px;
        background-color: #1C9BEF;
        color: #fff;
        display: none;
    }
    .not-reels-container .reelsEmptyContainer h5{
        position: relative;
        margin-top: 30px;
        font-size: 31px;
        font-weight: 800;
        line-height: 36px;
        margin-bottom: -0px;
    }
    .not-reels-container .reelsEmptyContainer p{
        position: relative;
        margin-top: 20px;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        margin-top: 7px;
    }
    .storiesDateText{
        position: absolute;
        font-weight: 400;
        right: 15px;
        font-size: 9px;
    }
    html[dir="rtl"] .storiesDateText{
        right: auto;
        left: 15px;
    }
    .og-meta-container {
        position: relative;
        width: 100%;
        cursor: pointer;
        box-sizing: border-box;
        overflow: hidden;
        margin-top: 22px;
    }
    
    .og-meta-container > .og-top-info-detail {
        position: relative;
        width: 100%;
        height: 270px;
        box-sizing: border-box;
        margin-bottom: 4px;
        border-radius: 13px;
    }
    
    .og-meta-container > .og-top-info-detail img {
        width: 100%;
        height: 270px;
        border-radius: 13px;
        object-fit: cover;
        background-origin: border-box;
        background-clip: content-box, border-box;
        user-select: none !important;
    }
    
    .og-meta-container > .og-top-info-detail b {
        position: relative;
        top: -35px;
        padding: 30px;
        background: rgba(0, 0, 0, 0.791);
        backdrop-filter: blur(10px);
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        padding: 3px 6px;
        border-radius: 4px;
        color: #fff;
        margin-left: 15px;
        user-select: none;
        display: block;           
        width: min-content;
        white-space: nowrap;     
        overflow: hidden;        
        text-overflow: ellipsis; 
    }
    .og-meta-container > small {
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
    }
    .status-page-reply-to-reply > .original-post-details{
        margin-left: 19px;
        margin-bottom: -13px;
    }
    html[dir="rtl"] .original-post-details{
        margin-left: 0;
        margin-right: 19px;
    }
    .status-page-reply-to-reply > .original-post-details > .post-paragraphe,
    .status-page-reply-to-reply > .original-post-details > .original-post-selection-check{
        margin-left: -19px;
    }

    html[dir="rtl"] .status-page-reply-to-reply > .original-post-details > .post-paragraphe,
    html[dir="rtl"] .status-page-reply-to-reply > .original-post-details > .original-post-selection-check{
        margin-left: 0;
        margin-right: -19px;
    }
    
    .close-vp-lightbox-modal{
        position: absolute;
        top: 25px;
        left: 25px;
        color: #fff;
        background-color: #040404;
        padding: 7px 9px;
        border-radius: 999px;
        font-size: 15px;
        transition-duration: 0.2s;
        z-index: 9999999999;
    }
    .close-vp-lightbox-modal:hover{
        cursor: pointer;
        background-color: #131313;
    }
    .vp-lightbox-redesign {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #0f0f0fca;
        justify-content: center;
        align-items: center;
        z-index: 999999999;
    }
    .vp-lightbox-content {
        display: flex;
        background: #0f0f0fca;
        width: 100%;
        height: 100%;
    }
    .vp-lightbox-content{
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }
    .vp-lightbox-image-details {
        width: 75% !important;
        height: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .vp-lightbox-images {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        width: auto;
        height: 100%; 
        margin: 0 auto;
        flex-direction: column;
        padding: 15px;
        object-fit: contain;
    }
    .vp-lightbox-images img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border: none;
        background-origin: border-box; 
        background-clip: content-box, border-box;
    }
    .vp-lightbox-content-pictures-navigation {
        position: absolute; 
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); 
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .vp-lightbox-content-pictures-navigation button {
        font-size: 16px;
        cursor: pointer;
        background-color: transparent !important;
        border: none !important;
        outline: none !important;
        padding-left: 30px;
        padding-right: 30px;
    }
    .vp-lightbox-content-pictures-navigation button i{
        font-size: 33px;
        color: #fff;
        transition-duration: 0.2s;
        &:hover{
            color: #1C9BEE;
        }
    }
    .vp-postdetails-content-lightbox {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    .vp-postdetails-content-lightbox > .vp-lightbox-user-info{
        width: 100%;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        justify-content: space-between;
        padding: 16px;
        padding-bottom: 10px;
    }
    .vp-postdetails-content-lightbox > .vp-lightbox-user-info a{
        display: flex;
        align-items: center;
        justify-items: center;
        text-decoration: none !important;
    }
    .vp-postdetails-content-lightbox > .vp-lightbox-user-info a img{
        width: 40px;
        height: 40px;
        border-radius: 999px;
        object-fit: contain;
        margin-right: 7px;
    }
    .vp-postdetails-content-lightbox > .vp-lightbox-user-info a h5{
        display: flex;
        flex-direction: column;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }
    .vp-postdetails-content-lightbox > .vp-lightbox-user-info a h5 b{
        font-weight: 600;
        display: flex;
        align-items: center;
        margin-bottom: -2px;
        &:hover{
            text-decoration: underline;
        }
    }
    .vp-postdetails-content-lightbox > .vp-lightbox-user-info a h5 b svg{
        width: 19px;
        height: 19px;
        margin-left: 2px;
    }
    .vp-postdetails-content-lightbox > .vp-lightbox-user-info #vp-lightbox-more-dropdown{
        position: absolute;
        font-size: 15px;
        padding: 7px 9px;
        margin-top: -7px;
        right: 14px;
        transition-duration: 0.2s;
        border-radius: 999px;
        cursor: pointer;
    }
    .vp-postdetails-content-lightbox > .v-postdetails-general-content{
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 16px;
    }
    .vp-postdetails-content-lightbox > .v-postdetails-general-content p,
    .vp-postdetails-content-lightbox > .v-postdetails-general-content p div,
    .vp-postdetails-content-lightbox > .v-postdetails-general-content div,
    .vp-postdetails-content-lightbox > .v-postdetails-general-content p strong,
    .vp-postdetails-content-lightbox > .v-postdetails-general-content div strong{
        font-size: 17px;
        font-weight: 400;
        line-height: 24px;
        word-wrap: break-word;
        white-space: pre-wrap;
    }
    .vp-postdetails-content-lightbox > .v-postdetails-general-content > .vp-postdetails-joined-info{
        width: 100%;
        text-align: left;
    }
    .vp-postdetail-lightbox-post-joined{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        cursor: default;
    }
    .vp-postdetail-lightbox-post-joined b{
        font-weight: 600;
    }
    .vp-lightbox-post-archur-details {
        width: 400px;
        position: absolute;
        display: flex;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(0, 0, 0, 0.794) !important;
        backdrop-filter: blur(10px) !important;
        padding: 10px;
        justify-content: space-between;
        border-radius: 999px;
    }
    .vp-lightbox-post-archur-details span,
    .vp-lightbox-post-archur-details span b{
        font-size: 13px;
        font-weight: 400 !important;
        line-height: 16px;
        cursor: pointer;
        display: flex;
        align-items: center;
    }
    .vp-lightbox-post-archur-details span b{
        position: relative;
        top: -1px;
    }
    .vp-lightbox-postdetails-reply{
        width: 100%;
        position: relative;
        box-sizing: border-box;
        transition-duration: 0.2s;
    }
    .vp-lightbox-postdetails-reply > .vp-lightbox-reply-user-info{
        width: 100%;
        display: flex;
        align-items: center;
        padding: 16px;
        padding-bottom: 14px;
    }
    .vp-lightbox-postdetails-reply > .vp-lightbox-reply-user-info a{
        text-decoration: none !important;
        display: flex;
        align-items: center;
    }
    .vp-lightbox-postdetails-reply > .vp-lightbox-reply-user-info a img{
        width: 40px;
        height: 40px;
        border-radius: 999px;
        object-fit: contain;
        margin-right: 7px;
    }
    .vp-lightbox-postdetails-reply > .vp-lightbox-reply-user-info a h5{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        display: flex;
        align-items: center;
        margin-top: -17px;
    }
    .vp-lightbox-postdetails-reply > .vp-lightbox-reply-user-info a h5 b{
        font-weight: 600;
        display: flex;
        align-items: center;
        margin-bottom: 0px;
        &:hover{
            text-decoration: underline;
        }
    }
    .vp-lightbox-postdetails-reply > .vp-lightbox-reply-user-info a h5 b svg{
        width: 18px;
        height: 18px;
        margin-left: 2px;
    }
    .vp-lightbox-postdetails-reply > .vp-lightbox-reply-user-info a h5 span{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        margin-left: 2px;
    }
    .vp-lightbox-postdetails-reply > .vp-lightbox-user-comments-container{
        padding-left: 62px;
        padding-right: 16px;
        margin-top: -35px;
        margin-bottom: -13px;
    }
    .vp-lightbox-postdetails-reply > .vp-lightbox-user-comments-container p{
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
        word-wrap: break-word;
        white-space: pre-wrap;
    }
    .vp-lightbox-postdetails-reply > .vp-lightbox-user-comments-container > img{
        margin-bottom: 18px;
        width: 100%;
        margin-top: -5px;
        border-radius: 13px;
    }
    .vp-lightbox-postdetails-reply > .vp-lightbox-user-comments-container > video{
        margin-bottom: 18px;
        width: 100%;
        margin-top: -5px;
        border-radius: 13px;
    }
    .lightbox-not-reply-comments{
        margin-top: 30px;
    }
    .vp-lightbox-list-comments-selection-span{
        position: relative;
        width: 100%;
        padding-left: 55px;
        padding-right: 30px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .vp-lightbox-list-comments-selection-span span{
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        display: flex;
        align-items: center;
    }
    .vp-lightbox-list-comments-selection-span span i{
        padding: 8px 9px;
        font-size: 17px;
        border-radius: 999px;
        margin-right: -5px;
    }
    .lightbox-not-reply-comments h5{
        font-size: 16px;
        font-weight: 600;
        line-height: 21px;
    }
    .vp-postdetails-original-lightbox-bottom{
        position: relative;
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding: 16px;
        padding-bottom: 14px;
    }
    .vp-postdetails-original-lightbox-bottom > small{
        width: 100%;
        display: flex;
        align-items: center;
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
    }
    .vp-postdetails-original-lightbox-bottom > small i{
        display: flex;
        align-items: center;
        font-size: 18px;
        margin-right: -4px;
        padding: 8px 8px;
        border-radius: 999px;
        &:hover{
            transition-duration: 0.2s;
        }
    }
    .vp-postdetails-original-lightbox-bottom > small b{
        position: relative;
        font-weight: 400 !important;
    }
    .newPostComposer{
        display: none;
    }
    .alert-temporary-ban{
        padding: 30px;
        padding-left: 23px;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        cursor: default;
        padding-bottom: 30px;
    }
    .alert-temporary-ban h3{
        font-size: 24px;
        font-weight: 800;
        line-height: 28px;
    }
    .delete-or-hiddenRepostContent{
        width: 100%;
        border-radius: 12px;
    }
    .delete-or-hiddenRepostContent > .titleDeleteHiddenContent{
        width: 100%;
        border-radius: 12px 12px 0px 0px;
        display: flex;
        align-items: center;
        padding: 10px;
        padding-bottom: 0px;
    }
    .delete-or-hiddenRepostContent > .titleDeleteHiddenContent > h5 svg{
        width: 18px;
        height: 18px;
        fill: #1C9BEE;
        margin-right: 10px;
    }
    .delete-or-hiddenRepostContent > .titleDeleteHiddenContent > h5{
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        display: flex;
        align-items: center;
    }
    .delete-or-hiddenRepostContent > .deleteOrHiddenContentEmpty {
        padding: 15px;
        padding-bottom: 0px;
    }
    .delete-or-hiddenRepostContent > .deleteOrHiddenContentEmpty p{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }
    .quateRepostPreviewContent{
        border-radius: 12px;
        cursor: pointer;
        margin-bottom: 15px;
        margin-top: 10px;
        box-sizing: border-box;
        width: 100%;
    }
    .quateRepostPreviewContent > .topPreviewQuate{
        width: 100%;
        display: flex;
        align-items: center;
        padding: 10px;
        padding-bottom: -0px;
    }
    .quateRepostPreviewContent > .topPreviewQuate > h5 > img{
        width: 24px;
        height: 24px;
        margin-right: 5px;
        border-radius: 999px;
    }
    html[dir="rtl"] .quateRepostPreviewContent > .topPreviewQuate > h5 > img{
        margin-right: 0;
        margin-left: 5px;
    }
    .quateRepostPreviewContent > .topPreviewQuate > h5{
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        margin-right: 3px;
    }
    .quateRepostPreviewContent > .topPreviewQuate > h5 > svg{
        width: 17px;
        height: 17px;
        margin-right: 3px;
        margin-left: 3px;
    }
    .quateRepostPreviewContent > .topPreviewQuate > h5 > b{
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    .quateRepostPreviewContent > .progreessPreviewContent{
        padding-left: 10px;
        padding-right: 10px;
    }
    .quateRepostPreviewContent > .progreessPreviewContent p{
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    .quateRepostPreviewContent > .progreessPreviewContent img{
        width: 100%;
        height: 100%;
    }
    .quateRepostPreviewContent > .progressContentImagePreview{
        width: 100%;
    }
    .quateRepostPreviewContent > .progressContentImagePreview img{
        width: 100%;
        border-radius: 0px 0px 13px 13px;
    }
    .quateRepostPreviewContent > .progressContentImagePreview iframe{
        width: 100%;
        border-radius: 0px 0px 13px 13px;
    }
    .quateRepostPreviewContent > .progressContentImagePreview video{
        width: 100%;
        height: 270px;
        border-radius: 0px 0px 13px 13px;
        margin-bottom: -7px;
    }
    .RepostPreviewlinkedAccount{
        width: 14px;
        height: 14px;
        margin-right: 4px;
        border-radius: 2px;
        margin-top: -2px;
    }
    #header-sticky-logo{
        display: none;
    }
    .sponsored-boost-post{
        width: 100%;
        display: flex;
        align-items: center;
        font-size: 13px;
        font-weight: 400;
        line-height: 17px;
        cursor: default;
        margin-bottom: 13px;
        flex-wrap: wrap;
        word-wrap: break-word;
    }
    .sponsored-boost-post svg{
        width: 15px;
        height: 15px;
        margin-right: 4px;
    }
    #pb-for-advertising-banner{
        
        width: 100%;
    }
    .banner-advertising-wrapper {
        width: 100%;
        cursor: pointer;
    }
    .banner-advertising-wrapper > .banner-wrapper-background {
        width: 100%;
        height: 336px;
        object-fit: contain;
        user-select: none !important;
        pointer-events: none;
        position: relative;
    }
    
    .banner-advertising-wrapper > .banner-wrapper-background img {
        width: 100%;
        height: 100%;
        user-select: none !important;
        pointer-events: none;
        object-fit: cover;
    }
    
    .backdrop-filter-or-black-ads {
        background-image: linear-gradient(transparent 0%, transparent 25%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.8) 100%);
        height: 100%; 
        position: absolute;
        bottom: 0; 
        left: 0;
        width: 100%;
        z-index: 1;
    }
    
    .backdrop-filter-or-black-ads > .ads-for-information {
        position: absolute;
        bottom: 20px; 
        padding: 0 20px;
    }
    
    .backdrop-filter-or-black-ads > .ads-for-information h1 {
        font-size: 23px;
        font-weight: 800;
        line-height: 28px;
        margin-bottom: 2px;
    }
    
    .backdrop-filter-or-black-ads > .ads-for-information h2 {
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 13px;
    }
    .backdrop-filter-or-black-ads > .ads-for-information > span {
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        margin-bottom: -8px;
        display: flex;
        align-items: center;
    }
    .backdrop-filter-or-black-ads > .ads-for-information > span > svg{
        width: 15px;
        height: 15px;
        margin-right: 4px;
    }
    html[dir=rtl] .backdrop-filter-or-black-ads > .ads-for-information > span > svg{
        margin-right: 0;
        margin-left: 4px;
    }
    #with_replies_check{
        padding-top: 10px;
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        display: flex;
        align-items: center;
        margin-left: 26px;
    }
    #with_replies_check svg{
        width: 17px;
        height: 17px;
        margin-right: 7px;
    }
    #private_subs_content{
        padding-top: 10px;
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        display: flex;
        align-items: center;
        margin-left: 26px;
    }
    #private_subs_content svg{
        width: 17px;
        height: 17px;
        margin-right: 7px;
    }
    .subs-content-empty{
        padding: 10px;
        margin-bottom: -0px;
        padding-bottom: -0px;
    }
    .subs-content-empty p{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }
    .search-page-header-box{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .search-page-header-box_explore{
        padding-top: 0px !important;
    }
    .search-page-box{
        display: flex;
        align-items: center;
        width: 100%;
    }
    .search-page-box svg{
        margin-right: 10px !important;
    }
    .search-page-box > form{
        width: 100%;
    }
    .none-for-mobile-device{
        width: 27px;
        height: 27px;
        border-radius: 4px;
        margin-right: 19px;
    }
    html[dir="rtl"] .none-for-mobile-device{
        margin-right: 0;
        margin-left: 19px;
    }
    .original-post-selection-check span svg{
        width: 33px;
        height: 33px;
        fill: #536471;
        padding: 7px;
        border-radius: 50%;
    }
    .openedRepostDropdownContent{
        position: absolute;
        border-radius: 10px;
        transition-duration: 0.2s;
        margin-left: -100px;
        z-index: 999;
        margin-top: 70px;

    }
    .openedRepostDropdownContent > .contentRepostSelect{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .openedRepostDropdownContent > .contentRepostSelect vipubRepostBtn{
        padding: 13px;
        display: flex;
        align-items: center;
        border-radius: 0;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        transition-duration: 0.2s;
    }
    .openedRepostDropdownContent > .contentRepostSelect vipubRepostBtn:first-child{
        border-radius: 11px 11px 0 0;
    }
    .openedRepostDropdownContent > .contentRepostSelect vipubRepostBtn:last-child{
        border-radius: 0px 0px 11px 11px;
    }
    .openedRepostDropdownContent > .contentRepostSelect > vipubRepostBtn > svg{
        margin-right: 13px;
        width: 18px;
        height: 18px;
        padding: 0;
        background-color: transparent !important;
    }
    html[dir="rtl"] .openedRepostDropdownContent > .contentRepostSelect > vipubRepostBtn > svg{
        margin-right: 0;
        margin-left: 13px;
    }
    platform-mod-status{
        padding-left: 6px;
        padding-right: 6px;
        background-color: #1d9bf0;
        color: #fff;
        border-radius: 4px;
        height: 20px;
        align-items: center;
        text-align: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        margin-left: 4px;
        display: flex;
    }
    .unrepost-class{
        fill: #00BA7C !important;
    }
    .selection-for-buy-premium{
        width: 100%;
        height: 100%;
        
    }
    .selection-for-buy-premium > .premium-package-selection-flex{
        position: relative;
        display: flex;
        align-items: flex-start;
        width: 100%;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 10px;
    }
    .selection-for-buy-premium > .premium-package-selection-flex > .premium-for-package{
        padding-top: 32px;
        padding: 24px;
        width: 100%;
        display: flex;
        flex-direction: column;
        cursor: pointer;
    }
    .selection-for-buy-premium > .premium-package-selection-flex > .premium-for-package span{
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        color: #0f1419;
    }
    .selection-for-buy-premium > .premium-package-selection-flex > .premium-for-package span.premium-money{
        font-size: 27px;
        font-weight: 700;
        line-height: 27px;
        margin-top: 10px;
    }
    .selection-for-buy-premium > .premium-package-selection-flex > .premium-for-package small.month-or-year{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }
    .selection-for-buy-premium > .premium-package-selection-flex > .premium-for-package > .premium-package-details{
        position: relative;
        margin-top: 22px;
        display: flex;
        flex-direction: column;
    }
    .selection-for-buy-premium > .premium-package-selection-flex > .premium-for-package > .premium-package-details span svg{
        width: 19px;
        height: 19px;
        margin-right: 10px;
    }
    html[dir="rtl"] .selection-for-buy-premium > .premium-package-selection-flex > .premium-for-package > .premium-package-details span svg{
        margin-right: 0;
        margin-left: 10px;
    }
    .selection-for-buy-premium > .premium-package-selection-flex > .premium-for-package > .premium-package-details span{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #0f1419;
        margin-bottom: 9px;
        display: flex;
        align-items: flex-start;
    }
    .selection-for-buy-premium > .premium-package-selection-flex > .premium-for-package > .premium-package-details h3{
        font-size: 15px;
        font-weight: 800;
        line-height: 20px;
        margin-bottom: 17px;
    }
    .selection-for-buy-premium > .web-premium-info-carding{
        padding: 15px;
        display: flex;
        flex-direction: column;
    }
    .selection-for-buy-premium > .web-premium-info-carding p{
        font-size: 15px;
        font-weight: 600;
        line-height: 17px;
    }
    .selection-for-buy-premium > .web-premium-info-carding h5{
        font-size: 17px;
        font-weight: 600;
        line-height: 20px;
        display: flex;
        flex-direction: column;
    }
     .features-premium-listing{
        margin-top: 20px;
        cursor: default;
    }
    .selection-for-buy-premium > .web-premium-info-carding h5 li{
        margin-bottom: 20px;
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
    }
    .selection-for-buy-premium > .web-premium-info-carding h5 li b{
        font-weight: 800;
    }

    .selection-for-buy-premium > .web-premium-info-carding form{
        text-align: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .selection-for-buy-premium > .web-premium-info-carding form p{
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        text-align: left;
        padding: 10px;
        border-radius: 6px;
    }

    .selection-for-buy-premium > .web-premium-info-carding form button{
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        background-color: #1C9BEF;
        color: #fff;
        border: none;
        outline: none;
        padding: 11px 30px;
        border-radius: 999px;
        display: flex;
        text-align: center;
        justify-content: center;
        width: 300px;
        margin: 0 auto;
        &:hover{
            opacity: .77;
            cursor: pointer;
            transition-duration: 0.3s;
        }
    }
    .premium-speed-features-click{
        width: 100%;
        padding: 20px;
        cursor: default;
    }
    .premium-speed-features-click > .premium-features-title{
        margin-bottom: 20px;
    }
    .premium-speed-features-click > .premium-features-title h3{
        font-size: 17px;
        font-weight: 800;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .premium-speed-features-click > .premium-features-title p{
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
    }
    .premium-speed-features-click > .features-listing-on-premium{
        border-radius: 13px;
        margin-bottom: 20px;
    }
    .premium-speed-features-click > .features-listing-on-premium ul{
        padding: 0;
        margin: 0;
    }
    .premium-speed-features-click > .features-listing-on-premium ul li{
        display: flex;
        align-items: center;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        transition-duration: 0.2s;
        padding: 10px;
        cursor: pointer;
    }
    .premium-speed-features-click > .features-listing-on-premium ul span{
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
    }
    .premium-speed-features-click > .features-listing-on-premium ul li svg{
        width: 28px;
        height: 28px;
        align-items: center;
        border-radius: 8px;
        padding: 6px;
        fill: #fff;
        margin-right: 13px;
    }
    html[dir="rtl"] .premium-speed-features-click > .features-listing-on-premium ul li svg{
        margin-right: 0;
        margin-left: 13px;
    }
    .premium-speed-features-click > .features-listing-on-premium ul li:last-child{
        border-bottom: none;
    }
    .premium-speed-features-click > .features-listing-on-premium ul li:first-child:hover{
        border-radius: 13px 13px 0 0;
    }
    .premium-speed-features-click > .features-listing-on-premium ul li:last-child:hover{
        border-radius: 0px 0px 13px 13px;
    }
    .premium-speed-features-click > .features-listing-on-premium ul li .coming-soon-features{
        position: absolute;
        right: 40px;
        font-size: 12px;
        line-height: 17px;
        font-weight: 400;
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 3px;
        padding-bottom: 3px;
        border-radius: 4px;
        text-overflow: unset;
    }
    html[dir="rtl"] .premium-speed-features-click > .features-listing-on-premium ul li .coming-soon-features{
        right: auto;
        left: 40px;
    }
    .subs-form-getion{
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 30px;
        border-radius: 13px;
    }
    .subs-form-getion h5{
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .subs-form-getion span{
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        margin-bottom: 20px;
    }
    .subs-form-getion > input{
        padding: 7px;
        border-radius: 4px;
        padding-left: 7px;
        border: 1px solid transparent;
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        outline: none;
    }
    .subs-form-getion > button{
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        background-color: #1C9BEF;
        color: #fff;
        border: none;
        outline: none;
        padding: 11px 30px;
        border-radius: 999px;
        display: flex;
        text-align: center;
        justify-content: center;
        margin: 0 auto;
        margin-top: 20px;
        &:hover{
            opacity: .77;
            cursor: pointer;
            transition-duration: 0.3s;
        }
    }
    .htag-pop-direction{
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        direction: rtl !important;
    }
    .htag-pop-span-direction{
        font-size: 13px !important;
        line-height: 16px;
        font-weight: 400;
    }
    .adsHashText{
        font-size: 15px !important;
        margin-top: 3px !important;
        margin-bottom: 2px !important;
    }
    .sponsored-user-container-vertical{
        width: 100%;
        
        display: flex;
        flex-direction: column;
    }
    .sponsored-user-container-vertical > .explore-container-title h1{
        font-size: 20px;
        font-weight: 800;
        line-height: 24px;
        padding: 15px;
        padding-bottom: 0px;
    }
    .sponsored-user-container-vertical > .user-sponsored-content-card{
        display: flex;
        width: 100%;
        padding: 15px;
        transition-duration: 0.2s;
        cursor: pointer;
    }
    .sponsored-user-container-vertical > .user-sponsored-content-card > .user-flex-container{
        margin-right: 12px;
    }
    .sponsored-user-container-vertical > .user-sponsored-content-card > .user-flex-container img{
        width: 40px;
        height: 40px;
        object-fit: contain;
        border-radius: 999px;
        cursor: pointer;
    }
    .sponsored-user-container-vertical > .user-sponsored-content-card > .user-flex-container .user-carding-screen-info{
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .user-carding-screen-info h3{
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        margin-bottom: -0px;
        cursor: pointer;
        display: flex;
        align-items: center;
        &:hover{
            text-decoration: underline;
        }
    }
    .user-carding-screen-info h3 svg{
        width: 18px;
        height: 18px;
        margin-left: 2px;
        position: relative;
        top: 1px;
        cursor: pointer;
    }
    .user-carding-screen-info span{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: -0px;
        text-decoration: none !important;
        cursor: default !important;
    }
    .user-carding-screen-info p{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: -0px;
        text-decoration: none !important;
        cursor: default !important;
        word-wrap: break-word;
        white-space: pre-wrap;
    }
    .vp-lightbox-post-archur-details span svg{
        width: 33px;
        height: 33px;
        fill: #fff;
        padding: 5px;
        border-radius: 999px;
        transition-duration: 0.2s;
        &:hover{
            background-color: #272727;
        }
    }
    .LightboxVPopenedRepostDropdownContent {
        position: absolute;
        background: rgba(0, 0, 0, 0.794) !important;
        backdrop-filter: blur(10px) !important;
        border-radius: 13px;
        width: max-content;
        padding: 10px;
        box-sizing: border-box;
        z-index: 9;
    }
    .LightboxVPopenedRepostDropdownContent vipubRepostBtn {
        display: flex;
        align-items: center;
    }
    .mobile-resp-menu-left-sidebar{
        display: none;
    }
    .fulltext-toggle{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #1d9bf0;
        &:hover{
            text-decoration: underline;
            cursor: pointer;
        }
    }
    .advert-header-box-title {
        width: 100%;
        display: flex;
        align-items: flex-start;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        scrollbar-width: none; 
    }
    .advert-header-box-title::-webkit-scrollbar {
        display: none;
    }
    .advert-header-box-title > a{
        width: 100%;
        padding: 13px;
        text-align: center;
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        text-decoration: none;
        transition-duration: 0.2s;
    }
    #new-compose-post-modal{
        border-radius: 999px;
        font-size: 17px;
        font-weight: 700;
        line-height: 20px;
        padding: 15px;
        text-align: center;
        cursor: pointer;
        transition-duration: 0.2s;
        margin-bottom: 10px;
    }
    .right-sidebar-wrapper {
        position: relative;
        width: 350px;
        box-sizing: border-box;
        margin-left: -50px;
    }
    html[dir="rtl"] .right-sidebar-wrapper{
        margin-left: 0;
        margin-right: -15px;
    }
    .right-sidebar-contentWrapper {
        width: 350px;
    }
    .right-sidebar-wrapper .right-sidebar-contentWrapper div {
        width: 100%;
        border-radius: 13px;
        margin-bottom: 15px;
    }
    .no-tag-emptyx{
        font-size: 15px;
        font-weight: 600;
        line-height: 17px;
        text-align: center;
    }
    .right-sidebar-wrapper .right-sidebar-contentWrapper > .search-container{
        width: 100%;
        margin-bottom: 10px;
    }
    .right-sidebar-wrapper .right-sidebar-contentWrapper > .search-container svg{
        position: absolute;
        width: 20px;
        height: 20px;
        margin-top: 12px;
        margin-left: 15px;
    }
    html[dir="rtl"] .right-sidebar-wrapper .right-sidebar-contentWrapper > .search-container svg{
        margin-left: 0;
        margin-right: 15px;
    }
    .right-sidebar-wrapper .right-sidebar-contentWrapper > .search-container input{
        padding: 12px 40px;
        border-radius: 999px;
        border: none;
        outline: none;
        width: 100%;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }
    .sidebar-grid-content{
        width: 100%;
        margin-bottom: -0px;
    }
    .sidebar-grid-content .title-content-rsbr{
        width: 100%;
    }
    .sidebar-grid-content .title-content-rsbr h5{
        font-size: 20px;
        font-weight: 800;
        line-height: 24px;
        padding: 13px;
        padding-bottom: -0px;
    }
    .trending-content-carding{
        width: 100%;
        display: flex;
        flex-direction: column;
        border-radius: 0 !important;
        margin-bottom: -0px !important;
        padding-left: 13px !important;
        padding-right: 13px !important;
        transition-duration: 0.2s;
        padding: 7px;
    }
    .trending-content-carding:last-child{
        border-radius: 0 0 13px 13px;
    }
    .trending-content-carding > a{
        text-decoration: none !important;
        display: flex;
        flex-direction: column;
        margin-bottom: -0px;
    }
    .trending-content-carding > a img{
        width: 45px;
        height: 45px;
        border-radius: 999px;
        margin-right: 7px;
    }
    html[dir="rtl"] .trending-content-carding > a img {
        margin-right: 0;
        margin-left: 7px;
    }
    .trending-content-carding a p,
    .trending-content-carding a span{
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        display: flex;
        align-items: center;
    }
    .trending-content-carding a span svg{
        width: 16px;
        height: 16px;
        margin-right: 4px;
    }
    .trending-content-carding a h5{
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        display: flex;
        flex-direction: column;
    }
    .trending-content-carding a h5 b{
        font-weight: 700;
        display: flex;
        align-items: center;
    }
    .trending-content-carding a h5 b svg{
        width: 16px;
        height: 16px;
        margin-left: 3px;
    }
    .adsHashText{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }
    .sidebar-bottom-footer{
        text-align: center;
    }
    .sidebar-bottom-footer a{
        font-size: 13px;
        font-weight: 400;
        line-height: 15px;
        margin-right: 3px;
        margin-bottom: -0px;
    }
    .my-ads-content-main{
        width: 100%;
        padding: 15px;
    }
    .my-ads-content-main > .advertising-main-viewing{
        padding: 15px;
        border: 1px solid #EFF3F4;
        border-radius: 13px;
        margin-bottom: -15px;
    }
    .my-ads-content-main > .advertising-main-viewing p{
        width: 100%;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #0f1419;
        word-wrap: break-word;
        white-space: pre-wrap;
    }
    .modal{
        background-color: #0000006f;
    }
    .new-modal-border{
        border: 1px solid #333639 !important;
      }
    .modal > .modal-content{
        border-radius: 4px !important;
    }
    .modal-header-title{
        padding: 20px;
    }
    .modal-header-title h5{
        font-size: 15px;
        font-weight: 800;
        line-height: 20px;
    }
    .content_form_required{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .content_form_required > .content_modal_body_main{
        display: flex;
        align-items: flex-start;
    }
    .content_form_required > .content_modal_body_main a img{
        width: 45px;
        height: 45px;
        border-radius: 999px;
        margin-right: 10px;
        object-fit: cover;
    }
    html[dir="rtl"] .content_form_required > .content_modal_body_main a img{
        margin-right: 0;
        margin-left: 10px;
    }
    .content_form_required > .content_modal_body_main a{
        text-decoration: none !important;
    }
    .content_form_required > .content_modal_body_main textarea{
        width: 100%;
        min-height: 50px;
        max-height: 150px;
        outline: none;
        border: none;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        background-color: transparent;
        resize: none;
    }
    .modal-for-modal-footer{
        margin-top: 15px;
        justify-content: space-between !important;
    }
    .post-selection-status button{
        padding: 9px 15px;
        font-size: 14px;
        font-weight: 700;
        line-height: 17px;
        background-color: #1C9BEE;
        color: #fff;
        transition-duration: 0.2s;
        cursor: pointer;
        border: none;
        outline: none;
        border-radius: 999px;
    }
    .post-selection-status button:hover{
        background-color: #198EDB;
    }
    .post-selection-status button:disabled{
        opacity: .50;
        cursor: default;
    }
    .replyContent_DisplayPost{
        cursor: pointer;
    }
    .replyContent_DisplayPost img{
        width: 30px;
        height: 30px;
        border-radius: 999px;
        object-fit: cover;
        margin-left: 9px;
        cursor: pointer;
    }
    html[dir="rtl"] .replyContent_DisplayPost img{
        margin-left: 0;
        margin-right: 9px;
    }
    .replyContentDisplay{
        padding: 15px;
        height: 100%;
        margin-left: 23px;
        cursor: pointer;
        padding-top: -0px;
        margin-top: 5px;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        text-align: left !important;
    }
    html[dir="rtl"] .replyContentDisplay{
        margin-left: 0;
        margin-right: 23px;
        text-align: right !important;
    }
    .maximum-character-count{
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        margin-right: 5px;
    }
    .ads-selection-settings{
        position: absolute;
        border-radius: 4px;
        right: 15px;
        z-index: 9;
    }
    html[dir="rtl"] .ads-selection-settings{
        right: auto;
        left: 15px;
    }
    .ads-selection-settings > .listing-ads-settings{
        display: flex;
        flex-direction: column;
    }
    .ads-selection-settings > .listing-ads-settings li{
        list-style: none;
        padding: 13px;
        font-size: 14px;
        font-weight: 400;
        display: flex;
        align-items: flex-start;
        cursor: pointer;
        transition-duration: 0.3s;
    }
    .ads-selection-settings > .listing-ads-settings li i{
        margin-right: 7px;
    }
    html[dir="rtl"] .ads-selection-settings > .listing-ads-settings li i{
        margin-right: 0;
        margin-left: 7px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .right-sidebar-wrapper,
    #new-compose-post-modal{
        display: none !important;
    }
}
@media only screen and (max-width: 1025px) and (min-width: 789px) {
    .right-sidebar-wrapper,
    #new-compose-post-modal{
        display: none !important;
    }
    .container, .container-md, .container-sm{
        width: 100% !important;
        max-width: 100% !important;
    }
    .col-md-6{
        width: 100% !important;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 789px) {
    .right-sidebar-wrapper,
    .main-left-sidebar,
    #new-compose-post-modal{
        display: none !important;
    }
    
}
@media only screen and (max-width: 1400px) and (min-width: 636px) {
    .right-sidebar-wrapper,
    #new-compose-post-modal,
    .sidebarBottomUserInfo{
        display: none !important;
    }
    .main-left-sidebar{
        background-color: none !important;
        padding: 0px !important;
        margin-left: 0px !important;
    }
    html[dir="rtl"] .main-left-sidebar{
        margin-left: 0px !important;
        margin-right: 130px !important;
    }
}
@media only screen and (max-width: 1170px) and (min-width: 636px) {
    .right-sidebar-wrapper,
    #new-compose-post-modal,
    .sidebarBottomUserInfo{
        display: none !important;
    }
    .main-left-sidebar{
        background-color: none !important;
        padding: 0px !important;
        margin-left: 0px !important;
    }
    html[dir="rtl"] .main-left-sidebar{
        margin-left: 0px !important;
        margin-right: 80px !important;
    }
}
@media only screen and (max-width: 1034px) and (min-width: 636px) {
    .right-sidebar-wrapper,
    #new-compose-post-modal,
    .sidebarBottomUserInfo{
        display: none !important;
    }
    .main-left-sidebar{
        background-color: none !important;
        padding: 0px !important;
        margin-left: 0px !important;
    }
}