@import url(https://vjs.zencdn.net/7.8.2/video-js.css);@import url(https://fonts.googleapis.com/css2?family=Inter&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;

1,300..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.fa-ellipsis-h {
  font-family: var(--fa-style-family, "Font Awesome 6 Pro") !important;
  font-weight: var(--fa-style, 900) !important;
  font-size: 19px !important;
}

.posthashtagsclass {
  unicode-bidi: embed;
  direction: ltr;
}

.stories-modal .btn,
.stories-modal p,
.stories-modal h3,
.stories-modal h4,
.stories-modal h5,
.stories-modal .textSm {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.modal-open {
  overflow: hidden !important;
}

.container {
  max-width: 100%;
  overflow-x: clip;
}

.hastag-header {
  background-color: white;
  margin-top: 20px;
}

.mt-15 {
  margin-top: 8rem;
}

.postsCount {
  margin-bottom: 0;
  font-size: 16px;
}

.tagsDrop {
  background-color: #D8DADF;
  padding: 7px 15px;
  border-radius: 5px;
}

.tagsDrop i {
  color: #000;
  font-size: 20px;
}

@media screen and (max-width: 992px) {
  .hastag-header {
    margin-top: 75px;
  }

  body:has(#videoDetailFirstPopup.show) .video-comment-section {
    margin-top: 16px;
  }
}

/*==================================================
news-feed css
  ==================================================*/

.bg-dark {
  background-color: #1967d8 !important;
}

.newsfeedbody {
  background-color: #f6f6f6;
}

/*********************/

.search {
  background: #ffffff;
  border: 1px solid #cececf;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 1rem 0rem 0rem 1rem;
  color: #3d3d3d;
  outline: none;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 14px;
}

input[type="search"].search::-webkit-input-placeholder {
  color: #9a9a9c;
  font-size: 14px;
}

.active {
  color: #f88800;
}

.active i {
  opacity: 0.9;
  color: var(--hoverBlue);
}

.active a {
  color: #f88800;
}

.badge-light {
  background-color: #dd2334;
  color: #fff;
}

header .dropdown-toggle::after {
  vertical-align: -0.3em;
}

.desi {
  font-size: 12px;
  font-weight: normal;
  margin-left: 7px;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-primary.focus,
.btn-primary:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*==================================================
  Newsfeed Left Sidebar
  ==================================================*/

/*Profile Card CSS*/

.profile-card {
  background-image: none !important;
  width: 100%;
  padding: 0 0.5rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 52px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.profile-card:hover {
  background: #e4e6e9 !important;
}

.profile-card img.profile-photo {
  border: 1px solid #e2e2e2;
  margin-right: 8px;
  position: relative;
  height: 36px;
  width: 36px;
  border-radius: 50%;
}

.h5,
h5 {
  font-size: 0.85rem;
}

.newsfeedbody {
  background-color: #f6f6f6;
}

/*Newsfeed Links CSS*/

ul.nav-news-feed li {
  list-style: none;
  display: block;
}

@media screen and (max-width: 850px) and (min-width: 450px) {
  ul.nav-news-feed li {
    list-style: none;
    display: block;
    padding: 6px !important;
  }
}

@media screen and (max-width: 449px) and (min-width: 320px) {
  ul.nav-news-feed li {
    list-style: none;
    display: block;
    padding: 10px !important;
  }
}

ul.nav-news-feed li div {
  position: relative;
  font-weight: bold;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  height: 46px !important;
  border-radius: 8px;
  font-weight: normal !important;
  padding: 0 8px;
  padding-left: 8px;
  margin-left: 8px;
}

ul.nav-news-feed li div.nav-news-feed-div:hover {
  background: #e4e6e9;
}

ul.nav-news-feed li div i {
  width: 36px !important;
  /* height: 36px; */
  margin: 0px 0 0 7px !important;
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 27px !important;
  float: none;
}

ul.nav-news-feed li div::after {
  content: "";
  width: 100%;
  height: 1px;
  border-top: none;
  position: absolute;
  bottom: -5px;
  left: 0;
}

ul.nav-news-feed li div.final-width {
  padding: 0;
  width: calc(100% - 40px);
  position: relative;
  margin-left: 0;
}

.nav-news-feed.news-feed-left-menu li a {
  color: #000 !important;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.5px;
  display: block;
  position: relative;
  width: 100%;
}

ul.nav-news-feed li div a {
  color: #000 !important;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.5px;
  display: block;
  position: relative;
  width: 100%;
}

.final-width .fa-caret-down {
  width: 20px !important;
  height: 20px !important;
  font-size: 22px !important;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto !important;
  color: #1967d8 !important;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}

ul.nav-news-feed .contactSubmenu {
  padding: 0;
  margin: 0;
}

ul.nav-news-feed .contactSubmenu ul.nav-news-feed {
  padding: 0;
  margin: 0;
}

.contactSubmenu ul.nav-news-feed li {
  position: relative;
  font-weight: bold;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  height: 52px !important;
  border-radius: 8px;
}

.contactSubmenu ul.nav-news-feed li:hover {
  background: #e4e6e9;
}

.contactSubmenu ul.nav-news-feed li i {
  width: 36px !important;
  /* height: 36px; */
  margin: 0px 12px 0 7px !important;
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 27px !important;
  float: none;
}

.contactSubmenu li div {
  padding: 0;
  width: calc(100% - 40px);
  position: relative;
  padding-left: 10px;
}

ul#news_feed_page_contact li div {
  padding-left: 55px;
}

ul.nav-news-feed i.ion-ios-paper {
  color: #292e4c;
}

ul.nav-news-feed i.ion-ios-people {
  color: #292e4c;
}

ul.nav-news-feed i.ion-ios-people-outline {
  color: #292e4c;
}

ul.nav-news-feed i.ion-chatboxes {
  color: #292e4c;
}

ul.nav-news-feed i.ion-images {
  color: #292e4c;
}

ul.nav-news-feed i.ion-ios-videocam {
  color: #1967d8;
}

/*==================================================
  Newsfeed Right Sidebar
  ==================================================*/

.suggestions.affix {
  position: fixed !important;
}

.news-feed-left-menu .icon.ion-md-contacts {
  color: #292e4c;
}

/****
  Block starts: added friends suggestion widget
***/

.card-header {
  padding: 1.5rem 1.45rem 0;
  margin-bottom: 0;
  background-color: #ffff;
  border-bottom: 1px solid #e0e2e5;
  color: black;
  font-weight: bold;
  font-size: 18px;
  border-radius: 14px 14px 0 0 !important;
}

.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0.5rem;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 0px solid #e0e2e5;
  border-radius: 0px;
  width: 55px;
  height: 55px;
}

.media-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 13px;
  line-height: 18px;
  color: #3d3d3d;
}

.media-body a {
  color: #3d3d3d;
}

.sendbtn {
  font-size: 13px;
  top: -7px;
  background: #007bff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #ffffff;
  padding: 9px 3px 2px 2px;
  right: -10px;
}

.fixedLeft-bar {
  width: calc(10rem + 10vw);
  padding-top: 1rem;
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
  .medium-screen {
    position: relative;
    left: 1%;
  }
}

.fixedleft {
  overflow-y: hidden !important;
}

.fixedleft:hover {
  overflow-y: auto !important;
}

.fixedleft {
  position: fixed;
  height: 90%;
  overflow-y: auto;
  left: -5px;
  overflow-x: hidden;
}

.fixedleft::-webkit-scrollbar {
  width: 8px;
  /* Adjust width as needed */
}

.fixedleft::-webkit-scrollbar-thumb {
  background-color: #c0c0c0;
  /* Light gray thumb */
  border-radius: 4px;
  /* Rounded edges */
}

.fixedleft::-webkit-scrollbar-thumb:hover {
  background-color: #a0a0a0;
  /* Darker gray on hover */
}

.fixedleft::-webkit-scrollbar-track {
  background-color: #f0f0f0;
  /* Light gray track */
  border-radius: 4px;
}

.fixedright {
  position: fixed;
  top: 67px;
  right: -4px;
  /* left: 0; */
  height: 100%;
  overflow-y: hidden;
  min-width: 250px;
  width: calc(10rem + 10vw);
  max-width: initial !important;
}

.disable-scrollbars {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}

.btnsave {
  border: 1px solid #dfdfdf;
  border-radius: 100%;
  padding: 1px 1px 1px 6px !important;
  margin-left: 2px;
}

.btnsave i {
  color: green !important;
}

.btncancel i {
  color: red !important;
}

.btncancel {
  border: 1px solid #dfdfdf;
  border-radius: 100%;
  padding: 1px 3px 1px 8px !important;
}

.call-btn {
  color: #1967d8;
  font-size: 1rem !important;
  cursor: pointer;
}

.audiocall-btn {
  color: #1967d8;
  font-size: 1rem !important;
  cursor: pointer;
}

.btncalldiv {
  width: 65%;
  float: right;
  left: 89%;
  padding: 10px 29px 10px 12px;
  overflow: hidden;
  background: transparent;
  width: 58%;
  position: fixed;
  top: 65px;
  z-index: 12;
}

@media screen and (max-width: 768px) {
  .fixedleft {
    position: relative;
    height: auto;
    overflow-y: auto;
    left: -5px;
    top: 0px !important;
    padding-top: 1rem;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }

  .photoProfile:not([class*=" "]) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .card-header-set .card-body {
    padding: 4px !important;
  }

  /*mobile */

  .btncalldiv {
    width: 65%;
    float: right;
    left: 88%;
    padding: 10px 29px 10px 20px;
    overflow: hidden;
    background: transparent;
    width: 58%;
    position: fixed;
    top: 112px;
    z-index: 12;
  }
}

@media screen and (min-width: 769px) and (max-width: 950px) {
  /*mobile */

  .btncalldiv {
    width: 65%;
    float: right;
    left: 75%;
    padding: 10px 29px 10px 20px;
    overflow: hidden;
    background: transparent;
    width: 58%;
    position: fixed;
    top: 112px;
    z-index: 12;
  }
}

@media screen and (min-width: 970px) and (max-width: 1550px) {
  .fixedleft {
    position: fixed;
    height: 90%;
    overflow-y: auto;
    left: -5px;
    overflow-x: hidden;
    top: 54px;
    padding-top: 43px;
    padding-top: 1rem;
    min-width: 250px;
  }
}

@media screen and (min-width: 1550px) {
  .fixedleft {
    position: fixed;
    height: 90%;
    overflow-y: auto;
    left: -5px;
    overflow-x: hidden;
    top: 54px !important;
    padding-top: 1rem;
  }
}

#showSideBar {
  display: none;
}

#showSideBarMenu {
  display: none;
}

.menubutton {
  border: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 30px;
  color: #252525;
  background: transparent;
}

@media (max-width: 1098px) {
  #showSideBar {
    display: inline;
    margin-right: -30px;
  }

  .side-bar-top-col {
    position: fixed;
    top: 65px;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 997;
    background: #f0f2f5;
    height: 98vh;
    overflow-y: auto;
    margin-bottom: 4rem;
    min-width: 100%;
    -webkit-transform: translateX(102%);
            transform: translateX(102%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
            box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
    padding-top: 1px;
  }

  .fixedleft {
    padding-top: 40px !important;
  }

  .side-bar-level-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    padding-top: 20px;
  }

  .fixedleft {
    position: fixed;
    height: 90%;
    overflow-y: auto;
    left: -5px;
    overflow-x: hidden;
    top: 0px;
    padding-top: 1rem;
  }

  .fixedright {
    width: calc(10rem + 15vw);
  }

  .small_screen_margintop {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 66% !important;
            flex: 0 0 66% !important;
    max-width: 66% !important;
  }
}

@media (max-width: 991px) {
  .fixedright {
    display: none !important;
  }

  .small_screen_margintop {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  #showSideBar {
    margin-right: 0;
  }
}

body:has() header .parent .child-1 .bus-wesyClass + div {
  padding: 0;
}

@media (max-width: 767px) {
  .nav-options-item {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  header .parent .child-1 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: 8px;
    margin-right: 8px;
  }

  .fixedleft {
    width: 100%;
  }
}

/****** Mobile Responsive Styles START ***/

@media (max-width: 990px) {
  .middle-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }

  .dropup {
    position: absolute !important;
    bottom: 0;
    width: 200px;
    left: 0;
    z-index: 100;
    top: 100px !important;
  }

  header .field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -35px;
    position: relative;
    z-index: 2;
    margin-right: 12px;
  }

  .modal-dialog {
    margin: 0 auto;
  }

  .listup {
    position: absolute !important;
    will-change: transform;
    bottom: 25px !important;
    overflow-y: scroll;
    height: 450px !important;
    top: 0px !important;
    left: 0px;
    -webkit-transform: translate3d(-5px, 97px, 0px);
    transform: translate3d(-5px, 97px, 0px);
  }

  header .icon-bar a {
    float: right;
    /* width: 18%; */
    text-align: center;
    padding: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff;
    font-size: 25px;
    padding-right: 32px;
  }

  /*mobile */

  .btncalldiv {
    width: 65%;
    float: right;
    left: 75%;
    padding: 10px 29px 10px 20px;
    overflow: hidden;
    background: transparent;
    width: 58%;
    position: fixed;
    top: 112px;
    z-index: 12;
  }
}

/***** Mobile Responsive Styles END */

.showoriginal {
  font-size: 11px;
  color: #ff8800 !important;
  text-decoration: underline;
  margin-right: -14px;
  margin-left: -12px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.video-js {
  height: 400px;
}

.profile-Username {
  font-size: 15px;
  color: #000;
  font-weight: 600;
  margin-bottom: 0;
}

.contactSubmenu {
  margin: 7px 14px 7px 24px;
}

.maindiv {
  width: 76% !important;
}

.Categorydiv {
  text-align: start;
  color: black;
}

.Categorydiv2 {
  text-align: end;
  color: black;
  padding-left: 72px;
  padding-right: 30px;
}

.Foodinner {
  color: #007bff;
}

.mainexternaldiv {
  margin-left: 20px;
  margin-right: 20px;
}

.likediv {
  color: black;
}

.imageround {
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.avatar-group .avatar {
  position: relative;
  z-index: 2;
  border: 2px solid #fff;
}

.avatar {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 34px;
  height: 34px;
  color: #fff;
  border-radius: 0.375rem;
  background-color: #adb5bd;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.avatar.rounded-circle img,
.rounded-circle {
  border-radius: 50% !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.avatar img {
  width: 100%;
  height: 100%;
  border-radius: 0.375rem;
}

.avatar-group .avatar + .avatar {
  margin-left: -1rem;
}

.roundedCircle {
  background-color: #1967d8;
  top: -2px;
}

.mainAvater {
  margin-top: 4px;
  margin-left: 2px;
}

.mainbodycolor {
  background-color: #f0f2f5;
}

.about-style {
  color: #1967d8;
  font-size: 18px;
  margin-right: 15px;
}

@media screen and (max-width: 1200px) {
  .maindiv {
    width: 100% !important;
  }
}

.group-color {
  color: black;
}

.group-color:hover {
  color: black;
}

.browersize {
  font-weight: normal;
  color: #1967d8;
  font-size: 15px;
}

.textfontresize {
  float: right;
  text-decoration: underline !important;
  color: #1967d8 !important;
  font-size: 14px;
  cursor: pointer;
}

.cardHeader {
  padding-right: 10px;
  border-bottom: none !important;
  padding-top: 18px;
  padding-left: 26px;
}

.listGroup {
  padding: 1.5rem 1.45rem;
}

.text-mainheading {
  padding-top: 14px !important;
  margin-bottom: -7px;
}

.companynametext {
  color: #f88800;
}

.timeage {
  color: black;
  margin-bottom: 0.75rem;
}

.mainavaterpic {
  border-bottom: 1px solid #e2e2e2;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px;
}

.mainavaterpic:last-child {
  border: none;
}

.mainavaterpic:hover {
  background: #f6f6f6;
  text-decoration: none;
}

.mainavaterpic *:hover {
  text-decoration: none;
}

.mainavaterpic h5 {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.5px;
  word-break: break-word;
  word-wrap: break-word;
}

.mainavaterpic h5 .companynametext {
  font-size: 13px;
}

.Seemore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: underline;
  color: #1967d8;
  font-size: 16px;
  padding-bottom: 12px;
}

.Seemorenew {
  text-decoration: underline;
  color: #1967d8;
  font-size: 14px;
  padding-bottom: 15px;
  padding-top: 5px;
  border-radius: 4px;
}

.Seemorenew a {
  display: block;
  width: 100%;
  text-align: center;
  background: #ebf5ff;
  color: #0a50c9;
  padding: 6px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.Seemorenew a:hover {
  text-decoration: none;
}

.Seemorenew-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: underline;
  color: #1967d8;
  font-size: 14px;
  padding-bottom: 40px;
  padding-top: 5px;
}

.mainDivextra {
  padding: 18px 0px;
  border-bottom: 1px solid #e6e6e6;
  padding-left: 72px;
}

.iconstyling {
  color: #1967d8;
  font-size: 25px;
  position: absolute;
  margin-left: -38px;
  margin-top: 2px;
}

.mainclass {
  margin-bottom: 0px;
  font-size: 18px;
  color: black;
}

.main-puls {
  font-size: 1rem;
}

.mainIcons {
  font-size: 23px;
  margin-right: 2px;
}

.activeClass:active {
  background-color: #fafafa;
  color: #f88800;
}

.activeClass:hover {
  background-color: #fafafa;
  color: #f88800;
}

.activeClass:hover a {
  background-color: #fafafa;
  color: #f88800;
}

.activeClass:hover i {
  background-color: #fafafa;
  color: #f88800;
}

.namesPage {
  font-size: 6px;
}

.kids-img {
  width: 26px;
  height: 26px;
  margin-right: 6px;
  cursor: pointer;
}

.notification-copied-text {
  right: 0;
  top: 70px;
  position: absolute;
}

@media only screen and (max-width: 1250px) and (min-width: 990px) {
  ul.nav-news-feed li i {
    float: left;
    color: #1967d8;
    font-size: 18px;
    padding-right: 10px;
  }
}

.image-Avater-sidebar {
  padding: 0px;
  border: 1px solid #e2e2e2;
  border-radius: 30px;
  width: 36px;
  height: 36px;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0 10px 0 0;
}

.Leavegroup {
  color: #1967d8;
}

.filteruslt {
  border-radius: 7px;
}

.filteruslt.card {
  margin: 0 !important;
  border: none;
  -webkit-box-shadow: 0px 0px 7px -4px #000;
          box-shadow: 0px 0px 7px -4px #000;
}

.final-width {
  padding-top: 7px;
  font-weight: 500 !important;
}

.is_my_friend {
  background-image: url(/images/more.png?70964c48a4568d18a8a678c53076be03) !important;
  background-repeat: no-repeat !important;
  width: 24px !important;
  height: 24px !important;
}

@media (max-width: 460px) {
  .btncalldiv {
    left: 68%;
  }
}

.more_apps::before {
  top: -0.9rem;
  right: 26px;
  width: 18px;
  height: 10px;
  content: "";
  position: absolute;
  -webkit-clip-path: polygon(50% 6%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 6%, 0% 100%, 100% 100%);
  -webkit-transform: translate(-50%, 50%) rotate(0deg);
  transform: translate(-50%, 50%) rotate(0deg);
  margin-right: -0.71em;
  background-color: #e0dfe0;
}

.more_apps::after {
  top: -0.9rem;
  right: 26px;
  width: 18px;
  height: 10px;
  content: "";
  position: absolute;
  -webkit-clip-path: polygon(50% 6%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 6%, 0% 100%, 100% 100%);
  -webkit-transform: translate(-50%, 50%) rotate(0deg);
  transform: translate(-50%, 50%) rotate(0deg);
  margin-right: -0.71em;
  background-color: #fbfbfb;
}

@media (max-width: 1170px) {
  .more-dropdown {
    display: none;
  }
}

.more-icon {
  margin-bottom: -4px;
  width: 23px;
  height: 23px;
}

@media (max-width: 991px) {
  .moveToleft {
    margin-top: 40px;
  }
}

@media (max-width: 991px) {
  .filter-sidebar {
    margin-top: 56px !important;
  }
}

@media (max-width: 991px) {
  .pages-top {
    margin-top: 40px;
  }
}

.dropdown-divider {
  margin: 0.2rem 0rem;
}

.more_apps {
  font-family: 'Inter', sans-serif;
  background-color: #fbfbfb;
  top: 150%;
  right: -0.75rem;
  max-width: 27rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  left: auto;
  border: 0 !important;
  padding: 1rem 0.75rem;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 17px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 17px 4px rgba(0, 0, 0, 0.08);
}

.tagline {
  font-size: 13px;
  margin-left: 31px;
  color: #a19c9c;
}

.bg-div {
  background-color: white;
  border-radius: 8px;
  border: 1px solid lightgray;
}

.filter-heading {
  padding: 0.8rem 1.4rem 0.5rem;
}

.filter-button {
  border-radius: 22px !important;
  margin-top: 5px;
}

@media only screen and (max-width: 991px) {
  .my_videosClip {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .responsive-carasol {
    margin-left: -115px;
  }
}

@media only screen and (max-width: 424px) and (min-width: 375px) {
  .responsive-carasol {
    margin-left: -7px;
  }
}

@media only screen and (max-width: 375px) and (min-width: 320px) {
  .responsive-carasol {
    margin-left: 4px;
  }
}

.small_screen_margintop {
  margin-top: -25px;
}

@media only screen and (max-width: 990px) {
  .small_screen_margintop {
    margin-top: 25px !important;
  }
}

@media only screen and (max-height: 789px) {
  .small_screen_margintop {
    margin-top: -25px !important;
  }
}

@media only screen and (max-height: 740px) {
  .small_screen_margintop {
    margin-top: -57px !important;
  }
}

.react-me {
  /*font-family: Helvetica;*/
  cursor: pointer;
  display: block;
  position: relative;
}

.react-me .inner {
  position: absolute;
  bottom: 100%;
  padding-bottom: 10px;
}

.react-box {
  list-style-type: none;
  margin: 0;
  padding: 2px 2px;
  border-radius: 150px;
  border: none;
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  min-width: 300px;
}

.react-box ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.react-box li {
  display: inline-block;
  width: 42px;
  height: 42px;
  background-size: cover;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
  position: relative;
}

.react-box li li:hover {
  -webkit-transform: scale(1.2) translateY(0);
          transform: scale(1.2) translateY(0);
}

.react-box li:before {
  content: attr(data-hover);
  position: absolute;
  bottom: 70%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
  padding: 0 8px;
  border-radius: 20px;
  font-family: Helvetica, Verdana, Arial;
  font-weight: bold;
  line-height: 20px;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.76);
  display: none;
}

.react-box li:hover {
  -webkit-transform: scale(1.3) translateY(-3px);
          transform: scale(1.3) translateY(-3px);
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}

.react-box li:hover:before {
  display: inline-block;
}

@media screen and (max-width: 450px) {
  .react-box li {
    width: 40px;
  }
}

@media screen and (max-width: 375px) {
  .react-box li {
    width: 35px;
  }
}

.user-img {
  width: 55px;
  height: 55px;
  border: 2px solid white;
}

.user-img:hover {
  cursor: pointer;
}

.recentUser_scroll .story-dp-box img {
  border: 3px solid #367eef;
  border-radius: 50%;
}

.story_header {
  background-color: white;
  -webkit-box-shadow: -1px 0px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: -1px 0px 10px 0px rgba(0, 0, 0, 0.1);
  height: 60px;
}

.header_logo {
  margin-top: 6px;
}

.create_story {
  padding: 1rem 0;
}

.story_viewport {
  background-color: transparent;
  height: 100vh;
}

.cross-cus {
  display: none;
}

.emoji-list {
  margin-top: 1rem;
  margin-right: -25px;
}

@media screen and (max-width: 991px) {
  .side_storynav {
    display: none;
  }

  .cross-cus {
    display: block;
    padding: 5px;
  }

  .emoji-list {
    margin-top: -28px;
  }
}

.upload_story_viewport {
  height: 100vh;
}

.upload_story_viewport .row {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}

.stories_list {
  padding-bottom: 15px;
  padding-top: 20px;
}

.viewed_stories_list {
  padding-top: 20px;
}

.story_container:hover {
  cursor: pointer;
}

.user_name {
  margin-left: 7px;
  color: #050505;
  font-size: 15px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  width: 150px;
}

.story_time {
  margin-left: 7px;
  font-size: 12px;
  font-weight: 600;
}

.newly-up {
  color: #0866ff;
  padding-left: 0.25rem;
  position: relative;
}

.newly-up::after {
  position: absolute;
  content: '\B7';
  color: #65676b;
  font-size: 1.25rem;
  top: -5px;
  right: -10px;
}

.stories_time {
  margin-left: 9px;
  font-size: 0.9375rem;
  font-weight: 400;
}

.stories_update {
  color: #edab30;
  font-size: 0.9375rem;
  font-weight: 600;
  margin-top: -8px;
  margin-left: 5px;
}

.upload_storyicon:hover {
  cursor: pointer;
}

amp-story.i-amphtml-story-desktop-one-panel .i-amphtml-story-button-container {
  --i-amphtml-story-desktop-one-panel-button-margin: max(10px,calc(50vw - 314px - var(--i-amphtml-story-desktop-one-panel-width)/2));
}

amp-story[standalone] {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.i-amphtml-story-system-layer.i-amphtml-story-system-reset.i-amphtml-story-desktop-one-panel.i-amphtml-story-has-playback-ui.i-amphtml-first-page-active {
  margin-top: 24px !important;
}

/* amp-story.i-amphtml-story-desktop-one-panel .i-amphtml-story-button-container{
  top: 40% !important;
} */

/* amp-story-page#page-2.storyopen-image{
 margin-top: 24px !important;
} */

amp-story * {
  font-family: 'Helvitica Nueve', sans-serif;
  color: white;
}

amp-story-page {
  background: white;
}

amp-story h1 {
  font-size: 46px;
}

amp-story h2 {
  font-size: 36px;
}

amp-story p {
  font-size: 16px;
  line-height: 24px;
}

.bold {
  font-weight: bold;
}

.bottom {
  -ms-flex-line-pack: end;
      align-content: end;
}

.medium {
  font-weight: 600;
}

.first {
  padding-top: 65px;
}

.last {
  padding-bottom: 65px;
}

.blue {
  color: #4285F4;
}

.twenty-px {
  font-size: 20px;
}

.center {
  text-align: center;
}

.lh30 {
  line-height: 30px;
}

.icon {
  background-image: url(https://ampbyexample.com/img/AMP-Brand-White-Icon.svg);
  background-repeat: no-repeat;
  background-size: 50px 50px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
  width: 50px;
}

.byline {
  letter-spacing: 1.28px;
  padding-bottom: 58px;
}

.introducing * {
  line-height: 42px;
}

.subtitle-page {
  padding-top: 80px;
}

.button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 4px solid #FFFFFF;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  margin: 0 auto;
  max-width: 240px;
  text-decoration: none;
}

.button p {
  font-size: 20px;
  width: 100%;
}

amp-ad[template="image-template"] img,
amp-ad[template="video-template"] {
  -o-object-fit: cover;
     object-fit: cover;
}

::cue {
  background-color: rgba(0, 0, 0, 0.75);
  font-size: 24px;
  line-height: 1.5;
}

.reaction_input {
  position: absolute;
  top: 94%;
  left: 35%;
  width: 37%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comment_field {
  background: transparent !important;
  border: 1px solid #f2f2f2;
  border-radius: 1.25rem;
  width: 35% !important;
}

.comment_field:focus {
  border: 1px solid #f2f2f2;
}

input.comment_field {
  caret-color: #f2f2f2;
}

input.comment_field::-webkit-input-placeholder {
  color: #65676b;
  font-size: 1rem;
  font-weight: 400;
}

input.comment_field::-moz-placeholder {
  color: #65676b;
  font-size: 1rem;
  font-weight: 400;
}

input.comment_field::-ms-input-placeholder {
  color: #65676b;
  font-size: 1rem;
  font-weight: 400;
}

input.comment_field::placeholder {
  color: #65676b;
  font-size: 1rem;
  font-weight: 400;
}

@media screen and (max-width: 992px) {
  .reaction_input {
    display: none;
  }

  .comment_field {
    width: 50% !important;
  }
}

@media screen and (max-width: 600px) {
  .comment_field {
    width: 72% !important;
  }
}

.emojis_field {
  width: 52%;
  margin-left: 8px;
}

.story_emojis {
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1752px) and (min-width: 1611px) {
  .story_emojis {
    width: 27px;
    height: 27px;
  }
}

@media screen and (max-width: 1610px) and (min-width: 1432px) {
  .story_emojis {
    width: 25px;
    height: 25px;
  }
}

@media screen and (max-width: 1431px) {
  .story_emojis {
    width: 23px;
    height: 23px;
  }
}

.story_emojis:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.story_cross {
  font-size: 23px;
}

.story_cross:hover {
  cursor: pointer;
}

.Your_Story {
  color: #1967d8;
  font-weight: 600;
  font-size: 22px;
}

.upload_photo {
  background-color: #ab3e8f;
  border-radius: 1rem;
  min-height: 214px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.upload_photo p,
.upload_text p,
.upload_video p {
  font-size: 16px;
  color: white;
}

.upload_text {
  background-color: #e83f68;
  border-radius: 1rem;
  min-height: 214px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.upload_video {
  background-color: #0092d6;
  border-radius: 1rem;
  min-height: 214px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.create_card_icons {
  color: white;
}

.create_card_icons:hover,
.bi-gear-fill:hover,
.bi-x-circle-fill:hover,
.header_logo:hover {
  cursor: pointer;
}

.input--file input[type="file"] {
  position: absolute;
  top: 0px;
  left: 0;
  opacity: 0;
  height: 214px;
  width: 546px;
}

.input--file input[type="file"]:hover {
  cursor: pointer;
}

.story-mainbody {
  background-color: #ffffff;
}

.side_storynav {
  background-color: #f0f2f5;
}

.upload_side_storynav {
  background-color: #f0f2f5;
  max-width: 360px;
  width: 100%;
  -webkit-box-shadow: 0px 1px 23px -16px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 23px -16px rgba(0, 0, 0, 0.1);
}

.previewDiv {
  height: 100%;
  padding: 1rem;
  background-color: white;
  -webkit-box-shadow: 0px 0px 21px -5px #dcdcdc;
          box-shadow: 0px 0px 21px -5px #dcdcdc;
  border-radius: 10px;
  position: relative;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  max-width: 972px;
  margin-right: auto;
  margin-left: auto;
}

.previewDiv .previewImg {
  border-radius: 10px;
  height: calc(100vh - 8.5rem);
}

.previewDiv .textSm {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #050505;
}

@media screen and (max-width: 991px) {
  .side_storynav {
    height: 100vh;
  }

  .upload_story_viewport .row {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
}

.Archive-Settings {
  font-size: 0.9375rem;
  color: #0866FF;
}

.stories-own {
  padding: 0.5rem;
  border-radius: 0.4rem;
  cursor: pointer;
}

.stories-own .align-div-cented-both {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.stories-own:hover {
  background-color: rgba(205, 212, 218, 0.4);
}

.Story-yours {
  font-size: 17px;
  font-weight: 600;
  color: #050505;
}

.recentUser_list {
  padding: 0.5rem;
  margin: 0 0.5rem;
  border-radius: 0.25rem;
  cursor: pointer;
}

.recentUser_list:hover {
  background-color: rgba(205, 212, 218, 0.4);
}

.recentUser_scroll {
  height: 100%;
  overflow-y: auto;
  width: 100%;
  background-color: white;
  left: 0;
  max-width: 360px;
}

.story-rec-me {
  background-color: #111111;
  width: 100%;
  height: 5vh;
}

.stories_heading {
  font-size: 1.5rem;
  margin-bottom: 0;
}

#event-handler,
.parent .child-2 {
  margin: auto;
}

#event-handler {
  max-width: 40rem;
  /* This is the minimum width */
}

@media (min-width: 768px) {
  /* Adjust the breakpoint as needed */

  #event-handler {
    max-width: calc(40rem + 2vw);
    /* This scales between the minimum and maximum width */
  }

  body:has(#videoDetailFirstPopup.show) .video-comment-section .post-comments-outer {
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  /* Adjust the breakpoint as needed */

  #event-handler {
    max-width: 50rem;
    /* This is the maximum width */
  }
}

@media screen and (max-width: 991px) {
  .sp-padding.small_screen_margintop {
    margin-top: 0 !important;
  }

  .sp-padding.small_screen_margintop .story-section {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 992px) {
  .sp-padding.small_screen_margintop {
    margin-top: 16px !important;
  }
}

@media screen and (max-width: 575px) {
  .sp-padding.small_screen_margintop {
    margin-top: 12px !important;
  }
}

.f-17 {
  font-size: 1.0625rem;
}

#videoDetailFirstPopup {
  top: 55px;
  background-color: #f6f6f6;
  overflow: auto !important;
  height: calc(100% - 55px);
}

@media (max-width: 992px) {
  #videoDetailFirstPopup {
    top: 6.4rem;
  }
}

#videoDetailFirstPopup .modal-dialog {
  max-width: 100%;
  height: 100%;
}

#videoDetailFirstPopup .watch-detail-page .navbar {
  width: 100%;
  border-top: 1px solid #E4E6EB;
  padding-right: 4px;
  /*top: 57px;*/
}

body:has(#videoDetailFirstPopup.show) {
  padding: 0 !important;
  overflow: hidden !important;
}

body:has(#videoDetailFirstPopup.show) .close.d-none {
  display: block !important;
}

@media (max-width: 992px) {
  body:has(#videoDetailFirstPopup.show) .modal-dialog {
    width: 100% !important;
    margin: 0 auto;
  }

  body:has(#videoDetailFirstPopup.show) .video-comment-section {
    margin-top: 1.8rem;
  }
}

body:has(#videoDetailFirstPopup.show) .video-listing {
  background: #f3f3f49c;
  padding: 2rem 0 18rem;
}

body:has(#videoDetailFirstPopup.show) .modal-backdrop {
  display: none;
}

body:has(#videoDetailFirstPopup.show) #searchConditionalClass {
  /* padding-left: 0rem;*/
}

body:has(#videoDetailFirstPopup.show) .position-fixed.nav_bar_container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 992px) {
  body:has(#videoDetailFirstPopup.show) .position-fixed.nav_bar_container .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  body:has(#videoDetailFirstPopup.show) .position-fixed.nav_bar_container .col-md-12.col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
    max-width: 65%;
  }

  body:has(#videoDetailFirstPopup.show) .position-fixed.nav_bar_container .col-sm-6.col-lg-6.d-flex.justify-content-lg-center {
    display: none !important;
  }

  body:has(#videoDetailFirstPopup.show) .position-fixed.nav_bar_container .col-sm-6.col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    max-width: 35%;
  }
}

body:has(#videoDetailFirstPopup.show) .position-fixed.nav_bar_container .searchForm,
body:has(#videoDetailFirstPopup.show) .position-fixed.nav_bar_container .col-sm-6.col-lg-6.d-flex.justify-content-lg-center .parent {
  display: none;
}

body:has(#videoDetailFirstPopup.show) .video-comment-section {
  margin-top: 56px !important;
  margin-bottom: 6px;
}

body:has(.reel-create-modal.show) .chat-new-fixed {
  display: none;
}

body:has(.reel-create-modal.show),
body:has(.stories-modal.show) {
  overflow: hidden !important;
}

body:has(.stories-modal.show) .vue-insta-stories .timeline,
body:has(.stories-modal.show) .story-details {
  z-index: 0;
}

.reel-create-modal {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

body:has(#reel_create_modal_id.show) .position-fixed.nav_bar_container .more-dropdown {
  display: block !important;
}

body:has(#reel_create_modal_id.show) .position-fixed.nav_bar_container .col-md-12.col-lg-3,
body:has(#reel_create_modal_id.show) .position-fixed.nav_bar_container .col-sm-6.col-lg-6,
body:has(#reel_create_modal_id.show) .position-fixed.nav_bar_container .dropdown.bus-wesyClass {
  display: none !important;
}

body:has(#reel_create_modal_id.show) .position-fixed.nav_bar_container .notification-widget-root {
  margin-left: 5px;
}

body:has(.stories_viewport) .position-fixed.nav_bar_container {
  position: fixed;
  z-index: 1051 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  max-width: 15rem;
  margin-left: auto !important;
  background-color: transparent;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  right: 1rem;
}

body:has(.stories_viewport) .position-fixed.nav_bar_container .container,
body:has(.stories_viewport) .position-fixed.nav_bar_container .col-sm-6.col-lg-3 {
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  overflow: inherit;
}

body:has(.stories_viewport) .position-fixed.nav_bar_container .child-1 {
  padding-right: 1.25rem;
}

body:has(.stories_viewport) .position-fixed.nav_bar_container .col-md-12.col-lg-3,
body:has(.stories_viewport) .position-fixed.nav_bar_container .col-sm-6.col-lg-6 {
  display: none !important;
}

body:has(.stories_viewport) .position-fixed.nav_bar_container .lang-drop .lang-drop {
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
}

body:has(.stories_viewport) .position-fixed.nav_bar_container .lang-drop .lang-drop::after {
  top: 2px;
}

body:has(.stories_viewport) .position-fixed.nav_bar_container .lang-drop #customLanguageShow {
  min-width: 18rem;
  top: 3rem;
  right: 26rem;
  -webkit-transform: none;
          transform: none;
  left: -21rem;
}

body:has(.stories_viewport) .position-fixed.nav_bar_container .lang-drop path {
  stroke: white;
}

body:has(.stories_viewport) .position-fixed.nav_bar_container .lang-drop::after {
  background: white;
}

body:has(.stories-modal.show) .position-fixed.nav_bar_container .lang-drop {
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
}

body:has(.stories-modal.show) .position-fixed.nav_bar_container .lang-drop::after {
  top: 2px;
}

body:has(.stories-modal.show) .position-fixed.nav_bar_container .child-1 {
  padding-right: 1rem !important;
}

body:has(#modal_id.show) .position-fixed.nav_bar_container .col-md-12.col-lg-3,
body:has(#modal_id.show) .position-fixed.nav_bar_container .col-sm-6.col-lg-6,
body:has(#modal_id.show) .position-fixed.nav_bar_container .more-dropdown,
body:has(#create-group-modal.show) .position-fixed.nav_bar_container .col-md-12.col-lg-3,
body:has(#create-group-modal.show) .position-fixed.nav_bar_container .col-sm-6.col-lg-6,
body:has(#create-group-modal.show) .position-fixed.nav_bar_container .more-dropdown {
  display: none !important;
}

body:has(#modal_id.show) .position-fixed.nav_bar_container .lang-drop,
body:has(#create-group-modal.show) .position-fixed.nav_bar_container .lang-drop {
  position: absolute;
  right: 4.3rem;
  top: 5px;
}

body:has(#modal_id.show) .position-fixed.nav_bar_container .lang-drop #customLanguageShow,
body:has(#create-group-modal.show) .position-fixed.nav_bar_container .lang-drop #customLanguageShow {
  min-width: 18rem;
  top: 3rem;
  right: 26rem;
  -webkit-transform: none;
          transform: none;
  left: -21rem;
}

body:has(#modal_id.show) .position-fixed.nav_bar_container .lang-drop path,
body:has(#create-group-modal.show) .position-fixed.nav_bar_container .lang-drop path {
  stroke: black;
}

body:has(#modal_id.show) .position-fixed.nav_bar_container .lang-drop::after,
body:has(#create-group-modal.show) .position-fixed.nav_bar_container .lang-drop::after {
  background: black;
}

body:has(#modal_id.show) .position-fixed.nav_bar_container .notification-widget-root .radiul-box-header,
body:has(#create-group-modal.show) .position-fixed.nav_bar_container .notification-widget-root .radiul-box-header {
  background-color: #e4e6eb !important;
}

body:has(#modal_id.show) .chat-new-fixed.modal-control-design {
  display: none !important;
}

body:has(.story_popup_modal.show) .position-fixed.nav_bar_container .col-md-12.col-lg-3,
body:has(.story_popup_modal.show) .position-fixed.nav_bar_container .col-sm-6.col-lg-6,
body:has(.story_popup_modal.show) .position-fixed.nav_bar_container .more-dropdown,
body:has(.reel_popup_modal.show) .position-fixed.nav_bar_container .col-md-12.col-lg-3,
body:has(.reel_popup_modal.show) .position-fixed.nav_bar_container .col-sm-6.col-lg-6,
body:has(.reel_popup_modal.show) .position-fixed.nav_bar_container .more-dropdown {
  display: none !important;
}

body:has(.story_popup_modal.show) .position-fixed.nav_bar_container .lang-drop,
body:has(.reel_popup_modal.show) .position-fixed.nav_bar_container .lang-drop {
  position: absolute;
  right: 5.8rem;
  top: 6px;
}

body:has(.story_popup_modal.show) .position-fixed.nav_bar_container .lang-drop #customLanguageShow,
body:has(.reel_popup_modal.show) .position-fixed.nav_bar_container .lang-drop #customLanguageShow {
  min-width: 18rem;
  top: 3rem;
  right: 26rem;
  -webkit-transform: none;
          transform: none;
  left: -21rem;
}

body:has(.story_popup_modal.show) .position-fixed.nav_bar_container .lang-drop path,
body:has(.reel_popup_modal.show) .position-fixed.nav_bar_container .lang-drop path {
  stroke: white;
}

body:has(.story_popup_modal.show) .position-fixed.nav_bar_container .lang-drop::after,
body:has(.reel_popup_modal.show) .position-fixed.nav_bar_container .lang-drop::after {
  background: white;
}

.modal-content {
  border: 0 !important;
}

body:has(.bs-canvas-right.position-fixed.bg-light.h-100.SP-CLASSES) .position-fixed.nav_bar_container {
  z-index: 99 !important;
}

body:has(.reel_popup_modal.show) .position-fixed.nav_bar_container .child-1 {
  padding-right: 0.25rem !important;
}

body:has(.reel_popup_modal.show) .top-sticky-head,
body:has(#reel_create_modal_id.show) .top-sticky-head,
body:has(.stories-modal.show) .top-sticky-head {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-left: auto;
}

body:has(.reel_popup_modal.show),
body:has(#sendInMessenger.show) {
  overflow: hidden !important;
  padding-right: 17px !important;
}

#sendInMessenger.show {
  z-index: 1051 !important;
}

.postMessaengerModal.show {
  z-index: 1056;
}

.reel_popup_modal {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.reel_popup_modal .react-me-div.sp-reaction-loc .react-me {
  background-color: #007bff69;
  overflow: hidden;
}

.reel_popup_modal .menu-container {
  cursor: pointer;
}

.reel_popup_modal .menu-container .dropdown {
  -webkit-box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.2);
  width: 200px;
  left: -11rem;
  border-radius: 0.75rem;
}

.reel_popup_modal .relevent-comments-dropdown .dropdown-menu {
  width: 19rem;
  left: 1rem;
  top: 3rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
}

.reel_popup_modal .relevent-comments-dropdown .dropdown-menu a {
  font-weight: 600;
  border-radius: 0.4rem;
}

.reel_popup_modal .relevent-comments-dropdown .dropdown-menu a p {
  white-space: normal;
  font-size: 12px;
  font-weight: 400;
}

.reel_popup_modal .sticky-add-comment {
  position: sticky;
  left: 0;
  bottom: 0;
}

.reel_popup_modal .post-comment {
  position: relative !important;
  margin: 0 !important;
  background-color: white;
  padding-bottom: 0;
  width: 100% !important;
}

.reel_popup_modal .post-comment img.profile-photo-sm {
  margin-left: 0 !important;
  height: 2rem !important;
  width: 2rem !important;
}

.reel_popup_modal .emoji {
  margin: 0 !important;
  width: auto;
  padding: 0.25rem !important;
  border-radius: 50%;
}

.reel_popup_modal .emoji:hover {
  background-color: #ced0d4;
}

.reel_popup_modal .emoji .emoji-img {
  height: auto !important;
  -webkit-filter: inherit !important;
          filter: inherit !important;
}

.reel_popup_modal .wtf-bug {
  padding: 0px 10px 15px 10px !important;
  overflow-y: auto;
}

.reel_popup_modal .cooltextarea {
  min-height: 1.7rem !important;
}

.reel_popup_modal .comment_attachment_btn {
  padding: 0.25rem !important;
  border-radius: 50%;
}

.reel_popup_modal .comment_attachment_btn:hover {
  background-color: #ced0d4;
}

.reel_popup_modal .la-microphone {
  font-size: 1.25rem;
  -webkit-filter: invert(0.3);
          filter: invert(0.3);
}

.reel_popup_modal .comment-field {
  /*padding: 0.9rem 0.65rem;*/
}

.reel_popup_modal .relevent-comments-dropdown {
  padding: 0 1rem;
}

.reel_popup_modal .list-comment-scroll {
  padding: 0 1rem;
}

.reel_popup_modal .comment-actions-inset {
  float: left;
  width: 100%;
}

.reel_popup_modal .comment-actions-inset .btn.sendpaper {
  float: right;
}

.reel_popup_modal .comment_files img.file {
  border-radius: 0.5rem;
}

.reel_popup_modal .commintboxset {
  background-color: #f0f2f5;
  border-radius: 1rem;
  margin-top: 0.5rem;
}

.reel_popup_modal .post-content .post-container {
  height: calc(100vh - 3.5rem);
  overflow-y: auto;
  max-width: 80%;
  overflow-x: hidden;
  border: 1px solid lightgray;
}

.reel_popup_modal .post-content .post-container .post-detail {
  padding: 0;
}

.reel_popup_modal .paddingleft {
  padding: 0 !important;
  top: 0;
}

.reel_popup_modal .comments-main-title-wrap {
  max-width: 90% !important;
  width: 90% !important;
}

.reel_popup_modal .bs-canvas.bs-canvas-right1 .post-content.post_type::after {
  content: '';
  position: absolute;
  height: 1px;
  width: 100%;
  background: #ced0d4;
  top: 4.45rem;
}

.reel_popup_modal .counter-number,
.reel_popup_modal .like-btn span {
  margin: 0 auto;
  color: white !important;
  font-size: 13px !important;
}

.reel_popup_modal .reaction-wrapper:hover .react-me-div + .inner .dropdown-menu {
  top: auto !important;
  bottom: 10.25rem;
  left: 19rem !important;
  margin-left: 0 !important;
}

@media (max-width: 767px) {
  .reel_popup_modal .reaction-wrapper:hover .react-me-div + .inner .dropdown-menu {
    left: auto;
    right: -4rem !important;
  }
}

.reel_popup_modal .react-me-div {
  height: 4.25rem;
  position: absolute;
  left: 105%;
  bottom: 10rem;
}

.reel_popup_modal .react-me-div:hover {
  background-color: transparent;
}

.reel_popup_modal .react-me-div .react-me {
  background: rgba(255, 255, 255, 0.1);
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.reel_popup_modal .react-me-div .react-me:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.reel_popup_modal .react-me-div .react-me img {
  margin: 0;
  width: 20px;
}

body:has(.bs-canvas.bs-canvas-right1.mr-0) .x-c2 .bg-sp-react {
  background-color: #007bff69;
}

body:has(.bs-canvas.bs-canvas-right1.mr-0) .position-fixed.nav_bar_container {
  z-index: 1120 !important;
}

body:has(.bs-canvas.bs-canvas-right1.mr-0) .position-fixed.nav_bar_container .lang-drop path {
  stroke: black;
}

body:has(.bs-canvas.bs-canvas-right1.mr-0) .position-fixed.nav_bar_container .lang-drop::after {
  background-color: #9a9696;
}

body:has(.bs-canvas.bs-canvas-right1.mr-0) .bs-canvas-close.btn {
  position: fixed;
  right: 27.5rem;
  top: 1.6rem;
  padding: 0;
}

body:has(.bs-canvas.bs-canvas-right1.mr-0) .bs-canvas-close.btn span {
  color: white;
}

body:has(.bs-canvas.bs-canvas-right1.mr-0) .top-side-menu {
  z-index: 1120 !important;
  max-width: 10%;
}

body:has(.story_popup_modal.show) .position-fixed.nav_bar_container,
body:has(#reel_create_modal_id.show) .position-fixed.nav_bar_container,
body:has(.reel_popup_modal.show) .position-fixed.nav_bar_container,
body:has(#modal_id.show) .position-fixed.nav_bar_container,
body:has(#create-group-modal.show) .position-fixed.nav_bar_container {
  z-index: 1051 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  width: 12rem;
  margin-left: auto !important;
  background-color: transparent;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  right: 1.75rem;
}

body:has(.story_popup_modal.show) .position-fixed.nav_bar_container .container,
body:has(.story_popup_modal.show) .position-fixed.nav_bar_container .col-sm-6.col-lg-3,
body:has(#reel_create_modal_id.show) .position-fixed.nav_bar_container .container,
body:has(#reel_create_modal_id.show) .position-fixed.nav_bar_container .col-sm-6.col-lg-3,
body:has(.reel_popup_modal.show) .position-fixed.nav_bar_container .container,
body:has(.reel_popup_modal.show) .position-fixed.nav_bar_container .col-sm-6.col-lg-3,
body:has(#modal_id.show) .position-fixed.nav_bar_container .container,
body:has(#modal_id.show) .position-fixed.nav_bar_container .col-sm-6.col-lg-3,
body:has(#create-group-modal.show) .position-fixed.nav_bar_container .container,
body:has(#create-group-modal.show) .position-fixed.nav_bar_container .col-sm-6.col-lg-3 {
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  overflow: inherit;
}

body:has(.story_popup_modal.show) .position-fixed.nav_bar_container .child-1,
body:has(#reel_create_modal_id.show) .position-fixed.nav_bar_container .child-1,
body:has(.reel_popup_modal.show) .position-fixed.nav_bar_container .child-1,
body:has(#modal_id.show) .position-fixed.nav_bar_container .child-1,
body:has(#create-group-modal.show) .position-fixed.nav_bar_container .child-1 {
  padding-right: 0.5rem;
}

.turnOffNotification br,
.dropdown-item.dropdownColor span br {
  display: none;
}

.testing a,
.post_body a {
  font-size: 15px !important;
  color: #0F6DD4;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
}

.friend-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  padding-top: 3.5rem;
  background-color: #F2F4F7;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

@media (max-width: 992px) {
  .friend-grid {
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  .friend-grid {
    background-color: white;
    padding-top: 12px;
    font-family: "Roboto", sans-serif;
  }

  .friend-grid .friend-Prof-Img img {
    height: 90px;
    width: 90px;
  }

  .friend-grid .friend-Prof-Title {
    font-weight: 400 !important;
  }

  .friend-grid .friend-Prof-Detail {
    margin: auto;
  }

  .friend-grid .h4 {
    font-size: 26px;
  }
}

@media (max-width: 576px) {
  .friend-grid {
    padding-top: 12px;
  }
}

.friend-grid-left-sidebar {
  position: fixed;
  width: 360px;
  left: 0;
  top: 3.5rem;
  bottom: 0;
  background-color: white;
  min-height: 100vh;
  -webkit-box-shadow: -2px 0px 8px 0px #c1bebe;
          box-shadow: -2px 0px 8px 0px #c1bebe;
  padding: 0.5rem 0 0.5rem;
}

@media (max-width: 1220px) {
  .friend-grid-left-sidebar {
    width: 320px;
  }
}

@media (max-width: 992px) {
  .friend-grid-left-sidebar {
    top: 6rem;
  }
}

@media (max-width: 768px) {
  .friend-grid-left-sidebar {
    display: none;
  }
}

.friend-Prof-Title {
  font-weight: 600;
  font-size: 15px;
  color: #080809;
}

.friend-grid-left-sidebar-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 1rem;
}

.friend-grid-left-sidebar-heading p {
  color: #65676b;
  font-weight: 600;
}

.friend-grid-left-sidebar-heading h4 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #050505;
}

.friend-grid-left-sidebar-heading span {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.friend-grid-left-sidebar-heading span:hover {
  background-color: #E4E6EB;
}

.friend-grid-left-sidebar-heading span .bi {
  font-size: 1.25rem;
  color: #050505;
}

.friends-sidebar-lists {
  padding: 0;
}

.friends-sidebar-lists li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.friends-sidebar-list:hover {
  background-color: #F0F2F5;
  text-decoration: none;
}

.friends-sidebar-list {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  height: 3.25rem;
  width: calc(100% - 16px);
  border-radius: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem;
  font-size: 1.0625rem;
  font-weight: 500;
  color: #050505 !important;
  margin-left: auto;
  margin-right: auto;
}

.friends-sidebar-list span i {
  font-size: 1.25rem;
}

.friends-sidebar-list span {
  height: 36px;
  width: 36px;
  background-color: #e4e6eb;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 1rem;
}

.icons-name-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}

.friends-sidebar-list .bi-chevron-right {
  font-size: 1.5rem;
  color: #65676b;
}

.friend-grid-right-section {
  margin-left: auto;
  width: calc(100vw - 376px);
  overflow-y: auto;
  min-height: 90vh;
  padding: 0;
}

@media (max-width: 1220px) {
  .friend-grid-right-section {
    width: calc(100vw - 320px);
  }
}

@media (max-width: 992px) {
  .friend-grid-right-section {
    padding-top: 0;
  }
}

@media (max-width: 768px) {
  .friend-grid-right-section {
    width: 100vw;
  }
}

.friend-grid-right-section-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1rem 0;
}

.friend-grid-right-section-head h4 {
  font-size: 1.25rem;
  color: #080809;
  font-weight: 700;
}

@media (max-width: 767px) {
  .friend-grid-right-section-head h4 {
    font-size: 1rem;
  }
}

.friend-grid-right-section-head .btn-link {
  border-radius: 0.4rem;
  padding: 0.5rem 0.75rem;
}

@media (max-width: 767px) {
  .friend-grid-right-section-head .btn-link {
    font-weight: 400;
  }
}

.friend-grid-right-section-head .btn-link:hover {
  background-color: #E4E6EB;
  text-decoration: none;
  color: #0b7aff;
  margin: 0;
}

.nominateModal.show {
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 1060;
}

#postModal #userSelectModal {
  background-color: transparent !important;
}

body:has(#userSelectModal.show) .modal-dialog-centered {
  min-height: calc(100% - 0.25rem);
}

.btn {
  letter-spacing: 0 !important;
}

body:has(.nominateModal.show) .modal-backdrop,
body:has(#userSelectModal.show) .modal-backdrop,
body:has(#bgModal.show) .modal-backdrop {
  display: none;
}

body:has(.nominateModal.show) .position-fixed.chat-new-fixed {
  z-index: 972 !important;
}

.active-friend-left.friends-sidebar-list {
  background-color: #F0F2F5;
}

.active-friend-left.friends-sidebar-list span {
  background-color: #0b7aff;
}

.active-friend-left.friends-sidebar-list span i {
  color: white;
}

.active-friend-left.friends-sidebar-list span svg path,
.active-friend-left.friends-sidebar-list span svg circle {
  fill: white;
}

.active-friend-left.friends-sidebar-list span svg path {
  stroke: white;
}

@media screen and (max-width: 600px) {
  body:has(.story_popup_modal.show) .position-fixed.nav_bar_container,
  body:has(#reel_create_modal_id.show) .position-fixed.nav_bar_container,
  body:has(.reel_popup_modal.show) .position-fixed.nav_bar_container,
  body:has(#modal_id.show) .position-fixed.nav_bar_container header .parent .child-1 .nav-options-item {
    display: none;
  }

  body:has(.story_popup_modal.show) .position-fixed.nav_bar_container .lang-drop,
  body:has(.reel_popup_modal.show) .position-fixed.nav_bar_container .lang-drop {
    display: none;
  }
}

.empty-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  height: 100%;
  width: 100%;
  min-height: calc(100vh - 4.125rem);
}

.add_friend_btn.nearby-btns .dropdown-item.small {
  font-size: 0.75rem !important;
}

.add_friend_btn.nearby-btns .f-14 {
  font-size: 0.75rem !important;
}

.v-page video {
  height: auto !important;
}

@media screen and (max-width: 992px) {
  .v-page .fixedright {
    display: none;
  }

  .v-page .middle-column-video {
    max-width: 90%;
    margin: auto;
  }
}

.tab-movies:hover {
  background-color: #E4E6EB;
}

.tab-movies.active:hover {
  background-color: transparent;
}

.tab-movies.active {
  position: relative;
}

.tab-movies.active:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2.5px;
  background-color: #0a50c9;
  left: 0;
  bottom: 0;
}

.tab-movies {
  cursor: pointer;
  color: #aaa;
  font-size: 0.9375rem;
  font-weight: 600;
  padding: 0.85rem 1.25rem;
  margin-right: 0.75rem;
  border-radius: 0.3rem;
}

.three-dots-hide-sec {
  background-color: #E4E6EB;
  cursor: pointer;
  color: #000;
  font-size: 1.25rem;
  font-weight: 600;
  padding: 0.3rem 0.75rem;
  border-radius: 0.3rem;
}

.icon-96 {
  height: 6rem;
  width: 6rem;
  border-radius: 0.6rem;
}

.more.bi-trash3 {
  font-size: 1.25rem;
  background: lightgray;
  height: 2rem;
  width: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
}

.section-tab-about-profile {
  padding: 1.25rem;
  border: 1px solid #dee2e6 !important;
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}

.section-hide-dp .dropdown-item {
  font-weight: 600;
}

.section-hide-dp {
  left: auto !important;
  right: 0 !important;
  min-width: 12rem;
  border: 0;
  -webkit-box-shadow: 0px 0px 9px 0px lightgrey;
          box-shadow: 0px 0px 9px 0px lightgrey;
}

.testinguploader {
  margin-top: 1.5rem;
}

.testinguploader .gifuploader.uploader {
  max-height: 13rem !important;
}

.testinguploader .gifuploader.uploader .files-attached {
  height: 20rem !important;
}

.partner-life-select input {
  background: transparent !important;
  border: 0 !important;
}

.partner-life-select input:focus + .Main-search {
  display: none;
}

.partner-life-select .searchForm {
  max-width: 100% !important;
}

.partner-life-select .ml-2 {
  margin-left: 0 !important;
}

.story-container .emoji-picker button {
  padding: 4px !important;
}

.story-container .sendpaper {
  margin-top: 0 !important;
  margin-left: auto;
}

.story-container .btn-colr {
  color: #050505 !important;
  font-size: 13px;
}

.story-container .post-comment {
  position: absolute;
  left: 0;
  width: 80%;
}

.story-container .post-content {
  padding-top: 4.5rem;
}

.story-container .comment-field {
  display: block !important;
}

.story-container .newsfeed-add-btn {
  display: none;
}

.story-container .bs-canvas {
  width: 27.5rem !important;
}

.story-container .bs-canvas-right1,
.story-container .bs-canvas-right {
  margin-right: -27.5rem;
}

.story-container .comment-field {
  border-radius: 0.75rem !important;
  background-color: #F0F2F5;
  border: 0 !important;
}

.story-container .comment-actions-inset.mainemojis {
  width: 100%;
}

.heading-reel {
  right: 2.5rem;
}

.hashtag-link {
  background-color: #CEE0FF;
}

.apps-dropdown.show svg path {
  stroke: #127FA5;
}

.apps-dropdown.show svg path:nth-child(3) {
  fill: #127FA5;
}

.apps-dropdown .apps-heading {
  color: #000000;
  font-size: 1rem;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
}

.apps-dropdown .dropdown-menu {
  padding: 0.5rem;
  border: 0;
  top: 140%;
  left: 0rem !important;
  -webkit-box-shadow: 0px 0px 10px -4px #bfb6b6;
          box-shadow: 0px 0px 10px -4px #bfb6b6;
  min-width: 15rem;
}

.apps-dropdown .dropdown-menu::before {
  top: -0.9rem;
  left: 3rem;
  width: 18px;
  height: 10px;
  content: "";
  position: absolute;
  -webkit-clip-path: polygon(50% 6%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 6%, 0% 100%, 100% 100%);
  -webkit-transform: translate(-50%, 50%) rotate(0deg);
  transform: translate(-50%, 50%) rotate(0deg);
  margin-right: -0.71em;
  background-color: #e0dfe0;
}

.apps-dropdown .dropdown-menu::after {
  top: -0.9rem;
  left: 3rem;
  width: 18px;
  height: 10px;
  content: "";
  position: absolute;
  -webkit-clip-path: polygon(50% 6%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 6%, 0% 100%, 100% 100%);
  -webkit-transform: translate(-50%, 50%) rotate(0deg);
  transform: translate(-50%, 50%) rotate(0deg);
  margin-right: -0.71em;
  background-color: #ffffff;
}

.apps-dropdown .dropdown-menu .dropdown-item {
  border-radius: 0.25rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.apps-dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #F1F7FF;
}

.apps-dropdown .dropdown-menu .dropdown-item h6 {
  font-size: 0.875rem;
  color: #000000;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  margin-top: 0.75rem;
}

.sp-class .comment_record.start_recording {
  display: none !important;
}

.create-story-dev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sp-back-arrow {
  display: none;
}

body:has(#searchConditionalClass #Searchbar:focus) .sp-logo {
  display: none;
}

body:has(#searchConditionalClass #Searchbar:focus) .sp-back-arrow {
  display: block;
  font-size: 1.5rem;
  color: #bcc0c4;
}

.mediaViewerModal.news_feed_item_root.ltr,
.mediaViewerModal.news_feed_item_root.rtl {
  margin-bottom: 0 !important;
}

.like-icon-size {
  height: 22px;
  width: 22px;
}

.mediaViewerModal-closeBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.toasted {
  color: #d6caca;
  background: #6d6969;
  height: 2.75rem !important;
  border-radius: 0.25rem;
}

.toasted .action {
  height: 100%;
  width: 2rem;
}

.toasted .material-icons {
  position: absolute;
  right: 0;
  left: 0;
  top: 10px;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #eceaea8c;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.toasted .material-icons::before,
.toasted .material-icons::after {
  position: absolute;
  left: 11px;
  content: ' ';
  height: 1rem;
  width: 2px;
  background-color: #fff;
}

.toasted .material-icons::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.toasted .material-icons::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.friend-grid-left-sidebar-fixed {
  position: absolute;
  left: 0;
  padding: 0 !important;
  padding-left: 0.5rem !important;
  width: 100%;
}

.friend-grid-left-sidebar-fixed .main-left-scroll:hover {
  overflow-y: auto;
}

.friend-grid-left-sidebar-fixed .main-left-scroll h6 {
  font-size: 1.0625rem;
  font-weight: 600;
  color: #050505;
}

.swal2-actions .swal2-styled {
  height: 2.5rem;
  width: 7rem;
  line-height: 1.2;
}

.card-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 8px;
}

.pages-card {
  padding: 16px;
  border-radius: 8px;
  background-color: white;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}

.pages-card h4 {
  font-size: 1.25rem;
}

.textPhotos {
  color: #080809;
}

.fw-500 {
  font-weight: 500;
}

#discover-svg {
  height: 20px;
  width: 20px;
}

.skelton-card {
  /* Shimmer effect */
}

.skelton-card .preloader-card {
  width: 100%;
  /* Adjust based on your layout */
  border-radius: 8px;
  padding: 10px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin: 3px auto;
}

.skelton-card .preloader-image {
  width: 100%;
  height: 150px;
  /* Adjust based on your layout */
  background-color: #e0e0e0;
  border-radius: 4px;
}

.skelton-card .preloader-text {
  height: 10px;
  background-color: #e0e0e0;
  margin: 10px 0;
  border-radius: 4px;
}

.skelton-card .preloader-title {
  width: 60%;
  height: 20px;
  /* Slightly bigger to mimic a title */
}

.skelton-card .preloader-text:nth-child(3),
.skelton-card .preloader-text:nth-child(4) {
  width: 80%;
  /* Different widths for a more natural look */
}

.skelton-card .preloader-button {
  width: 50%;
  height: 15px;
  background-color: #e0e0e0;
  border-radius: 4px;
  margin-top: 10px;
}

@keyframes shimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

.skelton-card .preloader-image,
.skelton-card .preloader-text,
.skelton-card .preloader-button {
  position: relative;
  overflow: hidden;
}

.skelton-card .preloader-image::after,
.skelton-card .preloader-text::after,
.skelton-card .preloader-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#e0e0e0), color-stop(50%, #f8f8f8), to(#e0e0e0));
  background: linear-gradient(to right, #e0e0e0 0%, #f8f8f8 50%, #e0e0e0 100%);
  -webkit-animation: shimmer 2s infinite;
          animation: shimmer 2s infinite;
  background-repeat: no-repeat;
  background-size: 800px 104px;
}

.skelton-card .preloader-card {
  width: 100%;
  /* Adjust based on your layout */
  border-radius: 8px;
  padding: 10px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin: 0;
}

.skelton-card .preloader-image {
  width: 100%;
  height: 150px;
  /* Adjust based on your layout */
  background-color: #e0e0e0;
  border-radius: 4px;
}

.skelton-card .preloader-text {
  height: 10px;
  background-color: #e0e0e0;
  margin: 10px 0;
  border-radius: 4px;
}

.skelton-card .preloader-title {
  width: 60%;
  height: 20px;
  /* Slightly bigger to mimic a title */
}

.skelton-card .preloader-text:nth-child(3),
.skelton-card .preloader-text:nth-child(4) {
  width: 80%;
  /* Different widths for a more natural look */
}

.skelton-card .preloader-button {
  width: 50%;
  height: 15px;
  background-color: #e0e0e0;
  border-radius: 4px;
  margin-top: 10px;
}

@-webkit-keyframes shimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

@keyframes shimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

.skelton-card .preloader-image,
.skelton-card .preloader-text,
.skelton-card .preloader-button {
  position: relative;
  overflow: hidden;
}

.skelton-card .preloader-image::after,
.skelton-card .preloader-text::after,
.skelton-card .preloader-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#e0e0e0), color-stop(50%, #f8f8f8), to(#e0e0e0));
  background: linear-gradient(to right, #e0e0e0 0%, #f8f8f8 50%, #e0e0e0 100%);
  -webkit-animation: shimmer 2s infinite;
  animation: shimmer 2s infinite;
  background-repeat: no-repeat;
  background-size: 800px 104px;
}

.skelton-card .skeleton {
  background-color: #e0e0e0;
  overflow: hidden;
  position: relative;
}

.skelton-card .skeleton::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transform: translateX(-100%);
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.7)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent);
  animation: load 1.5s infinite;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent);
  -webkit-animation: load 1.5s infinite;
  animation: load 1.5s infinite;
}

.skelton-card .skeleton-img {
  height: 200px;
  border-radius: 4px;
}

.skelton-card .skeleton-title {
  height: 20px;
  width: 70%;
  border-radius: 4px;
  margin-bottom: 10px;
}

.skelton-card .skeleton-text {
  height: 10px;
  width: 90%;
  border-radius: 4px;
  margin-bottom: 5px;
}

.skelton-card .skeleton-text:last-child {
  width: 80%;
}

@-webkit-keyframes load {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes load {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.video-comment-section {
  background-color: #fff;
  margin-top: 7rem;
  /*height: 80%;*/
  margin-bottom: 2rem;
}

@media (max-width: 992px) {
  .video-comment-section {
    height: auto;
    min-height: auto;
    max-height: auto;
  }
}

.video-comment-section .edit-post-commet.post-comment {
  position: relative !important;
}

@media (max-width: 992px) {
  .video-comment-section .comments-section {
    padding: 0;
  }
}

.video-comment-section .post-comment {
  background-color: white;
  /*position: absolute !important;*/
  bottom: 0;
  max-width: 95%;
}

@media (max-width: 992px) {
  .video-comment-section .post-comment {
    max-width: 100%;
    position: static !important;
  }
}

.video-comment-section .style-1 video {
  max-height: 450px;
}

.video-comment-section .reaction-wrapper:hover .react-me-div + .inner .dropdown-menu {
  top: 92%;
  left: 0;
}

.video-comment-section .react-me-div:hover + .inner .dropdown-menu {
  display: block !important;
  top: 92% !important;
  left: 0 !important;
}

.video-comment-section .sp-reaction-loc:hover.react-me-div:hover + .inner .dropdown-menu,
.video-comment-section .reaction-wrapper:hover .sp-reaction-loc.react-me-div + .inner .dropdown-menu {
  display: block !important;
  top: 96% !important;
  left: 0 !important;
  cursor: pointer;
}

.video-comment-section .post-type-wrapper {
  margin-top: 0 !important;
}

.video-comment-section .news_feed_item_root.ltr,
.video-comment-section .rtl.news_feed_item_root {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.video-comment-section .post-content .post-container {
  position: static !important;
}

.video-comment-section .post-content .post-container .post-detail:first-child {
  position: absolute !important;
  right: 0;
  left: 68.33%;
  width: 30.66%;
  top: 6.5rem;
  /*border-top: 1px solid #e3e3e5;*/
  /*border-bottom: 1px solid #e3e3e5;*/
  max-height: 6rem;
  /*height: 4rem;*/
  margin: 0 !important;
  overflow: auto;
  padding: 5px 0px;
}

@media (max-width: 992px) {
  .video-comment-section .post-content .post-container .post-detail:first-child {
    position: static !important;
    width: 100%;
    max-height: auto;
    display: none;
  }
}

.video-comment-section .post-content .post-container .user-info {
  position: absolute;
  right: 0;
  left: 68.33%;
  width: 30.66%;
  max-height: 4.5rem;
}

@media (max-width: 992px) {
  .video-comment-section .post-content .post-container .user-info {
    position: static;
    width: 100%;
  }
}

.video-comment-section .grid-watch-detail {
  display: grid;
  grid-template-columns: 68.33% 30.66%;
  gap: 1rem;
}

@media (max-width: 992px) {
  .video-comment-section .grid-watch-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.video-comment-section .post-comments-outer {
  display: block;
  position: absolute;
  left: 68.33%;
  /*width: 41.66%;*/
  width: 30.66%;
  bottom: 0;
  /*top: 6.25rem;*/
  padding-left: 1rem;
}

@media (max-width: 992px) {
  .video-comment-section .post-comments-outer {
    position: static;
    width: 100% !important;
  }
}

.video-comment-section .post-content .post-container .post-detail {
  position: static !important;
}

.video-comment-section .list-comment-scroll {
  max-height: 12rem !important;
  overflow-y: auto;
  overflow-x: hidden;
}

.grid-explore-more-sec {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}

@media (max-width: 992px) {
  .eplore-more-video-sec {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: white;
    padding: 1rem;
    -webkit-box-shadow: 0px -2px 7px -1px gray;
            box-shadow: 0px -2px 7px -1px gray;
    left: 0;
    display: none;
  }
}

@media (max-width: 767px) {
  .eplore-more-video-sec {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: white;
    padding: 1rem;
    -webkit-box-shadow: 0px -2px 7px -1px gray;
            box-shadow: 0px -2px 7px -1px gray;
    left: 0;
    display: none;
  }
}

.eplore-more-video-sec h5 {
  font-size: 17px;
}

.more-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 6.25rem;
  border-radius: 0.4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #fff;
}

.more-links:hover {
  text-decoration: none;
}

.more-links h6 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: white;
  margin: 0;
  font-size: 17px;
  font-weight: 600;
}

.v-explore-more {
  background-color: #0b7aff;
}

.l-explore-more {
  background-color: #fd434c;
}

.s-explore-more {
  background-color: #07b96f;
}

/*body:has(.text-show) .video-comment-section .post-comments-outer{
        top: 10.5rem;
    }*/

body:has(.text-show) .video-comment-section .list-comment-scroll {
  /* height: 11.5rem; */
}

.watch-detail-page {
  /* Search bar specific styles */
}

.watch-detail-page .navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.watch-detail-page .postfeed {
  background: none;
}

@media (min-width: 1200px) {
  .watch-detail-page .container {
    /* max-width: 1140px;*/
    max-width: 1400px;
  }
}

.watch-detail-page .grid-header {
  display: grid;
  grid-template-columns: 5rem 4.5fr 1.7fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.watch-detail-page .navbar {
  background-color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 3.5rem;
  width: 100%;
  z-index: 10;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.watch-detail-page .nav-item .nav-link {
  background-color: #e2e5e9;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #080809;
  margin: 0 4px;
  border-radius: 1.25rem;
  padding: 0.4rem 12px !important;
}

.watch-detail-page .navbar-brand {
  font-weight: bold;
  color: #050505;
}

.watch-detail-page .main-chat-div {
  border-radius: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.watch-detail-page .main-chat-div:hover {
  /*background-color: #f1eaea;*/
}

.watch-detail-page .stats a,
.watch-detail-page .stats span,
.watch-detail-page .stats {
  color: #65766b;
}

.watch-detail-page .searchInputCard {
  position: relative;
  border-radius: 1.25rem !important;
  background: #f0f2f5;
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.watch-detail-page .searchInputCard .iconfa {
  color: #65766b;
  font-size: 12px !important;
  padding-top: 0;
}

.watch-detail-page .searchinputfield {
  position: relative;
  border-radius: 0 !important;
  background: transparent;
  border: 0px solid #cececf;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #3d3d3d;
  outline: none;
  padding: 0;
}

.watch-detail-page .searchinputfield::-webkit-input-placeholder {
  font-size: 13px;
  color: #65676b;
  font-weight: 300;
}

.watch-detail-page .searchinputfield::-moz-placeholder {
  font-size: 13px;
  color: #65676b;
  font-weight: 300;
}

.watch-detail-page .searchinputfield::-ms-input-placeholder {
  font-size: 13px;
  color: #65676b;
  font-weight: 300;
}

.watch-detail-page .searchinputfield::placeholder {
  font-size: 13px;
  color: #65676b;
  font-weight: 300;
}

.watch-detail-page .comment-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.watch-detail-page .form-inline .form-control {
  border-radius: 0;
}

.watch-detail-page .video-wrapper video {
  width: 100%;
}

.watch-detail-page .comments-section {
  /*padding: 16px;*/
  background-color: #fff;
  height: auto;
  /* example height */
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.watch-detail-page .comment {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #dcdcdc;
}

.watch-detail-page .comment:last-child {
  border-bottom: none;
}

.watch-detail-page .comment img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.watch-detail-page .comment .media-body {
  margin-left: 8px;
}

.watch-detail-page .comment .media-body p {
  margin-bottom: 4px;
}

.watch-detail-page .user-interaction-bar {
  padding: 8px 16px;
  background-color: #fff;
  border-top: 1px solid #dcdcdc;
  position: absolute;
  bottom: 0;
}

.watch-detail-page .user-interaction-bar .input-group {
  border-radius: 18px;
  background-color: #e4e6eb;
}

.watch-detail-page .user-interaction-bar .input-group .form-control {
  border: none;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.watch-detail-page .user-interaction-bar .input-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.watch-detail-page .user-interaction-bar .input-group .btn {
  border: none;
}

.mt-page-without-login.video-comment-section {
  margin-top: 2.125rem;
}

.profile-without-login {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  padding: 0.75rem;
  z-index: 9;
  text-align: center;
  -webkit-box-shadow: 0px -4px 8px 1px #dfdbdb;
          box-shadow: 0px -4px 8px 1px #dfdbdb;
}

.profile-without-login .container {
  max-width: 90%;
}

.close-profile-modal {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
}

.close-profile-modal .fa {
  height: 2rem;
  width: 2rem;
  background: lightgray;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
}

.btn-without-login {
  width: 13rem;
  font-size: 17px;
  font-weight: 600;
  color: white;
}

.createaccout-btn {
  background: #2F9A48;
}

.createaccout-btn {
  background: #2F9A48;
}

.createaccout-btn:hover {
  color: white !important;
}

.comments-feed-items-popup {
  z-index: 1;
  background: #f3f3f49c;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.comments-feed-items-popup .replies-content .button-loader-container + p {
  margin-bottom: 0;
}

.comments-feed-items-popup .list-comment-scroll {
  max-height: initial !important;
}

.comments-feed-items-popup .view-more-comment {
  margin-top: -2.5rem !important;
}

.comments-feed-items-popup .modal-dialog.modal-dialog-centered.modal-dialog-scrollable.modal-lg {
  margin: auto auto !important;
  position: relative;
}

@media (min-width: 576px) {
  .comments-feed-items-popup .modal-dialog-scrollable {
    max-height: calc(100% - 9.25rem);
    min-height: calc(100vh - 9.25rem);
    top: 2.125rem;
  }
}

@media (min-width: 992px) {
  .comments-feed-items-popup .modal-lg {
    max-width: 700px !important;
  }
}

.comments-feed-items-popup .modal-header {
  height: auto !important;
}

.comments-feed-items-popup .panel {
  bottom: 2.5rem;
}

.comments-feed-items-popup .modal-content {
  border-radius: 0.5rem !important;
}

.comments-feed-items-popup .edit-post-commet {
  left: auto !important;
  position: relative !important;
  bottom: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transform: none !important;
          transform: none !important;
}

.comments-feed-items-popup .post-content .post-container .dropdown-menu.customdropdown {
  left: 0 !important;
}

.comments-feed-items-popup .post-content .post-container .post-detail {
  padding: 0 !important;
}

.comments-feed-items-popup .post-content .post-container .post-detail .post-comments-outer {
  display: block !important;
}

.comments-feed-items-popup .post-content .post-container .post-detail > div {
  /*padding: 10px 15px 1px 15px !important;*/
}

.comments-feed-items-popup .post-content .post-container .post-detail .sticky-add-comment {
  position: sticky;
  width: calc(100% + 30px);
  max-width: calc(100% + 30px);
  margin-left: -15px !important;
  margin: 0;
  padding: 10px !important;
  bottom: 0;
  left: 0;
  background-color: white;
  -webkit-box-shadow: 0px -1px 8px -5px gray;
          box-shadow: 0px -1px 8px -5px gray;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.comments-feed-items-popup .post-content .post-container .post-detail .sticky-add-comment .post-comment {
  padding: 0;
  margin: 0;
}

.attachment-container .attachment-icon {
  min-height: 3rem !important;
}

body:has(#manageBlocking) .modal-backdrop,
body:has(#preferencesModal) .modal-backdrop {
  display: none;
}

.modal-control-design .modal {
  background: #f2f2f3b5;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.modal-control-design .modal-content {
  border: 0 !important;
  -webkit-box-shadow: 0 0 20px 0 #a19a9a;
          box-shadow: 0 0 20px 0 #a19a9a;
}

.modal-control-design button.close {
  height: 2rem !important;
  width: 2.125rem !important;
  background: #e4e6eb !important;
  border-radius: 50% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.btn-block-restrict {
  background-color: #E4E6EB;
  color: #050505;
  font-size: 0.9375rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 600;
}

.btn-block-restrict:hover {
  background-color: #d6d7db;
}

.restrict-msg-sec,
.blocked-msg-sec {
  /*position: fixed;*/
  background: #fff;
  padding: 12px;
  height: auto;
  bottom: 0;
  /* width: 50%; */
  left: 25%;
  /* right: 25%; */
  right: 376px;
  z-index: 1;
}

@media screen and (max-width: 992px) {
  .restrict-msg-sec,
  .blocked-msg-sec {
    right: 0;
  }
}

.restrict-msg-sec h5,
.blocked-msg-sec h5 {
  font-size: 0.9375rem;
  color: #050505;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 600;
}

.restrict-msg-sec p,
.blocked-msg-sec p {
  font-size: 12px;
  color: #65676b;
}

.live-controls .badge {
  border-radius: 0.25rem !important;
}

body:has(#post_messenger_modal.show) #videoDetailFirstPopup.show {
  z-index: 999 !important;
}

.watch-detail-page .modal {
  background-color: #f3f3f49c !important;
}

.watch-detail-page .modal .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.watch-detail-page .modal button.close {
  height: 2rem !important;
  width: 2.125rem !important;
  background: #e4e6eb !important;
  border-radius: 50% !important;
  padding: 0 !important;
  margin: 0 !important;
  font-weight: 400;
  top: 0.65rem;
  position: absolute;
  right: 1rem;
}

.watch-detail-page .modal .modal-dialog {
  max-width: 35rem !important;
  min-height: calc(100% - 3.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.watch-detail-page .modal .modal-dialog .modal-content {
  border: 0;
  -webkit-box-shadow: 0px -4px 8px 1px #dfdbdb;
          box-shadow: 0px -4px 8px 1px #dfdbdb;
  border-radius: 0.3rem !important;
}

.live-controls .badge {
  border-radius: 0.25rem !important;
}

.postMessaengerModal .searchForm {
  border-color: #E4E6EB !important;
}

.postMessaengerModal #search-form {
  margin-top: 10px !important;
}

.postMessaengerModal #feed_form::-webkit-input-placeholder {
  font-size: 17px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.postMessaengerModal #feed_form::-moz-placeholder {
  font-size: 17px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.postMessaengerModal #feed_form::-ms-input-placeholder {
  font-size: 17px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.postMessaengerModal #feed_form::placeholder {
  font-size: 17px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.postMessaengerModal .sp-w {
  width: 96%;
}

.postMessaengerModal .sp-w .inner-box-search {
  width: 100%;
}

.postMessaengerModal .searchinputfield {
  border: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  max-width: 100%;
}

.postMessaengerModal .searchinputfield::-webkit-input-placeholder {
  font-size: 13px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.postMessaengerModal .searchinputfield::-moz-placeholder {
  font-size: 13px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.postMessaengerModal .searchinputfield::-ms-input-placeholder {
  font-size: 13px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.postMessaengerModal .searchinputfield::placeholder {
  font-size: 13px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.postMessaengerModal .iconfa {
  top: 0.625rem;
  font-size: 13px !important;
}

.postMessaengerModal .contacts_heading h5 {
  font-size: 17px;
  color: #050505;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 600;
}

.postMessaengerModal .fa-spinner-third {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.friends-grid-list {
  display: grid;
  grid-template-columns: 3rem 1fr 4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.friends-grid-list .btn-create-outline {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  background-color: #EBF5FF !important;
  color: #0064d1 !important;
  font-weight: 600;
  font-size: .9375rem;
  padding: .25rem 0.45rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body:has(#post_messenger_modal) {
  overflow: hidden;
}

.chat-box-contents {
  margin-bottom: 3.25rem;
}

.f-24 {
  font-size: 1.5rem;
  font-family: inherit;
}

.shareModalsAll {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.shareModalsAll .modal-content {
  border: 0;
  border-radius: 0.3rem;
  -webkit-box-shadow: 0px 0px 9px 0px gray;
          box-shadow: 0px 0px 9px 0px gray;
}

.shareModalsAll .fa {
  font-weight: var(--fa-style, 400) !important;
}

.shareModalsAll .friend-list-grid {
  display: grid;
  grid-template-columns: 3rem 4fr 0.5fr;
}

.shareModalsAll .group-joined li {
  height: 3.5rem;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0.4rem;
}

.shareModalsAll .group-joined li:hover {
  background-color: #f6f6f6;
}

.shareModalsAll .searchInputCard {
  position: relative;
  border-radius: 1.25rem !important;
  background: #f0f2f5;
  height: 2.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.shareModalsAll .searchInputCard .iconfa {
  color: #65766b;
  font-size: 12px !important;
  padding-top: 0;
}

.shareModalsAll .searchinputfield {
  position: relative;
  border-radius: 0 !important;
  background: transparent;
  border: 0px solid #cececf;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #3d3d3d;
  outline: none;
  padding: 0;
}

.shareModalsAll .searchinputfield::-webkit-input-placeholder {
  font-size: 13px;
  color: #3d3d3d;
  font-weight: 300;
}

.shareModalsAll .searchinputfield::-moz-placeholder {
  font-size: 13px;
  color: #3d3d3d;
  font-weight: 300;
}

.shareModalsAll .searchinputfield::-ms-input-placeholder {
  font-size: 13px;
  color: #3d3d3d;
  font-weight: 300;
}

.shareModalsAll .searchinputfield::placeholder {
  font-size: 13px;
  color: #3d3d3d;
  font-weight: 300;
}

.shareModalsAll .title-with-friends {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.75rem;
}

.shareModalsAll .card-img-top {
  height: 40px;
  width: 40px;
  border-radius: 0.2rem;
  overflow: hidden;
}

.shareModalsAll .card-title {
  font-size: 17px;
  font-weight: 600;
}

.shareModalsAll .card-text {
  color: #65676b;
}

.shareModalsAll .modal-title {
  font-size: 1.25rem;
  color: #050505;
}

.shareModalsAll .m-h-reel-sent {
  height: auto;
  padding: 0.75rem;
}

.shareModalsAll .cross-icon {
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #E4E6EB;
}

.shareModalsAll .cross-icon:hover {
  background-color: #e4e6ebcc;
}

.shareModalsAll .story_cross {
  font-size: 1.5rem;
  color: #050505;
}

.shareModalsAll .fa-chevron-right {
  font-size: 1.5rem;
  color: #65676b;
}

.list-headings {
  font-size: 17px;
}

.scroll-height-group {
  max-height: 18rem;
  overflow: auto;
}

.user-info a {
  color: #050505 !important;
  font-weight: 600;
}

.other-user-des p {
  color: #050505;
  font-weight: 500;
}

.btnpost:disabled {
  cursor: not-allowed;
  opacity: 0.25;
}

.map-container {
  margin-top: 0.5rem;
}

.sharedModal .map-container {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

@media screen and (min-width: 992px) {
  .sharedModal .modal-dialog {
    max-width: 35rem;
  }
}

.sharedModal .create_post_scrollable {
  max-height: calc(100vh - 19rem);
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.sharedModal .create_post_scrollable .body-and-files-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
}

.sharedModal .create_post_scrollable .post-field {
  overflow: initial !important;
  min-height: auto;
}

.sharedModal .other-user-des {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.off-screen {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

.overflow-scroll-control {
  max-height: 15rem;
  overflow: auto;
}

.create-post-talent .modal-dialog {
  max-width: 38rem;
}

.create-post-talent .modal-body {
  max-height: 80vh;
  overflow-y: auto;
}

.create-post-talent .modal-body .post-field {
  min-height: auto;
}

.create-post-talent .modal-body .uploader {
  max-height: none;
  border: 0 !important;
}

.create-post-talent .modal-body .holder-box {
  height: 13rem;
}

.create-post-talent .modal-body .thumbnail {
  background-position: left !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.create-post-talent .modal-body .file-uplodar-icon {
  display: none;
}

.clear-filters img {
  max-height: 1.25rem !important;
}

.create_post_scrollable.is_public_share_post_modal .panel {
  bottom: auto !important;
  left: auto !important;
  top: auto !important;
  right: 0 !important;
}

.create_post_scrollable.is_public_share_post_modal .shared-original-post,
.create_post_scrollable.is_public_share_post_modal .post-container {
  z-index: 1;
  margin-bottom: 0;
}

body:has(.remove-sp-bg) .images-attached {
  background-image: none !important;
}

.remove-sp-bg {
  max-height: 17rem;
  border-radius: 0.35rem;
}

.talent-modal.emj .panel {
  bottom: auto !important;
  left: auto !important;
  top: auto !important;
  right: 0 !important;
}

#reel_messenger_modal {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#reel_messenger_modal .modal-body {
  padding: 0 !important;
}

#reel_messenger_modal .modal-title {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #050505;
}

#reel_messenger_modal .user_name {
  color: #050505;
  font-weight: 600;
}

#reel_messenger_modal .user_info_person_profile_pic img {
  max-height: 30px;
}

#reel_messenger_modal .reel_body_text {
  margin: 19px 0 0 15px;
  color: #333;
  font-size: 14px;
  width: 300px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

#reel_messenger_modal .reel_thumbnail {
  max-width: 100px;
  max-height: 100px;
}

.friend-suggestion-slider .slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.friend-suggestion-slider .slick-active {
  opacity: 1 !important;
}

#collapseExample .friend-suggestion-slider {
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px 1px !important;
          box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px 1px !important;
}

.sticking-position .body-and-files-section {
  -webkit-box-flex: 100% !important;
      -ms-flex: 100% !important;
          flex: 100% !important;
}

.sticking-position .comments-section {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 !important;
          flex: 0 !important;
}

.create_post_scrollable {
  max-height: calc(100vh - 19rem);
  overflow: visible;
}

.create_post_scrollable .uploader {
  overflow: initial;
  max-width: 100%;
  max-height: 100% !important;
}

.friend-suggestion-slider .slick-slide.slick-active:first-child {
  margin-left: 0 !important;
}

.friend-suggestion-slider .slick-slide.slick-active:nth-child(3) {
  margin-right: 0 !important;
}

.friend-suggestion-slider .slick-slide {
  margin: 0.25rem !important;
}

.friend-suggestion-slider .card {
  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 0px 4px 0px !important;
          box-shadow: rgba(99, 99, 99, 0.2) 0px 0px 4px 0px !important;
  overflow: hidden;
}

.sp-class-w {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}

.chat-new-fixed .cooltextarea,
.Chat-Section.innerMessagesContainer .cooltextarea {
  min-height: auto !important;
}

.chat-widget-height {
  height: 20rem;
  overflow-y: auto;
  width: 100%;
  overflow-x: hidden;
}

.chat-widget-height .link-preview.row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.chat-widget-height .link-preview.row > div {
  max-width: 100%;
}

@media screen and (max-width: 575px) {
  .newsfeed-home .news-feed-left-menu.nav-news-feed li {
    padding: 0 !important;
  }
}

.simple {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: normal;
}

.casual {
  font-family: 'Comic Sans MS', cursive, sans-serif;
  font-weight: normal;
}

.clean {
  font-family: Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: 0px;
}

.fancy {
  font-family: 'Times New Roman', serif;
  font-weight: bold;
}

.headline {
  font-family: 'Georgia', serif;
  font-weight: bold;
  font-style: italic;
}

#field_story_cooltext {
  border: 1px solid #ced0d4;
  resize: none;
  overflow: hidden;
  padding: 0.7rem;
  position: relative;
  z-index: 2;
  outline: none;
  height: 11.4rem;
}

#field_story_cooltext::-webkit-input-placeholder {
  font-size: 1rem !important;
  color: #848689 !important;
  font-weight: 400;
}

#field_story_cooltext::-moz-placeholder {
  font-size: 1rem !important;
  color: #848689 !important;
  font-weight: 400;
}

#field_story_cooltext::-ms-input-placeholder {
  font-size: 1rem !important;
  color: #848689 !important;
  font-weight: 400;
}

#field_story_cooltext::placeholder {
  font-size: 1rem !important;
  color: #848689 !important;
  font-weight: 400;
}

#field_story_cooltext:focus-visible {
  padding-top: 1rem;
}

.font-weight-600 {
  font-weight: 600;
}

.bg-active-story {
  background-color: #E5E5E5;
}

.bg-active-story .upload_storyicon {
  background-color: #EBF5FF;
}

.designed-connector {
  position: absolute;
  right: 15px;
  fill: white;
  top: 5px;
}

#field_story_cooltext.validation::-webkit-input-placeholder {
  color: #F0284A !important;
  z-index: 3;
}

#field_story_cooltext.validation::-moz-placeholder {
  color: #F0284A !important;
  z-index: 3;
}

#field_story_cooltext.validation::-ms-input-placeholder {
  color: #F0284A !important;
  z-index: 3;
}

#field_story_cooltext.validation::placeholder {
  color: #F0284A !important;
  z-index: 3;
}

#field_story_cooltext.validation:focus-visible {
  padding-top: 1.5rem;
}

.text-visible {
  position: absolute;
  display: none;
  color: #007bff;
  font-size: 12px;
  background: white;
  height: 1rem;
  width: 95%;
  padding-top: 3px;
  z-index: 3;
}

body:has(#field_story_cooltext:focus-visible, #field_story_cooltext.validation:focus-visible) .sp-focus-style .text-visible {
  display: block;
  top: -2px;
  left: 0.75rem;
}

body:has(#field_story_cooltext.validation:focus-visible) .sp-focus-style::after {
  border: 2px solid #F0284A !important;
}

body:has(#field_story_cooltext:focus-visible) .sp-focus-style::after,
.withValueDesc .sp-focus-style::after {
  border: 2px solid #007bff !important;
}

body:has(#field_story_cooltext.validation:focus-visible) .text-visible {
  display: block;
  top: -2px;
  left: 0.75rem;
  color: #F0284A !important;
  z-index: 3;
}

#field_story_cooltext.validation:focus-visible::-webkit-input-placeholder {
  color: #848689 !important;
}

#field_story_cooltext.validation:focus-visible::-moz-placeholder {
  color: #848689 !important;
}

#field_story_cooltext.validation:focus-visible::-ms-input-placeholder {
  color: #848689 !important;
}

#field_story_cooltext.validation:focus-visible::placeholder {
  color: #848689 !important;
}

.sp-focus-style {
  height: 11rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sp-focus-style::after {
  position: absolute;
  content: '';
  height: 107%;
  width: 102%;
  left: -3px;
  border-radius: 0.3rem;
}

.video-clips-grid .news_feed_item_root.ltr,
.video-clips-grid .news_feed_item_root.rtl {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: transparent;
  border-radius: 0 !important;
  margin-bottom: 0;
}

body:has(.bs-canvas-right1.mr-0) .create-reel-btn {
  right: 29.5rem;
  top: 1rem;
}

.tagged-friends,
.tagged-friends a,
.privacy-user-name {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: #050505 !important;
  font-size: 15px;
  font-weight: 500;
}

.mr-12px {
  margin-right: 0.75rem;
}

#mutual_friend_popup {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#mutual_friend_popup .modal-content {
  -webkit-box-shadow: 0px 0px 24px 5px lightgray;
          box-shadow: 0px 0px 24px 5px lightgray;
  border: 0;
  border-radius: 0.5rem;
  /*min-height: 440px;*/
  min-height: 340px;
}

.profile_tag-pane {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.profile_tag-pane h4 {
  font-size: 1.25rem;
  color: #050505;
  font-weight: 700;
}

.profile_tag-pane label {
  font-size: 1.0625rem;
  color: #050505 !important;
  font-weight: 500;
  margin: 0;
  line-height: 21px;
}

.profile_tag-pane p {
  color: #65676b;
  font-size: 0.9375rem;
  font-weight: 400;
}

.profile_tag-pane .btn-privacy {
  white-space: nowrap;
  background-color: #e4e6eb;
  color: #050505;
  border: 0px solid #dee0e2;
  font-size: 0.9375rem;
  border-radius: 6px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile_tag-pane .btn-privacy i {
  margin-right: 0.25rem;
}

.profile_tag-pane .btn-privacy i svg {
  height: 1rem;
  width: 1rem;
  opacity: 0.5;
}

.profile_tag-pane .checkbox_item .checkbox_wrap {
  position: relative;
  display: block;
  cursor: pointer;
}

.profile_tag-pane .checkbox_item .checkbox_wrap .checkbox_inp {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}

.profile_tag-pane .checkbox_item .checkbox_wrap .checkbox_mark {
  display: inline-block;
  position: relative;
  border-radius: 25px;
}

.profile_tag-pane .checkbox_item:last-child .checkbox_wrap {
  margin-bottom: 0;
}

.profile_tag-pane .checkbox_item.citem_1 .checkbox_wrap .checkbox_mark {
  background: #ced0d4;
  width: 52px;
  height: 28px;
  padding: 2px;
}

.profile_tag-pane .checkbox_item.citem_1 .checkbox_wrap .checkbox_mark:before {
  top: 2px;
  left: 3px;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
}

.profile_tag-pane .checkbox_item.citem_1 .checkbox_wrap .checkbox_inp:checked ~ .checkbox_mark {
  background: #1877F2;
}

.profile_tag-pane .checkbox_item.citem_1 .checkbox_wrap .checkbox_inp:checked ~ .checkbox_mark:before {
  left: 25px;
}

.profile_tag-pane .checkbox_item .checkbox_wrap .checkbox_mark:before,
.profile_tag-pane .checkbox_item .checkbox_wrap .checkbox_mark:after {
  content: "";
  position: absolute;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.privacy-tagging-popup .modal-dialog.modal-dialog-centered {
  max-width: 550px;
  min-height: calc(100% - 0rem);
}

.privacy-tagging-popup .post-share-types {
  max-height: 50vh;
  overflow-y: auto;
}

.privacy-tagging-popup label {
  margin-bottom: 0;
}

.privacy-tagging-popup .privacy-type-desc {
  color: #65676b;
  font-size: 0.9375rem;
  font-weight: 400;
}

.privacy-tagging-popup b {
  font-size: 1.0625rem;
  font-weight: 500;
  color: #050505;
}

.privacy-tagging-popup .btn-over.btn {
  color: #0b7aff;
  width: auto;
}

.privacy-tagging-popup .btn-over.btn:hover {
  background-color: #efefef;
}

.privacy-tagging-popup .btn {
  float: right;
  height: 34px;
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: 1px;
  width: 7rem;
  text-align: center;
  padding: 4px 19px;
}

.taggedreview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.taggedreview .button-group-tags {
  border: 1px solid #ced0d4;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 1rem;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.taggedreview .news_feed_item_root.ltr,
.taggedreview .news_feed_item_root.rtl {
  margin-bottom: 1rem;
}

.bg-gen {
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 50%;
  background-color: #e4e6eb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bg-gen-active {
  background-color: #007bff;
}

.bg-gen-active .reviewTagPost-img,
.bg-gen-active .reviwHeading-img {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

.reviewTagPost-img {
  background-image: url(/images/reviewPostTag.png?b72d8e25821e1e9d68136917511bf055);
  background-position: 0px -63px;
  background-size: auto;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: -0.25em;
}

.reviwHeading-img {
  background-image: url(/images/review-img.png?7b1b946a4566413d89bc03a43b633940);
  background-position: 0px -469px;
  background-size: auto;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: -0.25em;
}

.close-button {
  display: none;
  background: white;
  height: 1.5rem;
  width: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  border-radius: 50%;
  position: absolute;
  top: -11px;
  left: -11px;
  visibility: hidden;
}

.parrentDiv {
  position: absolute;
  border: 1.5px solid transparent;
  padding: 0.5rem;
  color: white;
}

.parrentDiv:hover {
  border-color: white;
}

.parrentDiv:hover .close-button {
  visibility: visible;
}

input[type="range"].slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: white;
  cursor: pointer;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

input[type="range"].slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: white;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

input[type="range"].slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #fff !important;
  cursor: pointer;
}

input[type="range"].slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #fff;
  cursor: pointer;
}

h5.taggingColor,
span.sp-color {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: #65676b !important;
  font-weight: 400;
  font-size: 0.9375rem !important;
}

h5.taggingColor a,
h5.taggingColor a.author-name {
  color: #050505 !important;
  font-weight: 600;
}

h5.taggingColor a:hover {
  text-decoration: underline;
}

.sharedModal h5.taggingColor a {
  cursor: default;
  pointer-events: none;
}

.sharedModal .btnpost:disabled {
  cursor: not-allowed;
  opacity: 0.25;
}

.taggingColor .ml-2.author-name {
  margin-left: 0 !important;
}

.taggingColor + p a.ml-2 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  margin-left: 0 !important;
  color: #65676b;
  font-weight: 400 !important;
}

.leaflet-pane.leaflet-map-pane {
  -webkit-transform: translate3d(0px, -80px, 0px);
          transform: translate3d(0px, -80px, 0px);
}

.leaflet-pane {
  z-index: 1 !important;
}

.normal-color {
  color: #65676b;
  font-size: 15px;
  font-weight: 400;
}

.save-rel-img {
  background-image: url(/images/general-multiple-images.png?fc3e6ae608bde6f0053b36d836ccc469);
  background-position: 0px -42px;
  background-size: auto;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  display: inline-block;
  -webkit-filter: invert(8%) sepia(10%) saturate(200%) saturate(200%) saturate(166%) hue-rotate(177deg) brightness(104%) contrast(91%);
          filter: invert(8%) sepia(10%) saturate(200%) saturate(200%) saturate(166%) hue-rotate(177deg) brightness(104%) contrast(91%);
}

.reel-report-img {
  background-image: url(/images/reportIcon.png?9856729caecfc8d88abb097cb597616b);
  background-position: 0px -315px;
  background-size: auto;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  display: inline-block;
  -webkit-filter: invert(8%) sepia(10%) saturate(200%) saturate(200%) saturate(166%) hue-rotate(177deg) brightness(104%) contrast(91%);
          filter: invert(8%) sepia(10%) saturate(200%) saturate(200%) saturate(166%) hue-rotate(177deg) brightness(104%) contrast(91%);
}

.add-comment-emoji.emoji-picker {
  margin-top: 0 !important;
  margin-right: 0 !important;
}

.add-comment-emoji.emoji-picker .emoji-img {
  height: 16px !important;
  -webkit-filter: opacity(0.75);
          filter: opacity(0.75);
}

.Reels-menu .dropdown-menu {
  top: 2rem !important;
  left: auto !important;
  will-change: transform !important;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
          transform: translate3d(0px, 0px, 0px) !important;
  right: 0;
  border-radius: 0.5rem !important;
  border-top-right-radius: 0 !important;
  min-width: 20rem !important;
  padding: 0.5rem;
}

.Reels-menu .dropdown-menu .dropdown-item {
  cursor: pointer;
  padding: 0.5rem !important;
  color: #050505;
  font-size: 15px !important;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.3rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.Reels-menu .dropdown-menu .dropdown-item:hover {
  background-color: #e9ecef !important;
}

.Reels-menu .dropdown-menu .dropdown-item i {
  min-width: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 0.75rem;
}

.Reels-menu .bi-link-45deg {
  font-size: 1.6rem;
  color: #65676b;
}

.svg-corner {
  float: right;
  position: absolute;
  top: -11px;
  right: 0px;
  -webkit-filter: invert(1);
          filter: invert(1);
}

#cityModal {
  display: none;
}

.comment-replies + .post-comment {
  margin-bottom: 0.5rem !important;
}

body:has(#cityModal.show) .modal-backdrop {
  display: none;
}

.btn-m-dis {
  font-weight: 600;
}

.btn-text-highlight {
  font-weight: 600;
  color: #0866ff;
}

.bg-light-gray3 {
  background-color: #ced0d4;
}

.wrap-for-share-reel .share-option-images-wrapper {
  padding: 8px 0px;
  max-width: 90px;
  width: 100%;
}

.wrap-for-share-reel .share-option-images-name {
  overflow: visible;
}

#postModal {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.is_public_share_post_modal .wtf-bug {
  overflow-y: hidden;
  width: 98%;
  max-height: 3.75rem;
}

.is_public_share_post_modal .emj {
  right: 0.5rem;
  bottom: 4.2rem;
}

.is_public_share_post_modal .emj img {
  height: 1.5rem;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.btn-post-reel-share {
  float: right;
  font-weight: 600;
  margin-right: 0.5rem;
}

.toasted-container.bottom-left {
  min-width: 9rem;
  bottom: 2rem;
  left: 3rem;
}

.toasted-container.bottom-left .toasted {
  padding: 0 0.5rem;
}

.toasted-container.bottom-left .material-icons {
  background-color: #3d3d3d;
}

.toasted-container.bottom-left .toasted .material-icons::before,
.toasted-container.bottom-left .toasted .material-icons::after {
  height: 12px;
  border-radius: 2px;
}

.bgColorAdded .ColorAdded {
  height: 100%;
}

.bgColorAdded .color-emoji-div .emj {
  bottom: 0px !important;
  right: 0.5rem;
}

.post-detail.extra-spacing.backgColorAdded {
  margin: 0 !important;
}

.ColorAdded .cooltextarea {
  font-size: 1.25rem;
}

.ColorAdded .postcreationfeild {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  min-height: auto !important;
}

.bgColorAdded .ColorAdded .postcreationfeild {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  overflow: hidden !important;
}

.story-thimbnail-div .video_clip_item > .thumbnail,
.story-thimbnail-div .video_clip_item > .playable {
  margin: 0 !important;
}

.dropdown.bus-wesyClass .dropdown-toggle::after {
  content: none !important;
}

.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
  background: rgba(255, 255, 255, 0.75);
}

.swal2-popup.swal2-modal.swal2-show {
  padding: 0;
  font-family: system-ui, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.swal2-header .swal2-icon {
  width: 4em;
  height: 4em;
  margin-bottom: 16px;
}

.swal2-header {
  border-bottom: none;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #e4e6eb;
  padding: 1rem 1.5rem !important;
}

.swal2-header h2 {
  margin: 0;
  color: #050505;
  font-weight: 600;
  font-size: 20;
}

.swal2-header .swal2-close {
  color: #050505;
  font-size: 2em;
  line-height: 1.2;
  cursor: pointer;
  background-color: #e4e6eb;
  border-radius: 50%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  top: 12px;
  right: 8px;
  height: 1em;
  width: 1em;
  font-weight: 600;
}

.swal2-icon {
  margin-bottom: 8px;
}

.swal2-html-container {
  padding: 0.5rem 0;
  color: #080809;
  text-align: left;
  font-weight: 400;
  font-size: 15px;
}

.swal2-html-container h6 {
  text-align: left;
  margin: 0;
  color: #050505;
  font-weight: 400;
}

.swal2-actions {
  padding: 0.5rem;
  margin: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.swal2-actions .swal2-confirm {
  background-color: #007bff;
  font-weight: 600;
  width: 7rem;
}

.swal2-actions .swal2-styled:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.swal2-actions .swal2-cancel {
  background-color: transparent !important;
  color: #007bff;
  font-weight: 600;
  border: 0;
  width: 7rem;
  margin-right: 0.5rem;
}

.swal2-actions .swal2-cancel:hover {
  background: #E4E6EB !important;
}

.photoProfile:not([class*=" "]) {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-radius: 0.5rem;
  overflow: hidden;
  gap: 0.3rem;
}

.photoProfile:not([class*=" "]) .gallery-img {
  padding: 0 !important;
}

.photoProfile:not([class*=" "]) .post-content img.post-image {
  background-color: transparent;
}

.photoProfile:not([class*=" "]) .gallery {
  display: block;
}

.photoProfile:not([class*=" "]) .gallery-img {
  width: 100%;
}

.proccesing-item-sec {
  height: 100%;
  width: 149px;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0 0.4em 0 !important;
  border-radius: 0.7rem;
  -webkit-box-shadow: #636363 0px 0px 4px -2px !important;
          box-shadow: #636363 0px 0px 4px -2px !important;
  background-color: #d5d5d5;
  color: #050505;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1400px) {
  body:has(.stories_viewport) .position-fixed.nav_bar_container {
    display: none;
  }
}

@media (max-width: 1050px) {
  .reel-detail-page .story-container .stories {
    height: 91vh !important;
    width: 400px !important;
    margin-top: 85px !important;
  }
}

@media (max-width: 600px) {
  .reel-detail-page .story-container .stories {
    width: 90% !important;
    margin-top: 68px !important;
  }
}

@media (max-width: 900px) {
  body:has(.bs-canvas-overlay) .bs-canvas {
    width: 100% !important;
    position: fixed !important;
    right: 0;
  }

  body:has(.bs-canvas-overlay) .bs-canvas .post-container {
    border: none;
    width: 100% !important;
    max-width: 100% !important;
  }

  body:has(.bs-canvas-overlay) .bs-canvas-close.btn {
    right: 10px !important;
    top: 90px !important;
    z-index: 99999999;
  }

  body:has(.bs-canvas-overlay) .bs-canvas-close.btn span {
    color: black !important;
  }
}

.custom-toast .swal2-popup.swal2-toast {
  background-color: #000;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.custom-toast .swal2-header {
  border: 0;
}

.custom-toast .swal2-title {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: white !important;
}

.basic_info-pane {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.basic_info-pane .list-group-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.basic_info-pane .list-group-item h6 {
  margin-bottom: 0;
  margin-right: 0.25rem;
}

.allphotos #photosCarousel.media_viewer_carousel {
  top: 50% !important;
}

#photosCarousel.media_viewer_carousel {
  top: 50% !important;
}

.swal2-popup {
  -webkit-box-shadow: 0 0 17px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 17px 4px rgba(0, 0, 0, 0.08);
}

#page-contents {
  padding-top: 3.5rem !important;
}

#page-contents.chat-box-contents {
  padding-top: 0 !important;
}

.notification_page.marketplaec-notification_page.mt-3 {
  padding-top: 3.5rem;
}

.connected-apps-container .dropdown-item,
.connected-apps-container header .icon-bar a {
  padding: 8px !important;
}

.connected-apps-container .dropdown-item:hover {
  border-radius: 8px;
}

.cross_minimize {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#reel_popup_modal .comment-field .emoji-picker .panel {
  right: auto !important;
  left: 0 !important;
}

#edit-list-name-popup,
#delete-list-name-popup,
#create-list-name-popup {
  background-color: rgba(255, 255, 255, 0.5);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  z-index: 1055;
}

#edit-list-name-popup .who-can-see,
#delete-list-name-popup .who-can-see,
#create-list-name-popup .who-can-see {
  font-size: 1.0625rem;
}

#edit-list-name-popup .story_cross,
#delete-list-name-popup .story_cross,
#create-list-name-popup .story_cross {
  background: #999;
  border-radius: 50%;
  color: #fff;
  text-shadow: none;
  opacity: 1;
  font-size: 2rem;
  cursor: pointer;
}

#edit-list-name-popup .bottom-btns label,
#delete-list-name-popup .bottom-btns label,
#create-list-name-popup .bottom-btns label {
  font-weight: bold;
}

#edit-list-name-popup #default_audience,
#delete-list-name-popup #default_audience,
#create-list-name-popup #default_audience {
  height: 1.25rem;
  width: 1.25rem;
  margin-right: 0.2rem;
}

#edit-list-name-popup .bottom-btns br,
#delete-list-name-popup .bottom-btns br,
#create-list-name-popup .bottom-btns br {
  display: none;
}

#edit-list-name-popup .btn-over.btn,
#delete-list-name-popup .btn-over.btn,
#create-list-name-popup .btn-over.btn {
  color: #0b7aff;
  width: auto;
}

#edit-list-name-popup .btn-over.btn:hover,
#delete-list-name-popup .btn-over.btn:hover,
#create-list-name-popup .btn-over.btn:hover {
  background-color: #efefef;
}

#edit-list-name-popup .btn,
#delete-list-name-popup .btn,
#create-list-name-popup .btn {
  float: right;
  height: 34px;
  font-size: 0.9375rem;
  font-weight: 100;
  letter-spacing: 1px;
  width: 7rem;
  text-align: center;
  padding: 4px 19px;
  font-weight: 500;
}

#edit-list-name-popup .modal-content,
#delete-list-name-popup .modal-content,
#create-list-name-popup .modal-content {
  border: none !important;
  -webkit-box-shadow: #636363 0px 2px 8px 0px !important;
          box-shadow: #636363 0px 2px 8px 0px !important;
}

#edit-list-name-popup .modal-header,
#delete-list-name-popup .modal-header,
#create-list-name-popup .modal-header {
  height: 4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#edit-list-name-popup .modal-title,
#delete-list-name-popup .modal-title,
#create-list-name-popup .modal-title {
  font-size: 1.25rem;
  color: #050505;
}

#edit-list-name-popup .modal-open .modal,
#delete-list-name-popup .modal-open .modal,
#create-list-name-popup .modal-open .modal {
  overflow-x: visible;
  overflow-y: visible;
}

#edit-list-name-popup .modal-dialog,
#delete-list-name-popup .modal-dialog,
#create-list-name-popup .modal-dialog {
  margin: 0.0rem auto;
}

#edit-list-name-popup .modal-body,
#delete-list-name-popup .modal-body,
#create-list-name-popup .modal-body {
  padding: 0;
}

#edit-list-name-popup #modal_parent_div,
#delete-list-name-popup #modal_parent_div,
#create-list-name-popup #modal_parent_div {
  padding-right: 0 !important;
}

#edit-list-name-popup .icon-size,
#delete-list-name-popup .icon-size,
#create-list-name-popup .icon-size {
  font-size: 32px;
}

#edit-list-name-popup .story_setting_button,
#delete-list-name-popup .story_setting_button,
#create-list-name-popup .story_setting_button {
  border: none;
  padding: 4px 7px 4px 7px;
  border-radius: 7px;
  min-width: 70px;
}

#edit-list-name-popup .cross,
#delete-list-name-popup .cross,
#create-list-name-popup .cross {
  border: none;
}

#edit-list-name-popup .mute_story_container,
#delete-list-name-popup .mute_story_container,
#create-list-name-popup .mute_story_container {
  width: 100%;
  min-width: 300px;
}

#edit-list-name-popup .cross-btn,
#delete-list-name-popup .cross-btn,
#create-list-name-popup .cross-btn {
  position: absolute;
  right: 1rem;
  top: 1.25rem;
}

#edit-list-name-popup .element-items,
#delete-list-name-popup .element-items,
#create-list-name-popup .element-items {
  display: grid;
  grid-template-columns: 1fr 3rem;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.35rem;
  border-radius: 0.4rem;
  margin: 0.5rem;
}

#edit-list-name-popup .element-items:hover,
#delete-list-name-popup .element-items:hover,
#create-list-name-popup .element-items:hover {
  background-color: #e4e6eb;
}

#edit-list-name-popup .element-items label,
#delete-list-name-popup .element-items label,
#create-list-name-popup .element-items label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#edit-list-name-popup .element-check .bi,
#delete-list-name-popup .element-check .bi,
#create-list-name-popup .element-check .bi {
  font-size: 1.5rem;
  margin-right: 0.75rem;
  background-color: #efefef;
  height: 3.75rem;
  width: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#edit-list-name-popup .element-items input[type="radio"],
#delete-list-name-popup .element-items input[type="radio"],
#create-list-name-popup .element-items input[type="radio"] {
  -webkit-appearance: auto;
  width: 1.25rem;
  height: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#edit-list-name-popup .element-items br,
#delete-list-name-popup .element-items br,
#create-list-name-popup .element-items br {
  display: none;
}

#edit-list-name-popup .bottom-btns,
#delete-list-name-popup .bottom-btns,
#create-list-name-popup .bottom-btns {
  -webkit-box-shadow: 0px -2px 3px #e0d7d7;
          box-shadow: 0px -2px 3px #e0d7d7;
}

.sticking-position {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.sticking-position .card {
  border: 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px !important;
          box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px !important;
  border-radius: 0.5rem;
}

.modal-body-edit-profile {
  background-color: white;
  border: 0;
  -webkit-box-shadow: #63636340 0px 0px 4px 1px !important;
          box-shadow: #63636340 0px 0px 4px 1px !important;
  border-radius: 0.5rem;
}

.cropper-modal {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.toggleCustomFriendListMembersModal {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.toggleCustomFriendListMembersModal .modal-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.toggleCustomFriendListMembersModal .modal-header .close {
  position: absolute;
  right: 1rem;
}

.toggleCustomFriendListMembersModal .modal-header .close .fa {
  font-weight: 400;
  color: #050505;
  font-size: 1.25rem;
}

.toggleCustomFriendListMembersModal .modal-footer {
  -webkit-box-shadow: 0px -1px 2px 0px #cfcfcf;
          box-shadow: 0px -1px 2px 0px #cfcfcf;
}

.toggleCustomFriendListMembersModal .modal-footer .btn {
  font-weight: 500;
}

.toggleCustomFriendListMembersModal .modal-footer .btn-outline {
  color: #0866ff;
}

.toggleCustomFriendListMembersModal .modal-footer .btn-outline:hover {
  background-color: #E4E6EB;
}

.toggleCustomFriendListMembersModal .list-element-friend:hover {
  background-color: #f0f2f5;
}

.toggleCustomFriendListMembersModal .selected-friend {
  background: #ebf5ff;
  border-radius: 0.2rem;
  padding: 0.2rem;
  color: #0866ff;
  font-weight: 500;
  margin-right: 0.2rem;
}

.toggleCustomFriendListMembersModal .selected-friend button {
  color: #0866ff;
  font-weight: 500;
}

.toggleCustomFriendListMembersModal .text-selected {
  display: block;
  width: 100%;
  color: #65676b;
}

.toggleCustomFriendListMembersModal .hide-friends {
  padding: 0.35rem 0.5rem 0.25rem;
}

.toggleCustomFriendListMembersModal .form-check-label {
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.toggleCustomFriendListMembersModal .selected_friend_list_grid {
  position: relative;
  display: inline-block;
}

.toggleCustomFriendListMembersModal .selected_friend_list_grid .custom-checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.toggleCustomFriendListMembersModal .selected_friend_list_grid .checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 1.5rem;
  width: 1.5rem;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid #aaa;
  z-index: 0;
}

.toggleCustomFriendListMembersModal .selected_friend_list_grid .checkmark:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid #aaa;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.toggleCustomFriendListMembersModal .selected_friend_list_grid .custom-checkbox:checked ~ .checkmark {
  background-color: #0866ff;
}

.toggleCustomFriendListMembersModal .selected_friend_list_grid .custom-checkbox:checked ~ .checkmark:after {
  border-color: white;
}

.card {
  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
          box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
  border: 0 !important;
  border-radius: 0.5rem;
}

.gallery {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#editProfileModal {
  background-color: rgba(255, 255, 255, 0.75);
}

.slick-prev:before,
.slick-next:before {
  font-family: 'Font Awesome 6 Pro';
  height: 2.5rem;
  width: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #050505;
  border: 1px solid #e4e6eb;
  font-size: 1.5rem;
  opacity: 1;
}

.slick-next:before {
  content: '\203A';
}

.slick-prev:before {
  content: '\2039';
}

.textarea-flex-container .comment-field .emoji-picker .panel {
  right: 0 !important;
  left: auto !important;
  top: auto !important;
  bottom: 20px;
}

.comments-feed-items-popup .textarea-flex-container .comment-field.expand .emoji-picker .panel {
  right: auto !important;
  left: 0 !important;
}

.comment-field.expand .sticky-add-comment .browser-upload-menu {
  top: -86px !important;
  left: 0 !important;
  right: auto !important;
}

.sticky-add-comment .browser-upload-menu {
  border: none;
  -webkit-transform: none !important;
          transform: none !important;
}

.textarea-flex-container.focus .comment-field .emoji-picker .panel {
  right: auto !important;
  left: 0 !important;
}

#error404 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#error404 .message {
  color: #65676b;
  font-size: 1.25rem;
  color: #050505;
}

#error404 .modal-open .modal {
  overflow-x: visible;
  overflow-y: visible;
}

#error404 .modal-dialog {
  margin: 0.0rem auto;
}

#error404 .modal-body {
  padding: 0;
}

#error404 #modal_parent_div {
  padding-right: 0 !important;
}

#error404 .icon-size {
  font-size: 32px;
}

#error404 .story_setting_button {
  border: none;
  padding: 4px 7px 4px 7px;
  border-radius: 7px;
  min-width: 70px;
}

#error404 .cross {
  border: none;
}

#error404 .mute_story_container {
  width: 100%;
  min-width: 300px;
}

#error404 .cross-btn {
  position: absolute;
  right: 1rem;
  top: 1.25rem;
}

#error404 .element-items {
  display: grid;
  grid-template-columns: 1fr 3rem;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.35rem;
  border-radius: 0.4rem;
  margin: 0.5rem;
}

#error404 .element-items:hover {
  background-color: #e4e6eb;
}

#error404 .element-items label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#error404 .element-check .bi {
  font-size: 1.5rem;
  margin-right: 0.75rem;
  background-color: #efefef;
  height: 3.75rem;
  width: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#error404 .element-items input[type="radio"] {
  -webkit-appearance: auto;
  width: 1.25rem;
  height: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#error404 .element-items br {
  display: none;
}

#error404 .bottom-btns {
  -webkit-box-shadow: 0px -2px 3px #e0d7d7;
          box-shadow: 0px -2px 3px #e0d7d7;
}

.toggleCustomFriendListMembersModal {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.toggleCustomFriendListMembersModal .modal-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.toggleCustomFriendListMembersModal .modal-header .close {
  position: absolute;
  right: 1rem;
}

.toggleCustomFriendListMembersModal .modal-header .close .fa {
  font-weight: 400;
  color: #050505;
  font-size: 1.25rem;
}

.toggleCustomFriendListMembersModal .modal-footer {
  -webkit-box-shadow: 0px -1px 2px 0px #cfcfcf;
          box-shadow: 0px -1px 2px 0px #cfcfcf;
}

.toggleCustomFriendListMembersModal .modal-footer .btn {
  font-weight: 500;
}

.toggleCustomFriendListMembersModal .modal-footer .btn-outline {
  color: #0866ff;
}

.toggleCustomFriendListMembersModal .modal-footer .btn-outline:hover {
  background-color: #E4E6EB;
}

.toggleCustomFriendListMembersModal .list-element-friend:hover {
  background-color: #f0f2f5;
}

.toggleCustomFriendListMembersModal .selected-friend {
  background: #ebf5ff;
  border-radius: 0.2rem;
  padding: 0.2rem;
  color: #0866ff;
  font-weight: 500;
  margin-right: 0.2rem;
}

.toggleCustomFriendListMembersModal .selected-friend button {
  color: #0866ff;
  font-weight: 500;
}

.toggleCustomFriendListMembersModal .text-selected {
  display: block;
  width: 100%;
  color: #65676b;
}

.toggleCustomFriendListMembersModal .hide-friends {
  padding: 0.35rem 0.5rem 0.25rem;
}

.toggleCustomFriendListMembersModal .form-check-label {
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.toggleCustomFriendListMembersModal .selected_friend_list_grid {
  position: relative;
  display: inline-block;
}

.toggleCustomFriendListMembersModal .selected_friend_list_grid .custom-checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.toggleCustomFriendListMembersModal .selected_friend_list_grid .checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 1.5rem;
  width: 1.5rem;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid #aaa;
  z-index: 0;
}

.toggleCustomFriendListMembersModal .selected_friend_list_grid .checkmark:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid #aaa;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.toggleCustomFriendListMembersModal .selected_friend_list_grid .custom-checkbox:checked ~ .checkmark {
  background-color: #0866ff;
}

.toggleCustomFriendListMembersModal .selected_friend_list_grid .custom-checkbox:checked ~ .checkmark:after {
  border-color: white;
}

.all-listing-tabs .card {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  margin-top: 0 !important;
}

@media (min-width: 767px) {
  .profile-post .create-post.mt-3 {
    margin-top: 0 !important;
  }
}

@media (max-width: 575px) {
  .mb-hide {
    display: none !important;
  }
}

.profile-user-sec {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  background-color: white;
  -webkit-box-shadow: 1px 1px 1px #e4e6eb;
          box-shadow: 1px 1px 1px #e4e6eb;
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .profile-user-sec {
    font-family: "Roboto", serif !important;
  }
}

@media (max-width: 767px) {
  .group-right-section,
  .sticking-position {
    font-family: "Roboto", serif !important;
  }

  .profile-user-sec {
    margin-bottom: 0 !important;
  }

  .profile-user-sec .maindiv {
    padding: 0 !important;
  }

  .profile-user-sec .cover_image_container2 {
    height: 17rem !important;
    padding-bottom: 0;
  }

  .reviewpagebgcolor {
    width: 100%;
  }

  .sticking-position .card.mb-3 {
    margin-bottom: 0 !important;
  }

  .sticking-position .card {
    padding: 0.5rem 1.5rem !important;
  }

  .sticking-position .col-md-12.my-2 {
    margin: 0 !important;
  }

  .sticking-position .card {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border-radius: 0;
  }

  .sticking-position .card .card-body {
    padding: 0 !important;
    margin: 0 !important;
  }

  .group-right-section .card {
    border-radius: 0 !important;
    -webkit-box-shadow: 0 !important;
            box-shadow: 0 !important;
  }

  .group-right-section .light-grey-custom {
    font-size: 1rem;
  }

  .group-right-section .profile-post {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .group-right-section .mb-4.mx-3 .card {
    border-radius: 0;
  }

  .group-right-section .gallery-grid-item {
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  .profile-user-sec .cover_image_container2 {
    height: 13rem !important;
  }
}

@media (max-width: 767px) {
  .header-adjsutment .nav_bar_container .col-sm-6.col-lg-6,
  .header-adjsutment .nav_bar_container .col-sm-6.col-lg-3 {
    display: none !important;
  }
}

.btn-primary:hover {
  background: #1967d8;
}

.seeallText {
  font-size: 17px;
  font-weight: 400;
  color: #0064d1;
}

.seeallText:hover {
  text-decoration: none;
}

.profile-width #dropDownMenu09 {
  right: -95px;
  left: auto;
  margin-top: 0;
  border: 0;
  -webkit-box-shadow: -5px -1px 15px 6px #d5d5d5;
          box-shadow: -5px -1px 15px 6px #d5d5d5;
  top: 167%;
  min-width: 18rem;
  position: absolute;
  background-color: white;
  z-index: 1050;
  border-radius: 0.5rem;
  border-top-left-radius: 0;
  padding: 8px 0;
}

.group-right-section {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.likesTab .groupsCLS {
  display: none;
}

.popup-cover-img {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  background-color: black;
  z-index: 9999;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup-cover-img img {
  height: auto;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 90vw;
  margin: auto;
  max-height: 90vh;
}

.popup-cover-img {
  display: none;
}

.popup-cover-img.show {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

body:has(.popup-cover-img.show) {
  overflow: hidden;
}

.dot-flashing {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #e4e6eb;
  color: #e4e6eb;
  -webkit-animation: dot-flashing 1s infinite linear alternate;
          animation: dot-flashing 1s infinite linear alternate;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.dot-flashing::before,
.dot-flashing::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-flashing::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #e4e6eb;
  color: #e4e6eb;
  -webkit-animation: dot-flashing 1s infinite alternate;
          animation: dot-flashing 1s infinite alternate;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.dot-flashing::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #e4e6eb;
  color: #e4e6eb;
  -webkit-animation: dot-flashing 1s infinite alternate;
          animation: dot-flashing 1s infinite alternate;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

@-webkit-keyframes dot-flashing {
  0% {
    background-color: #e4e6eb;
  }

  50%, 100% {
    background-color: rgba(27, 27, 27, 0.2);
  }
}

@keyframes dot-flashing {
  0% {
    background-color: #e4e6eb;
  }

  50%, 100% {
    background-color: rgba(27, 27, 27, 0.2);
  }
}

@media (min-width: 900px) and (max-width: 1160px) {
  .profile_image_container.Reels-menu .dropdown-menu.show {
    left: 5rem !important;
    border-top-left-radius: 0 !important;
  }

  .profile_image_container.Reels-menu .dropdown-menu.show svg.position-absolute {
    left: -1px !important;
  }
}

.left-position-pop-up {
  left: -1.75rem !important;
}

@media (max-width: 900px) and (min-width: 575px) {
  .update_profile_image.btn {
    bottom: -2.5rem !important;
  }

  .profile-width .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    display: block !important;
    text-align: center;
  }

  .profile-width .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }

  .profile-width .profile-div {
    height: 7rem !important;
    top: -3.5rem;
    margin: auto;
  }

  .profile-width .update_profile_image.bt {
    bottom: -3.8rem;
  }

  .profile-width .length-mutual-frinds {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  .profile-width .buttons-g-m {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 0.75rem;
  }
}

.mediaViewerModal-body .reaction-wrapper .inner {
  position: relative;
}

.mediaViewerModal .react-box {
  width: 300px;
}

.mediaViewerModal .react-box li {
  width: 32px;
  height: 30px;
}

.mediaViewerModal .newsfeed-reactions-icons {
  width: 30px;
  height: 30px;
}

.friend-grid-left-sidebar-heading p {
  color: #65676b;
  font-weight: 600;
}

.friend-grid-left-sidebar-heading h4 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #050505;
}

.friend-grid-left-sidebar h5 {
  font-weight: 500;
  color: #050505;
  font-size: 0.9375rem;
}

.friend-grid-left-sidebar h5 + div {
  font-weight: 400;
  color: #65676b;
  font-size: 13px;
}

.friend-grid-left-sidebar-fixed .main-left-scroll h6 {
  font-size: 1.0625rem;
  font-weight: 600;
  color: #050505;
}

.active-story-chat {
  padding: 1px;
  outline: 2px solid #0866ff;
}

.friendReq-sec {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.friendReq-sec .friends-request-newsfeed.media-body {
  font-size: 15px;
  font-weight: 600;
  color: #65676b;
}

body:has(.sp-mutual-friends) .tooltip[x-placement^="bottom"] {
  margin-top: 0 !important;
}

body:has(.sp-mutual-friends) .tooltip-arrow {
  display: none;
}

body:has(.sp-mutual-friends) .tooltip-inner {
  opacity: 0.9 !important;
}

.length-mutual-frinds a:first-child {
  z-index: 2;
}

.length-mutual-frinds a:not(:first-child) .mutual-friends-img {
  margin-left: -0.2rem;
}

body:has(#videoDetailFirstPopup.show) .textarea-flex-container .comment-field .emoji-picker .panel {
  right: auto !important;
  left: 0;
  bottom: 20px;
  top: auto;
}

body:has(#videoDetailFirstPopup.show) .sticky-add-comment .browser-upload-menu {
  top: 0 !important;
  left: auto !important;
  right: auto !important;
}

body:has(.liked-page-font.show) .navigation-first-wrapper,
body:has(.liked-page-font.show) .navigation-second-wrapper {
  display: none;
}

body:has(.liked-page-font.show) .navigation-sec-third-wrapper {
  margin-left: auto;
}

body:has(.liked-page-font.show) .navigation-main-wrapper {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}

@media screen and (max-width: 992px) {
  .video-comment-section .post-type-wrapper {
    margin-top: 34px !important;
  }

  .post-comments-outer {
    width: 100% !important;
  }

  #page-contents {
    padding-top: 0rem !important;
  }
}

@media screen and (max-width: 575px) {
  .video-comment-section {
    margin-top: 240px;
  }

  .video-comment-section .post-type-wrapper {
    margin-top: 34px !important;
  }

  .video-comment-section .post-comments-outer {
    padding-left: 0;
  }
}

.news-feed-left-menu {
  margin-left: 8px;
  margin-right: 8px;
  padding: 0;
}

@media screen and (max-width: 992px) {
  #showSideBarMenu {
    display: block;
  }

  .video-comment-section {
    margin-top: 52px;
  }

  .watch-detail-page .navbar {
    top: 96px;
    padding-right: 4px;
  }
}

.gallery {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#editProfileModal {
  background-color: rgba(255, 255, 255, 0.75);
}

.slick-prev:before,
.slick-next:before {
  font-family: 'Font Awesome 6 Pro';
  height: 2.5rem;
  width: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #050505;
  border: 1px solid #e4e6eb;
  font-size: 1.5rem;
  opacity: 1;
}

.slick-next:before {
  content: '\203A';
}

.slick-prev:before {
  content: '\2039';
}

#error404 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#error404 .message {
  color: #65676b;
  font-size: 1.25rem;
  font-weight: 700;
}

#error404 .details {
  color: #65676b;
  font-size: 17px;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}

#error404 .buttons a,
#error404 .links a {
  font-size: 17px;
  font-weight: 600;
  color: #0064d1;
  background: none;
}

#error404 .buttons a:hover,
#error404 .links a:hover {
  text-decoration: underline;
}

#error404 button {
  font-size: 17px;
  font-weight: 600;
}

@media screen and (max-width: 992px) {
  .video-comment-section .post-comments-outer {
    display: none !important;
  }
}

@media screen and (max-width: 575px) {
  .video-comment-section .post-comments-outer {
    display: none !important;
  }

  .post-header-three-dots-menu {
    width: 300px;
  }
}

.watch-post-width .style-1 video {
  /*min-height: 450px !important;*/
}

.reel-Story-modal-parent #showSideBarMenu,
.reel-Story-modal-parent .navigation-input-wrapper,
.reel-Story-modal-parent .navigation-mobile-first-row-logo,
.reel-Story-modal-parent .header-second-equal-spacing,
.reel-Story-modal-parent .navigation-first-wrapper,
.reel-Story-modal-parent .header-notification-center-wrapper {
  display: none;
}

.reel-Story-modal-parent .navigation-header-mobile-wrapper,
.reel-Story-modal-parent .navigation-main-wrapper {
  background-color: transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: auto;
  right: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.reel-Story-modal-parent .navigation-sec-third-wrapper {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media screen and (max-width: 992px) {
  .reel-Story-modal-parent .navigation-sec-third-wrapper {
    margin-top: 8px;
  }

  .reel-Story-modal-parent .navigation-header-mobile-wrapper {
    position: fixed;
  }
}

.showoriginal {
  white-space: nowrap;
}

@media screen and (max-width: 600px) {
  body:has(.reel_popup_modal.show) .navigation-mobile-first-icons-wrapper {
    display: none;
  }
}