@media only screen and (max-width: 767px) {
    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;
    }
    .post-unlike-icon{
        fill: #F9197F !important;
    }
    .post-unrepost-icon{
        fill: #00ba7c !important;
    }

    .page-active{
        font-weight: 700 !important;
    }
    .main-left-sidebar{
        display: none;
    }
    
    .main-ng-screenline{
        position: relative;
        min-height: 100vh;
        border-right: none !important;
        border-left: none !important;
    }
    .site-header-box-profile-page{
        display:none;
    }
    .site-header-box {
        width: 100%;
        position: -webkit-sticky; 
        position: sticky;
        padding: 13px;
        background: rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        top: 0px;
        margin: 0 auto;
        border-bottom: 1px solid #EFF3F4;
        border-right: 1px solid transparent;
        border-top: 1px solid #EFF3F4;
        transition: top 0.3s ease-in-out; 
        z-index: 999999;
    }
    
    .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: 13px;
        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-ng-screenline > .site-header-box h5{
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        color: #0f1419;
        position: relative;
        top: 5px;
        align-items: center;
        display: flex;
    }
    .main-ng-screenline > .site-header-box h5 svg{
        width: 20px;
        height: 20px;
        color: #737373;
        fill: #737373;
        margin-right: 10px;
        cursor: pointer;
    }
    html[dir="rtl"] .main-ng-screenline > .site-header-box h5 svg{
        margin-right: 0;
        margin-left: 10px;
    }
    .main-ng-screenline > .site-header-box h5 .uname-top-profile{
        width: 18px !important;
        height: 18px !important;
        margin-left: 0px !important;
        cursor: pointer !important;
        position: relative !important;
        top: -1px !important;
    }
    .main-ng-screenline > .site-header-box h5 svg:hover{
        transition-duration: 0.2s;
        color: #1C9BEF;
        fill: #1C9BEF;
    }
    .main-ng-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;
    }
    .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: 13px;
        font-weight: 500;
        line-height: 16px;
        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: 50px;
        height: 50px;
        border-radius: 999px;
        object-fit: contain;
    }
    .homepage-new-post textarea{
        font-size: 20px;
        line-height: 24px;
        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: 20px;
    }
    
    .homepage-new-post span{
        position: absolute;
        right: 20px;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        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: 18px;
        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: 13px;
        font-weight: 700;
        line-height: 16px;
        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: 13px;
        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;
        border-right: 0px solid transparent !important;
        background-color: #fff;
        margin-bottom: -0px;
    }
    .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;
    }
    .right-sidebar-wrapper {
        display: none;
    }
    
    .dropdown ul {
        display: none;
        position: fixed;
        background-color: #fff !important;
        border-radius: 16px 16px 0 0 !important;
        box-shadow: 0px 0px 30px 0px #28313a4d !important;
        border: 1px solid #EFF3F4 !important;
        z-index: 99999 !important;
        width: 100% !important;
        margin: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
      }
      .status-page-dropdown-position{
        display: none;
        position: fixed;
        background-color: #fff;
        border-radius: 16px 16px 0 0 !important;
        box-shadow: 0px 0px 30px 0px #28313a4d !important;
        border: 1px solid #EFF3F4 !important;
        z-index: 99999;
        width: 100% !important;
        margin: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        padding: 20px !important;
      }
      .dropdown:hover ul {
        display:block;
      }
      .dropdown:hover ul button{
        width: 100%;
        background: transparent;
        color: red;
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        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: 17px;
      color: #0f1419 !important;
      padding: 12px;
      display: flex;
      align-items: center;
      }
      .dropdown li a i,
      .dropdown ul button i{
        width: 21px;
        height: 21px;
        color: #0f1419 !important;
        margin-right: 7px;
      }
      .dropdown li a:hover {
        transition-duration: 0.2s;
        background-color: #F2F2F2;
      }
      .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;
        color: #737373;
        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%;
        border-right: 1px solid transparent !important;
        min-height: 100vh;
        margin-bottom: 100px;
    }
    .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: 13px;
        font-weight: 600;
        line-height: 16px;
        color: #0f1419;
        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;
    }
    .post-original-user-title-info a h5 svg{
        width: 16px;
        height: 16px;
        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: 13px;
        font-weight: 400;
        color: #536471;
    }
    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;
        color: #536371;
        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: 15px;
    }
    .original-post-details{
        padding-left: 50px;
    }
    html[dir="rtl"] .original-post-details{
        padding-right: 50px;
        padding-left: 0;
    }
    .post-paragraphe{
        margin-bottom: -15px;
    }
    .original-post-details > .post-paragraphe p,
    .original-post-details > .post-paragraphe div,
    .original-post-details > .post-paragraphe div strong,
    .original-post-details > .post-paragraphe p span{
        font-size: 14px !important;
        line-height: 18px !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 p span strong{
        font-weight: 600;
    }
    .post-paragraphe-image {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        gap: 5px;
        margin-bottom: 7px;
        margin-top: 7px;
    }
    .post-paragraphe-image img {
        width: 100%;
        height: 100%;
        user-select: none;
        border: 1px solid #EFF3F4;
        object-fit: cover;
        border-radius: 12px;
        background-color: #fff;
    }
    .post-paragraphe-gif img{
        width: 100%;
        height: 100%;
        user-select: none;
        border: 1px solid #EFF3F4;
        object-fit: contain;
        border-radius: 12px !important;
        margin-top: 7px;
    }

    .post-paragraphe-video video{
        width: 100%;
        height: 200px;
        cursor: pointer;
        margin-top: 7px;
        border-radius: 12px;
        border: 1px solid #EFF3F4;
        background-color: #fff;
    }
    .post-paragraphe p iframe{
        width: 100%;
        height: 290px;
        border: 1px solid #EFF3F4 !important;
        border-radius: 12px;
    }
    .original-post-selection-check{
        padding-top: 4px;
        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: 999px;
        transition-duration: 0.2s;
    }
    .original-post-selection-check span:last-child{
        margin-right: 0px !important;
    }
    .original-post-selection-check span i {
        font-size: 17px;
    }
    .original-post-selection-check span b {
        font-weight: 400;
        font-size: 13px;
        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: 9px;
    }
    .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: fixed;
        bottom: 0;
        width: 100%;
        border-radius: 16px 16px 0 0 !important;
        padding: 20px !important;
        user-select: none !important;
    }
    .unretweet-class{
        color: #00BA7C !important;
    }
    .post-unlike-icon{
        color: #F9197F !important;
    }
    #createFormContainer{
        position: relative;
        width: 100%;
        z-index: 9999;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .share-to-post-homepage{
        width: 100%;
        border-right: 1px solid transparent;
        border-bottom: 1px solid #EFF3F4;
    }
    .no-post-yet-timeline{
        position: relative;
        width: 100%;
        display: flex;
        text-align: left;
        align-items: center;
        justify-items: center;
        justify-content: center;
        margin: 0px auto;
        flex-direction: column;
        padding: 40px;
        margin-top: 40px;
    }
    .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: 23px;
        font-weight: 600;
        line-height: 25px;
        color: #0f1419;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        margin-top: 40px;
    }
    .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: 500;
        line-height: 20px;
        color: #737373;
    }
    .no-post-yet-timeline > .no-post-yet a{
        font-size: 13px;
        font-weight: 600;
        line-height: 16px;
        padding: 8px 20px;
        background: #EFEFEF;
        color: #0f1419;
        border: none;
        outline: none;
        user-select: none;
        border-radius: 999px;
        text-decoration: none !important;
        position: absolute;
        left: 40px;
        margin-top: 50px;
    
    }
    .no-post-yet-timeline > .no-post-yet a:hover{
        opacity: 0.6;
    }
    .post-action-reply-details-info {
        position: relative;
        font-size: 13px;
        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;
    }
    #bookmarks-lives-user-feed{
        width: 100%;
        
        min-height: 100vh;
        border-right: 1px solid transparent;
    }
    #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 transparent;
        
        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;
        background-color: #fff;
        border-radius: 999px;
        margin-top: -1px;
        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%;
        background-color: #fff;
        display: flex;
        align-items: center;
        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: 13px;
        font-weight: 500;
        line-height: 16px;
        color: #536471;
        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;

    }
    .changeForYouTimeline span:hover{
        background-color: #E7E7E8 !important;
    }
    .timelineActive{
        font-weight: 700 !important;
        color: #0f1419 !important;
        border-bottom: 3px solid #1da1f1 !important;
        pointer-events: none !important;
        cursor: default !important;
    }
    .ngbox-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 99999999999999999 !important;
        background: rgba(0, 0, 0, 0.742);
    }
    
    .ngbox-content img {
        max-width: 100%;
        max-height: 605px;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.222);
        user-select: none;
        border-radius: 0px;
        object-fit: contain;
        background-color: #fff;
    }
    .ngbox-overlay span{
        position: absolute;
        right: 20px;
        top: 15px;
        padding: 8px 10px;
        cursor: pointer;

    }
    .ngbox-overlay span:hover{
        transition-duration: 0.2s;
        background-color: #00000041;
        border-radius: 999px;
    }
    .ngbox-overlay span i{
        font-size: 17px;
        color: #fff;
        cursor: pointer;
    }
    .ngbox-image-content-post-info-buttons{
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        top: 33%;
        margin-left: -40px;
        margin: 0 auto;
        z-index: 9999;
        margin-left: -40px;
    }
    .ngbox-image-content-post-info-buttons span{
        position: relative;
        padding: 10px;
        background-color: #fafafa0e;
        border-radius: 50%;
        text-align: center;
        align-items: center;
        justify-items: center;
        margin-bottom: 37px;
        padding-bottom: 7px;
    }
    .ngbox-image-content-post-info-buttons span i{
        font-size: 19px;
        cursor: pointer !important;
    }
    .ngbox-image-content-post-info-buttons small{
        color: #fff;
        font-size: 12px;
        line-height: 14px;
        font-weight: 400;
        margin-left: -44px;
        position: absolute;
        top: 55px;
        cursor: default;
    }
    .ngbox-image-content-post-info-buttons ret{
        color: #fff !important;
        font-size: 12px;
        line-height: 14px;
        font-weight: 400;
        margin-left: -44px;
        position: absolute;
        top: 130px;
        cursor: default;
    }
    .ngbox-image-content-post-info-buttons rep{
        color: #fff !important;
        font-size: 12px;
        line-height: 14px;
        font-weight: 400;
        margin-left: -44px;
        position: absolute;
        top: 205px;
        cursor: default;
    }
    .ngbox-image-content-post-info-buttons span:hover{
        opacity: 0.7;
    }
    .ngbox-image-content-post-info-buttons a{
        text-decoration: none;
        position: absolute;
        top: -45px;
        margin-left: -42px;
    }
    .ngbox-image-content-post-info-buttons a img{
        width: 37px;
        height: 37px;
        border-radius: 50%;
        border: 1px solid #EFF3F4;
    }
    .mobile-top-menu {
        position: fixed;
        bottom: 0px; 
        left: 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between; 
        padding: 13px 30px; 
        z-index: 999999; 
        transition: opacity 0.3s ease;
    }
    
    .mobile-top-menu a:hover{
        text-decoration: none !important;
    }
    .mobile-top-menu a i{
        font-size: 21px;
        color: #536371;
    }
    .mobile-top-menu a svg{
        width: 21px;
        height: 21px;
    }
    
    #mobile-left-sidebar img{
        width: 35px;
        height: 35px;
        object-fit: contain;
        border: 1px solid #EFF3F4;
    }
    .menu-active{
        color: #0f1419 !important;
    }
    #display-mobile-left-sidebar {
        position: fixed;
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out;
        z-index: 9999999999999;
        top: 0;
        padding: 15px;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
        border-left: 1px solid transparent !important;
        background: #fff;
    }
    
    #display-mobile-left-sidebar.active {
        display: block;
        transform: translateX(0); 
    }
    #overlaySdbr {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 10000000;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }
    #overlaySdbr.active {
        display: block;
        opacity: 1;
    }
    #display-mobile-left-sidebar > .menu-top-user-info > a img{
        width: 46px;
        height: 46px;
        margin-bottom: 10px;
    }
    #display-mobile-left-sidebar > .menu-top-user-info > a h5{
        position: relative;
        font-size: 13px;
        font-weight: 600;
        line-height: 16px;
        color: #0f1419;
        display: flex;
        align-items: center;
        margin-bottom: -0px;
    }
    #display-mobile-left-sidebar > .menu-top-user-info > a h5 svg{
        width: 16px;
        height: 16px;
        margin-left: 3px;
    }
    #display-mobile-left-sidebar > .menu-top-user-info > a span{
        position: relative;
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        color: #536371;
    }
    #display-mobile-left-sidebar > .menu-top-user-info > .mobile-menu-user-follow-info{
        margin-top: 13px;
        display: flex;
        align-items: center;
        margin-bottom: 35px;
    }
    #display-mobile-left-sidebar > .menu-top-user-info > .mobile-menu-user-follow-info > a{
        text-decoration: none !important;
        margin-right: 20px;
    }
    #display-mobile-left-sidebar > .menu-top-user-info > .mobile-menu-user-follow-info > a:last-child{
        margin-right: 0;
    }
    #display-mobile-left-sidebar > .menu-top-user-info > .mobile-menu-user-follow-info > a span{
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        color: #536371;
    }
    #display-mobile-left-sidebar > .menu-top-user-info > .mobile-menu-user-follow-info > a span strong{
        margin-right: 5px;
        color: #0f1419;
    }
    .mobile-left-page-menu{
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .mobile-left-page-menu > a{
        text-decoration: none !important;
        margin-bottom: 20px;
    }
    .mobile-left-page-menu a h5{
        font-size: 18px;
        font-weight: 700;
        line-height: 20px;
        color: #0f1419;
        display: flex;
        align-items: center;
        margin-bottom: 7px;
    }
    .mobile-left-page-menu a h5 i{
        margin-right: 15px;
        font-size: 17px;
    }
    .mobile-left-page-menu a h5 svg{
        width: 24px;
        height: 24px;
        margin-right: 24px;
    }
    #closeMobileMenuLeftsidebar{
        position: absolute;
        right: -40px;
        font-size: 18px;
        background-color: #fff;
        color: #0f1419;
        border-radius: 999px;
        padding: 7px;
        top: 25px;
    }
    #user-notifications{
        position: absolute;
        font-size: 11px;
        font-weight: 400;
        background: #1da1f1;
        color: #fff;
        width: 16px;
        height: 20px;
        text-align: center;
        border-radius: 999px;
        margin-top: -17px;
        border: 2px solid #fff;
        display: flex;
        align-items: center;
        justify-items: center;
        justify-content: center;
        margin-left: 10px;
        top: 26px;
    }
    #user-messages{
        position: absolute;
        font-size: 11px;
        font-weight: 400;
        background: #1da1f1;
        color: #fff;
        width: 16px;
        height: 20px;
        text-align: center;
        border-radius: 999px;
        margin-top: -17px;
        border: 2px solid #fff;
        display: flex;
        align-items: center;
        justify-items: center;
        justify-content: center;
        margin-left: 10px;
        top: 26px;
    }
    .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: 1px solid #CFD9DD;
        border-radius: 16px;
        background-color: #fff;
        margin-top: 25px !important;
        margin-bottom: 7px !important;
        position: relative !important;
        width: 100%;
    }
    .repost-post-quateContent:hover{
        transition-duration: 0.2s;
        background-color: #EFEFEF;
        cursor: pointer;
    }
    .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: 13px;
        font-weight: 700;
        line-height: 16px;
        color: #0f1419;
        position: relative;
        display: flex;
        align-items: center;
        top: 3px;
    }
    .repost-post-quateContent > a .repostContentTimeline > .repostUserInfo h5 svg{
        width: 16px;
        height: 16px;
        margin-left: 3px;
    }
    .repost-post-quateContent > a .repostContentTimeline > .repostUserInfo span{
        position: relative;
        margin-top: -2px;
        margin-left: 3px;
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        color: #536471;
    }
    .repost-post-quateContent > a .repostContentTimeline > .repostContentDiv{
        position: relative;
        width: 100%;
    }
    .repost-post-quateContent > a .repostContentTimeline > .repostContentDiv p{
        font-size: 13px;
        line-height: 16px;
        font-weight: 400;
        white-space: pre-wrap;
        word-break: break-word;
        overflow-wrap: break-word;
        color: #0f1419;
        margin-bottom: 10px;
        padding: 10px;
        padding-bottom: 0;
    }
    .repost-post-quateContent > a .repostContentTimeline > .repostContentDiv iframe{
        width: 100%;
        height: 200px;
        object-fit: contain;
        border-radius: 0px 0px 12px 12px;
        margin-bottom: -5px;
    }
    .repost-post-quateContent > a .repostContentTimeline > .repostContentDiv img{
        width: 100%;
        height: 100%;
        border-radius: 0px 0px 15px 15px;
    }
    .repost-post-quateContent > a .repostContentTimeline > .repostContentDiv video{
        width: 100%;
        height: 200px;
        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;
        z-index: 9999999; 
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #fff;
        bottom: 0;
    }
    
    .modalRepostContent > .modal-content {
        background-color: #fff;
        border: 1px solid #EFF3F4;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        z-index: 9999999999999999999999999999999999999999999999999999999999999999999999; 
    }
    .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;
        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; 
    }
    
    .modalbody-repost > form > .repostFormCollection textarea {
        width: 100%;
        resize: none;
        background-color: #fff;
        border: none;
        font-size: 17px;
        font-weight: 400;
        line-height: 20px;
        color: #0f1419;
        outline: none;
        margin-top: 10px;
        min-height: 50px;
        max-height: 600px;
        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;

    }
    .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{
        display: none;
    }
    .userInfoAndPostsCard{
        width: 100%;
        display: flex;
        align-items: flex-start;
        position: relative;
        padding-top: 10px;
        padding-left: 10px;
        border-bottom: 1px solid #EFF3F4;
    }
    .userInfoAndPostsCard a{
        text-decoration: none !important;
        margin-right: 0px;
    }
    .userInfoAndPostsCard a img{
        width: 40px;
        height: 40px;
        object-fit: contain;
        border: 1px solid #EFF3F4;
        border-radius: 999px;
    }
    #postAreaContainer {
        width: 100%;
        min-height: 80px; 
        max-height: 400px;
        padding: 10px;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color: #0f1419;
        outline: none;
        overflow-y: auto;
        overflow-x: hidden;
        margin-bottom: -0px;
        background-color: #fff;
        position: relative;
        margin-top: -5px;
    }
    .placeholder {
        color: #536371;
        pointer-events: none;
        font-size: 20px !important;
        font-weight: 400;
        background-color: transparent;
        position: absolute;
        top: 124px;
        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;
    }
    .formGetSelectionsConrol > .mediaShareContent{
        position: relative;
        padding: 10px;
    }
    .formGetSelectionsConrol > .mediaShareContent span i{
        padding: 7px 9px;
        background-color: transparent;
        color: #1C9BEF;
        cursor: pointer;
        border-radius: 999px;
        transition-duration: 0.3s;
        font-size: 15px;
    }
    .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: 8px 14px;
        border-radius: 999px;
        color: #fff;
        font-size: 13px;
        font-weight: 600;
        line-height: 16px;
        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;
    }
    .circleNgSvg {
        transform: rotate(-90deg);
    }
    .background-circle {
        fill: none;
        stroke: #EFF3F4; 
        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;
        color: #0f1419;
        user-select: none;
    }
    .exceeded {
        background-color: #FB9FA8; 
    }
    .gif-dropdown {
        display: none;
        position: relative;
        background: white;
        border-bottom: 1px solid #EFF3F4;
        z-index: 1000;
        max-height: 300px;
        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 > span i:hover{
        background-color: #0f141914;
        color: #0f1419;
    }
    .gif-dropdown > .searchGifCard > input{
        width: 100%;
        outline: none;
        border: 1px solid #EFF3F4;
        padding: 7px 15px;
        background-color: #fff;
        color: #0f1419;
        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;
        border: 1px solid #EFF3F4;
        margin-right: 1px;
        transition-duration: 0.2s;
    }
    .gif-item:hover {
        opacity: .50;
    }
    body.no-scroll {
        overflow: hidden;
    }
    #viewPreviewGifSelect{
        width: 100%;
        height: 350px;
        border-bottom: 1px solid #EFF3F4;
        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: -160px;
        margin-top: 9px;
    }

    html[dir="rtl"] .cancelImagePreview{
        margin-left: 0;
        margin-right: -160px;
    }
    .cancelImagePreview:hover{
        background-color: #394041;
    }
    #imagePreviews img{
        width: 160px;
        height: 160px;
        object-fit: contain;
        border-radius: 12px;
        margin: 5px;
        border: 1px solid #EFF3F4;
        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;
        border-bottom: 1px solid #EFF3F4;
        background-color: #fff;
    }
    .donateForUserContainer > .donateCardingUserInfo {
        display: flex;
        flex-direction: column;
        padding: 20px;
        border: 1px solid #EFF3F4;
        border-radius: 12px;
    }
    .donateForUserContainer > .donateCardingUserInfo span{
        font-size: 12px;
        font-weight: 500;
        line-height: 14px;
        color: #0f1419;
        margin-bottom: 7px;
    }
    .donateForUserContainer > .donateCardingUserInfo > input{
        padding: 8px 15px;
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        color: #0f1419;
        outline: none;
        border: 1px solid transparent;
        border-radius: 4px;
        background-color: #EFF3F4;
        margin-bottom: 15px;
    }
    .donateForUserContainer > .donateCardingUserInfo > input:focus{
        border-color: #EFF3F4;
        background-color: #fff;
    }
    .donateCancelBtn{
        padding: 8px;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 14px !important;
        color: #fff !important;
        background-color: #0f1419;
        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;
        padding: 10px;
        background-color: rgba(0, 0, 0, 0.4);
    }
    .donateModalContainerTop > .modal-content {
        background-color: #fefefe;
        padding: 20px;
        border: 1px solid #EFF3F4;
        width: 100%;
        margin-top: 50%;
    }
    .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: fixed;
        bottom: 0;
        z-index: 1;
        border-radius: 12px 12px 0px 0px;
        width: 100%;
        left: 0;
        padding-top: 15px;
        z-index: 999999999999;
    }
    .post-on-share-content li{
        list-style: none;
        list-style-type: none;
        font-size: 13px;
        font-weight: 600;
        line-height: 16px;
        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;
    }
    .container{
        padding: 0 !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        display: block !important;
    }
    .greetalertContainer{
        width: 100%;
        position: relative;
        border-right: 1px solid transparent !important;
    }
    .greetalertContainer > .greetalert-dissmible{
        padding: 12px;
        padding-bottom: 14px;
        width: 100%;
        display: flex;
        align-items: center;
        width: 100%;
      }
      .greetalertContainer > .greetalert-dissmible svg {
        width: 43px;
        height: 43px;
        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;
    }
    .moreModulesContent{
        position: fixed;
        border-radius: 12px;
        z-index: 9;
        width: 100%;
        margin-top: -40px;
    }
    .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;
    }
    .contentModulesListing a:first-child{
        border-radius: 12px 12px 0 0;
    }
    .contentModulesListing a:last-child{
        border-radius: 0px 0px 12px 12px;
    }
    .vp-stories-container {
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        position: relative;
        overflow: hidden;
        user-select: none;
        border: none !important;
    }
    .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%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .listing-reels-container {
        width: 100%;
        max-width: 480px; 
        box-sizing: border-box;
        user-select: none;
    }

    .reels-view-cont-container {
        width: 100%;
        aspect-ratio: 9 / 16;
        margin-bottom: 5px;
        border-radius: 0px !important;
        overflow: hidden; 
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        
    }

    .reels-view-cont-container img,
    .reels-view-cont-container video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .reels-view-cont-container > .reels-title-info{
        position: absolute;
        width: 100%;
        padding: 0px;
        z-index: 9;
        top: 0;
    }
    .reels-view-cont-container > .reels-title-info a{
        text-decoration: none !important;
        display: flex;
        align-items: center;
        padding: 10px;
    }
    .reels-view-cont-container > .reels-title-info a img{
        width: 33px;
        height: 33px;
        border-radius: 999px;
        margin-right: 5px;
    }
    .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;
    }
    .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: 0px;
        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;
        padding: 13px;
    }
    .not-reels-container .reelsEmptyContainer{
        display: inline-block;
        flex-direction: column;
        width: 100%;
    }
    .not-reels-container .reelsEmptyContainer i{
        display: none;
    }
    .not-reels-container .reelsEmptyContainer h5{
        position: relative;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        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;
    }
    .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;
    }
    .survey-duration #days,
    .survey-duration #hours,
    .survey-duration #minutes{
        width: 100% !important;
        border-radius: 4px;
    }
    .quateCardingUserInfo > .quateCardingForm{
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .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: 180px;
        box-sizing: border-box;
        margin-bottom: 4px;
        border-radius: 13px;
    }
    
    .og-meta-container > .og-top-info-detail img {
        width: 100%;
        height: 180px;
        border-radius: 13px;
        object-fit: fill;
        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: -40px;
        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: 10px;
        user-select: none;
        display: block;           
        white-space: nowrap;     
        overflow: hidden;        
        text-overflow: ellipsis; 
    }
    .og-meta-container > small {
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
    }
    
    .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: 100%;
        height: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .vp-lightbox-images {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        height: 100%; 
        margin: 0 auto;
        flex-direction: column;
        object-fit: contain;
    }
    .vp-lightbox-images img {
        width: 100%;
        height: 100%;
        background-origin: border-box;
        background-clip: content-box, border-box;
        object-fit: contain;
    }
    .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: #1C9BEE;
        transition-duration: 0.2s;
        &:hover{
            color: #1C9BEE;
        }
    }
    
    .vp-postdetails-content-lightbox {
        display: none;
    }
    .vp-lightbox-post-archur-details {
        width: 100%;
        position: absolute;
        display: flex;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(0, 0, 0, 0.794) !important;
        backdrop-filter: blur(10px) !important;
        padding: 10px;
        padding-left: 15px;
        padding-right: 15px;
        justify-content: space-between;
    }
    .vp-lightbox-post-archur-details span,
    .vp-lightbox-post-archur-details span b{
        color: #fff;
        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-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: fixed;
        background: rgba(0, 0, 0, 0.794) !important;
        backdrop-filter: blur(10px) !important;
        border-radius: 13px 13px 0px 0px;
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        z-index: 9;
        bottom: 0px;
        left: 0;
        padding-top: 30px;
    }
    
    .LightboxVPopenedRepostDropdownContent ngRepostBtn {
        display: flex;
        align-items: center;
        margin-bottom: 13px;
    }
    .newPostComposer{
        position: fixed;
        bottom: 70px;
        right: 20px;
        background-color: #1C9BEF;
        border-radius: 999px;
        width: 56px;
        height: 56px;
        z-index: 1;
        font-size: 20px;
        color: #fff;
        text-align: center;
        display: flex;
        align-items: center;
        justify-items: center;
        justify-content: center;
        transition: opacity 0.3s ease;
    }
    .newPostComposer svg{
        width: 27px;
        height: 27px;
        fill: #fff;
    }
    .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: 23px;
        height: 23px;
        fill: #1C9BEE;
        margin-right: 10px;
    }
    .delete-or-hiddenRepostContent > .titleDeleteHiddenContent > h5{
        font-size: 13px;
        font-weight: 700;
        line-height: 15px;
        display: flex;
        align-items: flex-start;
    }
    .delete-or-hiddenRepostContent > .deleteOrHiddenContentEmpty {
        padding: 15px;
        padding-bottom: 0px;
    }
    .delete-or-hiddenRepostContent > .deleteOrHiddenContentEmpty p{
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
    }
    .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;
    }
    .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 {
        position: absolute;
        width: 33px;
        height: 33px;
        border-radius: 4px;
        left: 50%;
        transform: translateX(-50%);
        margin-top: -3px;
    }
    .site-header-box,
    .mobile-top-menu{
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    }
    .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%;
        padding: 1.3px;
    }
    .banner-advertising-wrapper {
        width: 100%;
        height: 240px;
        cursor: pointer;
    }
    .banner-advertising-wrapper > .banner-wrapper-background {
        width: 100%;
        height: 100%;
        object-fit: cover;
        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: 15px; 
        padding: 0 15px;
    }
    
    .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: -5px;
        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;
    }
    #emojiContainer{
        display: none;
    }
    .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%;
    }
    .main-left-sidebar > .main-sidebar-menu a svg{
        display: none;
    }
    .none-for-mobile-device{
        display: none !important;
    }
    .original-post-selection-check span svg{
        width: 22px;
        height: 22px;
        fill: #536471;
        padding: 3px;
        border-radius: 50%;
    }
    .openedRepostDropdownContent{
        position: absolute;
        border-radius: 10px;
        transition-duration: 0.2s;
        z-index: 999;
        margin-top: 70px;

    }
    .openedRepostDropdownContent > .contentRepostSelect{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .openedRepostDropdownContent > .contentRepostSelect ngRepostBtn{
        padding: 13px;
        display: flex;
        align-items: center;
        border-radius: 0;
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        transition-duration: 0.2s;
    }
    .openedRepostDropdownContent > .contentRepostSelect ngRepostBtn:first-child{
        border-radius: 11px 11px 0 0;
    }
    .openedRepostDropdownContent > .contentRepostSelect ngRepostBtn:last-child{
        border-radius: 0px 0px 11px 11px;
    }
    .openedRepostDropdownContent > .contentRepostSelect > ngRepostBtn > svg{
        margin-right: 13px;
        width: 18px;
        height: 18px;
        padding: 0;
        background-color: transparent !important;
    }
    html[dir="rtl"] .openedRepostDropdownContent > .contentRepostSelect > ngRepostBtn > svg{
        margin-right: 0;
        margin-left: 13px;
    }
    .openedRepostDropdownContent > .contentRepostSelect > ngRepostBtn > svg:hover{
        background-color: transparent !important;
    }
    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%;
        min-height: 100vh;
    }
    .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;
    }
    .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;
        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: 15px;
        cursor: default;
    }
    .premium-speed-features-click > .premium-features-title{
        margin-bottom: 15px;
    }
    .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;
    }
    .sponsored-user-container-vertical{
        width: 100%;
        display: flex;
        flex-direction: column;
        border-right: none !important;
    }
    .sponsored-user-container-vertical > .explore-container-title h1{
        font-size: 17px;
        font-weight: 800;
        line-height: 22px;
        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: 36px;
        height: 36px;
        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: 13px;
        font-weight: 600;
        line-height: 17px;
        margin-bottom: -3px;
        cursor: pointer;
        display: flex;
        align-items: center;
        &:hover{
            text-decoration: underline;
        }
    }
    .user-carding-screen-info h3 svg{
        width: 16px;
        height: 16px;
        margin-left: 2px;
        position: relative;
        top: 1px;
        cursor: pointer;
    }
    .user-carding-screen-info span{
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        margin-bottom: 3px;
        text-decoration: none !important;
        cursor: default !important;
    }
    .user-carding-screen-info p{
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        margin-bottom: -0px;
        text-decoration: none !important;
        cursor: default !important;
        word-wrap: break-word;
        white-space: pre-wrap;
    }
    .mobile-resp-menu-left-sidebar {
        position: fixed;
        top: 0;
        left: -1000px; 
        width: 250px;
        height: 100%;
        color: #fff;
        padding: 20px;
        transition: left 0.3s ease;
        z-index: 999999999999;
        overflow-y: auto;
    }
    .mobile-resp-menu-left-sidebar h2 {
        margin-top: 0;
    }
    .mobile-resp-menu-left-sidebar ul {
        list-style: none;
        padding: 0;
        margin-top: 30px;
    }
    .mobile-resp-menu-left-sidebar li {
        margin: 15px 0;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }
    .mobile-resp-menu-left-sidebar li a svg{
        width: 22px;
        height: 22px;
        margin-right: 15px;
    }
    html[dir="rtl"] .mobile-resp-menu-left-sidebar li a svg{
        margin-right: 0;
        margin-left: 15px;
    }
    .mobile-resp-menu-left-sidebar a {
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
        display: flex;
        align-items: center;
        text-decoration: none !important;
    }
    .mobile-resp-menu-left-sidebar a:hover {
        text-decoration: underline;
    }
    .mobile-resp-menu-left-sidebar.open {
        left: 0;
    }
    .mobile-resp-menu-left-sidebar a img{
        width: 40px;
        height: 40px;
        object-fit: contain;
        border-radius: 999px;
        margin-bottom: 6px;
    }
    .mobile-resp-menu-left-sidebar > article h3{
        display: flex;
        flex-direction: column;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    .mobile-resp-menu-left-sidebar > article h3 b{
        display: flex;
        align-items: center;
    }
    .mobile-resp-menu-left-sidebar > article h3 b svg{
        width: 17px;
        height: 17px;
        margin-left: 2px;
    }
    html[dir="rtl"] .mobile-resp-menu-left-sidebar > article h3 b svg{
        margin-left: 0;
        margin-right: 2px;
    }
    .fulltext-toggle{
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        color: #1d9bf0;
        margin-bottom: 7px;
    }
    #compose-post-content .share-ew-post{
        
        padding: 8px 14px;
    }
    #compose-post-content .placeholder{
        position: relative;
        top: -65px;
        font-size: 17px !important;
    }
    .quateCardingUserInfo > .quateCardingForm > .form-floating input{
        font-size:  13px !important;
    }
    .form-floatingCommonBtn{
        font-size:  13px !important;
    }
    .modal-dialog {
        position: relative;
        width: 100%;
        margin: 0px !important;
    }
    .col-md-3{
        display: none !important;
    }
    .container, .container-md, .container-sm{
        width: 100% !important;
        max-width: 100% !important;
    }
    .col-md-6{
        width: 100% !important;
    }
    .original-post-selection-check span:first-child{
        text-align: left !important;
    }
    .modal{
        background-color: #0000006f;
        height: 100%;
    }
    .new-modal-border{
        border: none !important
      }
    .modal > .modal-content{
        border-radius: 0px !important;
        height: 100% !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;
    }
    .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: 100%;
        outline: none;
        border: none;
        font-size: 15px;
        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: 13px;
        font-weight: 700;
        line-height: 16px;
        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;
    }
    .status-page-reply-to-reply > .original-post-details{
        margin-left: 19px;
        margin-bottom: -13px;
    }
    .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"] .userInfoAndPostsCard a img{
        margin-right: 10px;
    }
    .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;
    }
    .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;
    }
}