#article-fix .wall-feed-articles {
  --color-primary: #2687c9;

  --text-color-white: #fff;
  --text-color-grey: #777777;
  --text-color-grey2: #555555;

  --input-field-gap: 16px;

  --bg-color-main: #fff;
  --bg-color-grey: #f8f8f8;
  --bg-color-grey2: #dddddd;
  --bg-color-grey3: #333333;
}

#article-fix .wall-feed-articles .line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#article-fix .wall-feed-articles .line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

#article-fix .wall-feed-articles .add-article__imageplaceholder {
  max-height: 130px;
  width: 100%;
}

#article-fix .wall-feed-articles .image-added .add-article__imageplaceholder {
  max-height: 250px;
}

#article-fix .wall-feed-articles .ql-editor {
  max-height: 100%;
}

#article-fix .wall-feed-articles .infinite-scroll-component {
  margin-top: 0;
}

#article-fix .wall-feed-articles .post-submit {
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  background: #2687c9;
  border-radius: 12px;
  font-size: 18px;
  text-align: center;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  color: #fff;
  padding: 7px;
}

#article-fix .wall-feed-articles .add-article__image-container {
  padding: 0;
  padding-bottom: 40px;
}

#article-fix .wall-feed-articles .imgPostMain {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

#article-fix .wall-feed-articles .imgPostMainPre21-common .imgPostImLi {
  display: flex;
  flex-direction: column;
}

#article-fix .wall-feed-articles .imgPostMainPre21-common .imgPostImLi .img_active {
  height: 100%;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  max-height: 200px;
}

#article-fix .wall-feed-articles .imgPostImage {
  max-height: 250px;
  /* aspect-ratio: 16 / 9; */
  border-top-right-radius: 16px !important;
  border-top-left-radius: 16px !important;
}

/* .wall-feed-articles .imgPostText {
  padding: 20px;
} */
#article-fix .wall-feed-articles .imgPostText #atc_title {
  line-height: 40px;
}

#article-fix .wall-feed-articles .imgPostText #atc_title,
#article-fix .wall-feed-articles .imgPostText #atc_desc {
  color: var(--bg-color-grey3);
}

#article-fix .wall-feed-articles .imgPostText:hover #atc_title,
#article-fix .wall-feed-articles .imgPostText:hover #atc_desc {
  text-decoration: underline;
}

#article-fix .wall-feed-articles .imgPostImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 16 / 9;
}

/* Article Skeleton */
/* .article__skeleton {
  margin-top: 16px;
} */
/* End Article Skeleton */

/* Single Article */
#article-fix .single__article-body .imgPostMainPre21-common {
  background-color: transparent;
}

/* Image/Video Card */
#article-fix .single-artilcle__image-card {
  aspect-ratio: 16 / 9;
}

#article-fix .single-article__image-card-objectCover img {
  /*width: 100%;*/
  /*height: auto;*/
  object-fit: contain !important;
  aspect-ratio: unset !important;
}

#article-fix .single-article__image-card-objectCoverDetails {
  aspect-ratio: revert !important;
}

#article-fix .single-artilcle__image-card iframe {
  width: 100%;
  height: 100%;
}

/* Image card */
#article-fix .article-details__image-card__container {
  height: 100%;
  width: 100%;
  max-height: 667px;
}

#article-fix .article-details__image-card__container img,
#article-fix .article-details__image-card__container .article-details__no-image::before,
#article-fix .article-details__image-card__container .article-details__image-card {
  border-radius: 20px;
  height: 100%;
  max-height: 667px;
  object-fit: cover;
  /* object-position: center; */
  width: 100%;
  max-width: 100%;
}

/* End Image/Video Card */

/* Article Footer */
#article-fix .article__footer {
  display: flex;
  flex-direction: column;
}

#article-fix .article__footer-comment {
  /*display: flex !important;*/
  /*justify-content: space-between !important;*/
  /*align-items: center !important;*/
  border: none !important;
  padding: 0;
  margin-top: 5px;
}

#article-fix .article__footer-comment__title {
  display: flex;
  position: unset;
  cursor: pointer;
}

#article-fix .article__footer-comment .MoreComm {
  display: flex;
  float: unset;

  font-weight: normal !important;
  font-size: 14px !important;
  line-height: 18px !important;
  text-transform: capitalize;
}

#article-fix .article__footer-comment .MoreComm .article__footer-comment__total-share {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1px;
}

#article-fix .article__footer-comment .MoreComm .article__footer-comment__total-share .icon-dot {
  font-size: 0.35em;
  display: flex;
  align-items: center;
  flex-direction: row;
}

/* #article-fix .article__footer-comment .MoreComm span {
  color: var(--text-color-grey);
} */
/* End Article Footer */
/* End Single Article */

/* No more articles */
#article-fix .no-more__articles {
  margin-top: 16px;
  margin-bottom: 48px;
}

#article-fix .no-more__articles p {
  /* color: var(--bg-color-grey3); */
  text-align: center;
}

/* End No more articles */

#article-fix .extraStyle {
  padding: 5;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid black;
}

#article-fix .extraStyle:focus {
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
  border-color: red;
}

#article-fix .rightBack {
  color: #333333;
  font-size: 15px;
  font-weight: bold;
  margin-right: 15px;
  margin-left: 12px;
}

#article-fix .right {
  color: #333333;
  font-size: 12px;
  font-weight: bold;
  margin-right: 8px;
  margin-left: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

#article-fix .flex_ {
  color: #333333;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: x-small;
}

#article-fix .backArrow {
  stroke: black;
  /* padding: 4px; */
  background-color: #2687c9;
  border-radius: 50%;
  /* Makes the SVG background rounded */
  display: flex;
  /* Centers the arrow inside */
  align-items: center;
  justify-content: center;
  padding: 4px;
}

#article-fix .createPostBorderLeft {
  border-left: 1px solid #333333 !important;
}

#article-fix .post-modal-user-icon-21 {
  width: 45px;
  height: 45px;
  position: relative;
}

#article-fix .post-modal-user-icon-21>.post_profile_pic_star {
  width: 45px;
  height: 45px;
}

#article-fix .profile_info_main17.profile-21>.com_name_main17 {
  width: 150px;
  float: left;
  padding-left: 4px;
  padding-top: 3px;
}

#article-fix .post_profile_top.post_In_Group {
  margin-bottom: 15px;
  float: left;
  width: 100%;
}

#article-fix .infinite-scroll-component .post_body_left {
  min-width: 350px !important;
  float: left;
  /* width: 100%; */
  -moz-border-radius: 20px !important;
  -webkit-border-radius: 20px !important;
  /*border-radius: 20px !important;*/
  border-radius: 0px !important;
  overflow: unset !important;
  margin-bottom: 15px;
}

#article-fix .attach_content-21 {
  margin-bottom: 20px;
  width: 99%;
  float: left;
  margin-top: 20px;
}

#article-fix .attach_content-21 {
  position: relative;
}

#article-fix .my_streamcontent2_right .dropbtn {
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}

#article-fix .ShareDrop19 {
  position: relative;
  display: inline-block;
  line-height: 20px;
  cursor: pointer;
}

#article-fix .portfolio_body_right4 .my_streamcontent2.main {
  box-sizing: border-box;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-top: 0px;
  position: relative;
  display: flex;
  justify-content: space-between;
  /*align-items: flex-start;*/
  padding: 10px !important;
}

#article-fix .allpost-body-left .main {
  width: 100%;
  float: left;
  position: relative;
  height: auto !important;
}

#article-fix .my_streamcontent2 {
  padding: 0 !important;
  width: 100%;
  float: left;
}

#article-fix .my_streamcontent2_right {
  max-width: 221px;
  float: right;
  font-weight: 400;
  display: flex;
  align-items: center;
}

#article-fix .my_streamcontent2_left {
  max-width: 337px;
  float: left;
  display: flex;
  align-items: center;
}

#article-fix span.icon-like {
  font-size: 1.85rem;
  margin-right: 6px;
  position: relative;
  top: -2px;
}

#article_comment_container {
  border-bottom: 1px solid #eeeeee !important;
  padding-bottom: 10px;
  margin-bottom: 20px;
  /*display: flex !important;*/
  /*justify-content: space-between !important;*/
  /*align-items: center;*/
}

/*#article_comment_container .comment_friend.after_comment.more_comment_2339.my_streamcontent3.main {*/
/*  display: flex !important;*/
/*  justify-content: space-between !important;*/
/*  align-items: center;*/
/*}*/
#article-fix .my_streamcontent3.main {
  width: 100%;
}

#article-fix .allpost-body-left .main {
  width: 100%;
  float: left;
  position: relative;
  height: auto !important;
}

#article-fix .comment-show-hide-link-icom {
  margin-top: 4px;
}

#article-fix .ShareDrop19-content {
  display: block;
  position: absolute;
  background: #ffffff;
  min-width: 179px;
  z-index: 100;
  right: -7px;
  top: 33px;
  box-shadow: 0px 10px 28px rgb(0 0 0 / 22%);
  border-radius: 12px;
  padding: 14px 0px 14px 0px;
}

#article-fix .ShareDrop19-content a {
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 18px;
  padding: 10px 0px 9px 17px;
  transition: 0.5s;
  display: block;
}

#article-fix .share_Tribel_post a.share_Tribel svg {
  height: 17px;
  width: 17px;
  float: left;
  right: 6px;
  position: relative;
}

#article-fix .info-edit-popup.user_honer_award .permission-dropdown a,
#article-fix .friends_droupdown_heading h3,
#article-fix .related_post_area .more-post-list li a,
#article-fix .related_post_area .more-post-list .post-title-link,
#article-fix .my_streamcontent3.main .comment_reply,
#article-fix .ShareDrop19-content a,
#article-fix h5.MoreComm,
#article-fix .my_streamcontent_like span.light2 span,
#article-fix .setuserName input.form-control {
  color: #555555;
}

#article-fix .repp svg.likeIconSvg g g polygon,
#article-fix .repp svg.likeIconSvg g g path,
#article-fix .my_streamcontent3.main .last_coment_amount_like a svg g g,
#article-fix .last_coment_amount_like_own svg g g,
#article-fix .share_Tribel_post a.share_Tribel svg path.st4 {
  /* fill: #777777; */
}

#article-fix .article_footer_comment_title {
  color: #555555 !important;
}

#article-fix .infinite-scroll-component .post-user-profile,
#article-fix .user-post-pic-holder,
#article-fix .user-post-pic-holder img {
  width: 45px !important;
  height: 45px !important;
  text-align: center;
  margin-left: 2px !important;
}

#article-fix .profile_image_with_star .portfolio_dropdown img,
#article-fix .profile_image_with_star img.user_profile_img2021,
#article-fix .image-start-container .user_profile_img-2021 {
  min-width: 0px !important;
  border: none !important;
  border-radius: 50%;
}

#article-fix .my_streamcontent3.main .my_streamcontent3_right_history {
  font-weight: 700;
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 0px !important;
  display: flex;
  justify-content: end;
}

#article-fix #atc_images>img {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
}

#article-fix span.post_head_cat21 {
  float: left;
  position: relative;
}

#article-fix span.post_head_cat21>a {
  /* background: rgba(38, 135, 201, 0.1); */
  border-radius: 5px;
  display: inline-block;
  padding: 6px 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #1388d1 !important;
  text-decoration: none;
  width: 89px;
}

#article-fix #single-article-card span.post_head_cat21>a {
  border-radius: 5px;
  display: inline-block;

  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #1388d1 !important;
  text-decoration: none;
  width: initial;
  max-width: 100px;
  padding: 0 0 0 5px;
}

#article-fix .profile_info_main17 .com_name_main17 a {
  width: unset !important;
  margin-right: unset !important;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 700 !important;
}

#article-fix .com_name_view17 a,
#article-fix .com_profile_info17 {
  width: 100%;
  text-align: left;
  float: left;
  font-size: 14px;
}

#article-fix .vpost_site_icon__cheap {
  position: absolute;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  font-weight: bold;
  font-size: 11px !important;
  line-height: 15px;
  padding: 6px 8px;
  right: 10px;
  bottom: 0px;
  width: auto;
}

#article-fix .commentsandshare p span {
  color: #999999;
}

.article_baseline {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.article_baseline_2nd {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 15px;
  width: 40%;
}
.mr-4{
  margin-right: 4px;
}
.justify-end{
  justify-content: flex-end;
}
.gap-1 {
  gap: 4px;
}
.gap-2_5 {
  gap: 10px;
}
.article_category_color {
  color: #2687c9;;
}
.pl-10 {
  padding-left: 10px;
}
.pr-10  {
  padding-right: 10px;
}
.pb-10{
  padding-bottom: 10px;
}
.pt-10{
  padding-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.p-6{
  padding: 6px;
}
.title_article {
  margin-top: 7px;
  margin-bottom: 3px;
  font-weight: 600;
}
.pt-5 {
  padding-top: 5px;
}
.__hero-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
}

.follow_icon_main_article {
  background-color: #E9F3F9;
  padding: 4px 6px !important;
  border-radius: 5px !important;
}
/* Merged From Desktop */
/*.text_color {*/
/*  color: #777777;*/
/*}*/

/*.add-article__modal .imgPostText {*/
/*  background-color: #f8f8f8;*/
/*}*/

/*.border_right {*/
/*  border-right: 1px solid #777;*/
/*  margin-right: 2px;*/
/*  margin-left: 2px;*/
/*  height: 10px;*/
/*}*/

/*#newPostFullBody17 .articlePreviewContainer .line-clamp-3 {*/
/*  overflow: hidden;*/
/*  max-height: 180px !important;*/
/*  display: -webkit-box;*/
/*  -webkit-box-orient: vertical;*/
/*  -webkit-line-clamp: 4;*/
/*}*/
/*.article_hero_border_style {*/
/*  border-bottom: 1px solid #eeeeee !important;*/
/*  border-top: 1px solid #eeeeee !important;*/
/*  padding-bottom: 15px;*/
/*  margin-bottom: 20px;*/
/*  padding-top: 15px;*/
/*  margin-top: 20px;*/
/*}*/

/*.article-3dot-modal-icon-notification-style {*/
/*  margin-right: 4px !important;*/
/*}*/

/*#wall-bar-area-21-parent-newPost .wall-bar-area-21 {*/
/*  margin-bottom: 15px;*/
/*  margin-top: 0;*/
/*}*/

/*#articlePreview .imgPostText p.vpost-site-icon {*/
/*  position: absolute;*/
/*  right: 15px;*/
/*  top: unset !important;*/
/*  bottom: 110px;*/
/*  border-radius: 6px;*/
/*  font-weight: bold;*/
/*  font-size: 11px;*/
/*  line-height: 15px;*/
/*  padding: 6px 8px;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  margin-bottom: 0;*/
/*}*/

/*#articlePreview {*/
/*  margin-top: 20px;*/
/*  margin-bottom: 0;*/
/*}*/
/*#articlePreview .imgPostText {*/
/*  background: #f8f8f8;*/
/*}*/
/*#articlePreview .imgPostText {*/
/*  border-radius: 0px 0px 20px 20px;*/
/*  padding: 10px 12px;*/
/*}*/
/*#articlePreview h2 {*/
/*  color: #333333;*/
/*}*/
/*#articlePreview h3 {*/
/*  color: #888888;*/
/*}*/
/*#articlePreview .imgPostText h2 {*/
/*  font-size: 17px !important;*/
/*  margin-bottom: 12px;*/
/*  font-weight: 500;*/
/*  line-height: 23px;*/
/*  display: block;*/
/*  position: relative;*/
/*  top: 8px;*/
/*  width: 100%;*/
/*}*/
/*#articlePreview .vpost-site-icon {*/
/*  background: #ffffff;*/
/*  color: #333333;*/
/*  position: absolute;*/
/*  right: 15px;*/
/*  bottom: 25px;*/
/*  border-radius: 6px;*/
/*  font-weight: bold;*/
/*  font-size: 11px;*/
/*  line-height: 15px;*/
/*  padding: 6px 8px;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  margin-bottom: 0;*/
/*  gap: 4px;*/
/*}*/

/*#articlePreview .imgPostImage {*/
/*  position: relative;*/
/*}*/

/*#articlePreview .imgPostImLi {*/
/*  position: relative;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*}*/

/*#articlePreview .imgPostImage img {*/
/*  height: 300px !important;*/
/*  object-fit: cover !important;*/
/*  border-radius: 20px 20px 0 0;*/
/*}*/
/*#articlePreview .imgPostText h2 {*/
/*  margin-top: 0 !important;*/
/*  line-height: 23px;*/
/*  font-size: 17px;*/
/*  word-break: break-word;*/
/*}*/

/*#articlePreview .line-clamp-1 {*/
/*  overflow: hidden;*/
/*  display: -webkit-box;*/
/*  -webkit-box-orient: vertical;*/
/*  -webkit-line-clamp: 5;*/
/*}*/

/*.left-top-common-article-icon {*/
/*  color: #2687c9;*/
/*  padding-top: 5px;*/
/*}*/

/*#createArticlePostModal {*/
/*  min-height: 80vh;*/
/*  max-height: 100% !important;*/
/*  row-gap: 0;*/
/*}*/

/*#createArticlePostModal .wall-medida-area21 {*/
/*  width: 50%;*/
/*}*/
/*#createArticlePostModal .wall-select-audiance-21 {*/
/*  width: 100%;*/
/*}*/

/*#createArticlePostModal .color_1_add__highlighter {*/
/*  min-height: unset !important;*/
/*  max-height: unset !important;*/
/*}*/

/*#createArticlePostModal .popup-container-main-post-21 {*/
/*  !* max-height: ; *!*/
/*  !* overflow-y: scroll; *!*/
/*  margin: 20px 0;*/
/*}*/

/*#createArticlePostFooter {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: space-between;*/
/*  width: 100%;*/
/*}*/

/*#createArticlePostModal .modal-header {*/
/*  min-height: unset;*/
/*}*/

/*#createArticlePostFooter .footer-left-21 button {*/
/*  margin: 0 !important;*/
/*}*/

/*#createArticlePostModal {*/
/*  justify-content: space-between;*/
/*}*/

/*#newPostFullBody17 .color_1_add__control {*/
/*  display: flex;*/
/*}*/

/*.ql-snow .ql-picker {*/
/*  font-size: 20px !important;*/
/*  color: #686868 !important;*/
/*}*/
/*!*.ql-editor * {*!*/
/*!*  text-decoration: none !important; !* Removes underline *!*!*/
/*!*  color: inherit !important; !* Removes any custom text color *!*!*/
/*!*}*!*/

/*#middle_container_wrapper .article_hero_border_style {*/
/*  margin-top: 0;*/
/*  padding-top: 0;*/
/*  padding-bottom: 0;*/
/*}*/

/*.customFollowClass {*/
/*  cursor: pointer;*/
/*  background-color: #e9f3fa;*/
/*  padding: 5px 10px;*/
/*  border-radius: 8px;*/
/*  color: #2687c9;*/
/*}*/
/*.customFollowClass:hover {*/
/*  background-color: #2687c9;*/
/*  color: #ffffff;*/
/*}*/
/*.customFollowClassDisable:hover {*/
/*  background-color: #e9f3fa !important;*/
/*  color: #2687c9 !important;*/
/*  height: 30px;*/
/*}*/
/*#middle_container_wrapper .profile_toltip_btns {*/
/*  min-width: unset;*/
/*}*/

/*#createArticlePostFooter .permissionDropbox21 {*/
/*  width: 40% !important;*/
/*  display: flex !important;*/
/*}*/
/*#createArticlePostFooter .footer-left-21 button {*/
/*  width: 100% !important;*/
/*}*/

/*#article_hero_border_style {*/
/*  border: none !important;*/
/*}*/

/*.ql-picker-options {*/
/*  background-color: #0a0a0a !important;*/
/*}*/

/*#articleDetailsMoreArticle .article-details__slider-item__details {*/
/*  height: 125px !important;*/
/*}*/
/*#articleDetailsMoreArticle .article-details__details__description,*/
/*#articleDetailsMoreArticle .article-details__details__description > * {*/
/*  word-break: break-word;*/
/*}*/

/*!* Quill Editor Issues *!*/
/*.ql-toolbar {*/
/*  position: relative;*/
/*  z-index: 10; !* Set a higher z-index for the toolbar *!*/
/*}*/

/*.ql-dropdown {*/
/*  position: absolute;*/
/*  z-index: 1000; !* Ensure the dropdown is on top *!*/
/*}*/

/*.ql-editor {*/
/*  position: relative;*/
/*  z-index: 1; !* Editor content should have a lower z-index *!*/
/*}*/

/*.placeholder-class {*/
/*  position: absolute;*/
/*  z-index: 5; !* Placeholder should be under the dropdown *!*/
/*}*/

/*.ql-picker-options {*/
/*  z-index: 9999 !important; !* Force the dropdown to be on top *!*/
/*}*/

/*.add-article__modal-article-description .ql-editor {*/
/*  min-height: 502px;*/
/*}*/

/*#articleSingleHero .newPostModalUserName_Link {*/
/*  font-size: 16px !important;*/
/*  font-weight: 600;*/
/*}*/
/*#articleSingleHero .clickedUrl {*/
/*  font-size: 16px !important;*/
/*}*/

/*#articleList .com_name_view17 a {*/
/*  font-size: 16px !important;*/
/*}*/

#customTooltipContainer {
  position: relative;
}

/*#customTooltip {*/
/*  position: absolute;*/
/*  display: none;*/
/*  top: 35px;*/
/*  background-color: white;*/
/*  color: black;*/
/*  font-size: 12px;*/
/*  padding: 8px;*/
/*  border-radius: 10px;*/
/*  font-weight: 700;*/
/*  width: max-content;*/
/*}*/
#customTooltipContainer:hover #customTooltip {
  display: block;
}

/*.customArticleTooltip {*/
/*  top: 30px;*/
/*}*/
/*.customSToryTooltip {*/
/*  top: 85px;*/
/*  left: 135px;*/
/*}*/

/*.customTooltipCss {*/
/*  background: #ffffff !important;*/
/*}*/

#article-fix .imgPostMain a.imgPostImLi .imgPostImage.linkPostImgview {
  overflow: hidden !important;
}

.modal-content {
  background: #ffffff;
}

#article-fix .permissionDropbox21>button.btn.btn-default.share-option {
  border-radius: 12px;
  width: 115px;
  padding: 12px 10px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f2f2;
}

#article-fix .permissionDropbox21>button.btn.btn-default.share-option a {
  color: #333333;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  margin-right: 5px;
}

#addArticleAudiance .wall-medida-area21 {
  display: none;
}

#addArticleAudiance .wall-bar-area-21 {
  margin: 0;
  width: 100%;
}

#addArticleAudiance .wall-bar-area-21-parent {
  margin: 0;
  width: 100%;
  border: 1px solid #eeeeee;
  border-radius: 12px;
}

#addArticleAudiance .wall-select-audiance-21 {
  width: 100%;
}

#addArticleAudiance .category-select-area {
  width: 100%;
}

#new_post_categoryList {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 7px 20px;
  position: relative;
}

#new_post_categoryList .wall-back-text-select-audiance-21 {
  position: absolute;
  top: 12px;
  left: 35px;
  z-index: 999;
}

#new_post_categoryList .dropdownsdrp2 a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#new_post_categoryList .dropdown-category-filter {
  position: relative;
  margin-left: 1px;
  width: 100%;
  display: flex;
  align-items: center;
}

#new_post_categoryList .dropdown-toggle input {
  text-align: center;
  width: 100%;
}

#new_post_categoryList #drop-down-select-audiance-21 {
  box-shadow: 0px 20px 28px rgb(0 0 0 / 22%);
  border-radius: 0px 0px 20px 20px;
  padding: 15px 0px;
  height: 300px;
  border: none;
  z-index: 999999;
  width: 100%;
  overflow: hidden;
}

#new_post_categoryList>.dropdown-menu>li {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%;
}

#new_post_categoryList li.srcliBox input {
  height: 40px;
  width: 100%;
  display: block;
  padding: 0px 10px;
  outline: none !important;
  border-color: transparent !important;
  background: #f7f7f7;
}

#article-fix input.ranking_search.cat-src-cust.dropFocus.public_filter_search_term_postcatg.public_filter_search_term_postcatg-wall-21 {
  width: 100% !important;
  padding: 6px 13px;
  border-radius: 12px !important;
}

#new_post_categoryList>div:last-child {
  width: 100%;
}

#new_post_categoryList>div .dropdown-toggle {
  width: 100%;
  display: flex;
}

#article-fix .customFollowClass {
  background-color: #e9f3fa;
  padding: 5px 10px;
  border-radius: 8px;
  color: #2687c9;
}

#article-fix .more__article-userinfo {
  /* font-size: 16px; */
  color: var(--text-color-grey2) !important;
  font-size: 20px !important;
  font-weight: bold !important;
  margin-top: 16px;
}

#article-fix .more__article-userinfo {
  /* font-size: 16px; */
  color: var(--text-color-grey2) !important;
  font-size: 20px !important;
  font-weight: bold !important;
}

#article-fix .more__article-slider {
  display: flex;
  margin-bottom: 16px;
  /* flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  column-gap: 24px; */
}

/* Best Stories Section */
/* .article-details__best-stories {
  background-color: var(--bg-color-white);
  padding: var(--val-2) 0 0;
} */
#article-fix .more__article__heading {
  color: var(--text-color-grey1);
  font-size: var(--val-1\/5);
}

#article-fix .more__article__container-slider {
  width: 100%;
  margin-top: var(--val-1);
}

#article-fix .more__article__slider {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

#article-fix .more__article__slider .swiper {
  width: 100%;
}

#article-fix .more__article__slider .swiper {
  width: 100%;
}

#article-fix .swiper-horizontal {
  touch-action: pan-y;
}

#article-fix .swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

/* #article-fix .more__article__slider-item.more__article__slider-item__less-item {
  max-width: 30% !important;
} */

#article-fix .article-details__slider-item__details {
  /* padding-right: 2.5vw; */
  /* margin-top: 16px; */
  margin-top: -3px;
  background-color: rgba(255, 255, 255, 0.96);
  display: flex;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  min-height: 130px;
}

#article-fix .article-details__slider-item__details-inner {
  margin-top: 20px;
  padding: 0 16px 16px;
}

#article-fix .article-details__slider-item__details:hover .article-details__details__heading {
  text-decoration: underline;
}

#article-fix .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,
      initial);
  box-sizing: content-box;
}

#article-fix .swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#article-fix .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

#article-fix .position-relative {
  position: relative;
}

#article-fix .article-details__image-card,
#article-fix .article-details__image-card img {
  /* border-radius: 20px 20px 0 0; */
  overflow: hidden;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#article-fix .article-details__image-card {
  /* padding-top: 3px; */
  transition: transform 0.3s ease;
  /* aspect-ratio: 1 / 1.2; */
  aspect-ratio: 16 / 9;
}

#article-fix a,
#article-fix ul.dropCustome.sdrpmenu.content.dropBoxnav li,
#article-fix .clear-recent-history-btn,
#article-fix ul.dropCustome.sdrpmenu.content.dropBoxnav li ul li a span.sub-cat-add-img span.icon-checkmark,
#article-fix ul.dropCustome.sdrpmenu.content.dropBoxnav li span.cat-add-img span.icon-checkmark,
#article-fix button.btn-style-white-round.sign-up-btn span.icon-delete,
#article-fix p.friendsFeed_inviteFriend a:hover,
#article-fix .dateTime:hover span.timeHover,
#article-fix .nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design ul.FindFriendsTab li.active a,
#article-fix .nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design ul.FindFriendsTab li a:hover,
#article-fix .sender_list_title li,
#article-fix .sender_list_title li.activeClass,
#article-fix .right_chatBox .single-chat-icon-wrap .single-chat-send-msg,
#article-fix .single-chat-icon-wrap .single-chat-emoji,
#article-fix .right_chatBox .single-chat-inputarea .single-chat-attachement,
#article-fix .single-group-join,
#article-fix .accept-deny-main button {
  color: var(--text-color-grey2) !important;
}

#articlePreview .vpost-site-icon {
  background: #ffffff;
  color: #1e1e1ecf;
}

#article-fix .portfolio_dropdown2.morelike-profile-stars a:nth-of-type(2) {
  margin-left: -16px;
  z-index: 1;
}

#article-fix .morelike-profile-stars a {
  /* position: relative; */
  /* width: 25px; */
  /* height: 25px; */
  margin-right: 5px;
  /* float: left; */
}

#article-fix .my_streamcontent2_left .portfolio_dropdown2 {
  margin-top: 0;
  float: left;
  position: relative;
  margin-left: 15px;
  display: flex;
  align-items: center;
  top: 0px;
}

/* #article-fix .my_streamcontent2 {
  position: unset !important;
} */

#article-fix .article_comment_footer_add_shahi .my_streamcontent2 {
  position: fixed !important;
}

#article-fix .portfolio_body_right4 .my_streamcontent2.main.comment_reply_box_sh {
  position: relative !important;
}

#article-fix .customFollowClass {
  background-color: #e9f3fa;
  padding: 5px 10px;
  border-radius: 8px;
  color: #2687c9;
}

#article-fix .more__article-userinfo {
  /* font-size: 16px; */
  color: var(--text-color-grey2) !important;
  font-size: 20px !important;
  font-weight: bold !important;
  margin-top: 16px;
}

#article-fix .more__article-userinfo {
  /* font-size: 16px; */
  color: var(--text-color-grey2) !important;
  font-size: 20px !important;
  font-weight: bold !important;
}

#article-fix .more__article-slider {
  display: flex;
  margin-bottom: 16px;
  /* flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  column-gap: 24px; */
}

/* Best Stories Section */
/* .article-details__best-stories {
  background-color: var(--bg-color-white);
  padding: var(--val-2) 0 0;
} */
#article-fix .more__article__heading {
  color: var(--text-color-grey1);
  font-size: var(--val-1\/5);
}

#article-fix .more__article__container-slider {
  width: 100%;
  margin-top: var(--val-1);
}

#article-fix .more__article__slider {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

#article-fix .more__article__slider .swiper {
  width: 100%;
}

#article-fix .more__article__slider .swiper {
  width: 100%;
}

#article-fix .swiper-horizontal {
  touch-action: pan-y;
}

#article-fix .swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

/* #article-fix .more__article__slider-item.more__article__slider-item__less-item {
  max-width: 30% !important;
} */

#article-fix .article-details__slider-item__details {
  /* padding-right: 2.5vw; */
  /* margin-top: 16px; */
  margin-top: -3px;
  background-color: rgba(255, 255, 255, 0.96);
  display: flex;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  min-height: 130px;
}

#article-fix .article-details__slider-item__details-inner {
  margin-top: 20px;
  padding: 0 16px 16px;
}

#article-fix .article-details__slider-item__details:hover .article-details__details__heading {
  text-decoration: underline;
}

#article-fix .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,
      initial);
  box-sizing: content-box;
}

#article-fix .swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#article-fix .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

#article-fix .position-relative {
  position: relative;
}

/* #article-fix .article-details__image-card,
#article-fix .article-details__image-card img {
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
} */

/* #article-fix .article-details__image-card {
  padding-top: 3px;
  transition: transform 0.3s ease;
  aspect-ratio: 16 / 9;
} */

#article-fix a,
#article-fix ul.dropCustome.sdrpmenu.content.dropBoxnav li,
#article-fix .clear-recent-history-btn,
#article-fix ul.dropCustome.sdrpmenu.content.dropBoxnav li ul li a span.sub-cat-add-img span.icon-checkmark,
#article-fix ul.dropCustome.sdrpmenu.content.dropBoxnav li span.cat-add-img span.icon-checkmark,
#article-fix button.btn-style-white-round.sign-up-btn span.icon-delete,
#article-fix p.friendsFeed_inviteFriend a:hover,
#article-fix .dateTime:hover span.timeHover,
#article-fix .nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design ul.FindFriendsTab li.active a,
#article-fix .nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design ul.FindFriendsTab li a:hover,
#article-fix .sender_list_title li,
#article-fix .sender_list_title li.activeClass,
#article-fix .right_chatBox .single-chat-icon-wrap .single-chat-send-msg,
#article-fix .single-chat-icon-wrap .single-chat-emoji,
#article-fix .right_chatBox .single-chat-inputarea .single-chat-attachement,
#article-fix .single-group-join,
#article-fix .accept-deny-main button {
  color: var(--text-color-grey2) !important;
}

/*#articlePreview .vpost-site-icon {*/
/*  background: #1e1e1ecf;*/
/*  color: #dddddd;*/
/*}*/

/* #article-fix .my_streamcontent2 {
  position: unset !important;
} */

#article-fix .article_comment_footer_add_shahi .my_streamcontent2 {
  position: fixed !important;
}

#article-fix .customFollowClass {
  background-color: #e9f3fa;
  padding: 5px 10px;
  border-radius: 8px;
  color: #2687c9;
}

#article-fix .more__article-userinfo {
  /* font-size: 16px; */
  color: var(--text-color-grey2) !important;
  font-size: 20px !important;
  font-weight: bold !important;
  margin-top: 16px;
}

#article-fix .more__article-userinfo {
  /* font-size: 16px; */
  color: var(--text-color-grey2) !important;
  font-size: 20px !important;
  font-weight: bold !important;
}

#article-fix .more__article-slider {
  display: flex;
  margin-bottom: 16px;
  /* flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  column-gap: 24px; */
}

/* Best Stories Section */
/* .article-details__best-stories {
  background-color: var(--bg-color-white);
  padding: var(--val-2) 0 0;
} */
#article-fix .more__article__heading {
  color: var(--text-color-grey1);
  font-size: var(--val-1\/5);
}

#article-fix .more__article__container-slider {
  width: 100%;
  margin-top: var(--val-1);
}

#article-fix .more__article__slider {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

#article-fix .more__article__slider .swiper {
  width: 100%;
}

#article-fix .more__article__slider .swiper {
  width: 100%;
}

#article-fix .swiper-horizontal {
  touch-action: pan-y;
}

#article-fix .swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

/* #article-fix .more__article__slider-item.more__article__slider-item__less-item {
  max-width: 30% !important;
} */

#article-fix .article-details__slider-item__details {
  /* padding-right: 2.5vw; */
  /* margin-top: 16px; */
  margin-top: -3px;
  background-color: rgba(255, 255, 255, 0.96);
  display: flex;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  min-height: 130px;
}

#article-fix .article-details__slider-item__details-inner {
  margin-top: 20px;
  padding: 0 16px 16px;
}

#article-fix .article-details__slider-item__details:hover .article-details__details__heading {
  text-decoration: underline;
}

#article-fix .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,
      initial);
  box-sizing: content-box;
}

#article-fix .swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#article-fix .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

#article-fix .position-relative {
  position: relative;
}

/* #article-fix .article-details__image-card,
#article-fix .article-details__image-card img {
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
} */

/* #article-fix .article-details__image-card {
  padding-top: 3px;
  transition: transform 0.3s ease;
  aspect-ratio: 16 / 9;
} */

#article-fix a,
#article-fix ul.dropCustome.sdrpmenu.content.dropBoxnav li,
#article-fix .clear-recent-history-btn,
#article-fix ul.dropCustome.sdrpmenu.content.dropBoxnav li ul li a span.sub-cat-add-img span.icon-checkmark,
#article-fix ul.dropCustome.sdrpmenu.content.dropBoxnav li span.cat-add-img span.icon-checkmark,
#article-fix button.btn-style-white-round.sign-up-btn span.icon-delete,
#article-fix p.friendsFeed_inviteFriend a:hover,
#article-fix .dateTime:hover span.timeHover,
#article-fix .nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design ul.FindFriendsTab li.active a,
#article-fix .nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design ul.FindFriendsTab li a:hover,
#article-fix .sender_list_title li,
#article-fix .sender_list_title li.activeClass,
#article-fix .right_chatBox .single-chat-icon-wrap .single-chat-send-msg,
#article-fix .single-chat-icon-wrap .single-chat-emoji,
#article-fix .right_chatBox .single-chat-inputarea .single-chat-attachement,
#article-fix .single-group-join,
#article-fix .accept-deny-main button {
  color: var(--text-color-grey2) !important;
}

/*#articlePreview .vpost-site-icon {*/
/*  background: #1e1e1ecf;*/
/*  color: #dddddd;*/
/*}*/

/* #article-fix .my_streamcontent2 {
  position: unset !important;
} */

#article-fix .article_comment_footer_add_shahi .my_streamcontent2 {
  position: fixed !important;
}

#article-fix .share_post_modal21-modal>div>.modal-content {
  box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);
  border-radius: 20px;
  padding: 15px 27px 15px 27px;
  overflow: inherit !important;
  width: 100%;
}

#article-fix .modal-content-modal {
  max-height: 98vh;
  /* min-width: 550px; */
  float: left;
}

#article-fix .modal-header-modal {
  padding: 0px !important;
  border-bottom: none !important;
}

/*#article-fix .modal-close-bottom21-modal {*/
/*  position: absolute;*/
/*  right: -6px;*/
/*  top: -9px;*/
/*  cursor: pointer;*/
/*}*/

#article-fix .model-popup-inner-17,
img {
  vertical-align: middle;
}

#article-fix .share-modal-header21-modal {
  width: 100%;
  /*float: left;*/
}

#article-fix .modal-close-bottom21-modal .icon-close-modal {
  background: #333333;
  border-radius: 50%;
  font-size: 9px;
  padding: 8px;
}

#article-fix .profile_info_main17 .profile_info_main21 {
  width: 73%;
  float: left;
}

#article-fix .profile_img17 .profile_img21 {
  width: 45px;
  height: 45px;
  float: left;
}

#article-fix .profile_img21>.post_profile_pic_star {
  position: absolute;
  height: 45px;
  width: 45px;
}

#article-fix span.icon-close-modal {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  width: auto;
}

#article-fix div#new-post-modal-height {
  overflow-y: unset !important;
}

#article-fix .share_post_modal-modal .modal-dialog .modal-body {
  position: relative;
  padding: 0px !important;
}

#article-fix .model-popup-inner-17,
#article-fix img {
  vertical-align: middle;
}

#article-fix .profile_info_main17.profile_info_main21 {
  width: unset !important;
  float: unset !important;
}

#article-fix .profile_img17.profile_img21 {
  width: 45px;
  height: 45px;
  float: left;
}

#article-fix .profile_img21>.post_profile_pic_star {
  position: absolute;
  height: 45px;
  width: 45px;
}

#article-fix .profile_info_main21>.com_name_main17 {
  float: left;
  width: 283px;
  padding-left: 12px;
  line-height: 28px;
}

#article-fix .post_update_whole .post_User_left .wallPost_userName_block,
#article-fix .post_update_whole .post_User_left .sharePost_userName_block,
#article-fix .sharedPost_userName_block1,
#article-fix .sharedPost_userName_block4 {
  display: flex;
  align-items: center;
}

#article-fix .com_name_view17 a.verification_badge1,
#article-fix .sharedPost_userName_block1 a.verification_badge1 .user_verification_badge .user_verification_svg_icon,
#article-fix .sharedPost_userName_block4 a.verification_badge4 .user_verification_badge .user_verification_svg_icon,
#article-fix .user-name-share-21 a.verification_badge4,
#article-fix .com_name_view17 .user_verification_badge .user_verification_svg_icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

#article-fix .btn .btn-default .share-option {
  border: none;
  border-radius: 10px !important;
  font-size: 15px;
  padding: 7px 10px !important;
  min-width: 82px;
}

#article-fix .btn-article-share {
  border: none;
  background: #f2f2f2;
  border-radius: 10px !important;
  font-size: 12px;
  padding: 10px 7px !important;
  min-width: 82px;
}

#article-fix .share-article {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: none;
  color: whitesmoke;
  background: #2687c9;
  border-radius: 10px !important;
  font-size: 14px;
  padding: 8px 17px !important;
  min-width: 61px;
}

span.icon-radio-unchecked.article-share-loader {
  margin-right: 5px;
}

#article-fix .articleShareModalBody {
  padding-top: 0px !important;
}

#article-fix .newsharepost .postMentionsInputBox>div>.__control>div {
  height: 100px !important;
}

#sharePermissionContainer .share-modal-footer21-bottom * {
  position: unset !important;
}

.class_for_share_modal #sharePermissionContainer .share-modal-footer21-bottom *{
  position: relative !important;
  top: 0px;
  left: 0px;
}

#new_post_categoryList ul#content {
  padding-left: 0 !important;
  height: 234px !important;
  overflow-y: auto;
  width: 100% !important;
  margin: 0 auto;
}

#new_post_categoryList ul.dropCustome.sdrpmenu.content.dropBoxnav {
  padding: 0;
  float: left;
  width: 100%;
  height: 265px;
  overflow-y: scroll;
}

#new_post_categoryList #content {
  margin-top: 10px !important;
}

#new_post_categoryList #content li {
  width: 100%;
  position: relative;
  height: 25px;
  clear: both !important;
}

#new_post_categoryList #content li::marker {
  display: none;
  font-size: 0;
}

#new_post_categoryList #content li a {
  display: flex;
  align-items: center;
  width: 100%;
  float: left;
  height: 25px;
  line-height: 25px;
  padding-left: 15px;
  padding-right: 5px;
  position: relative;
  color: #1388d1 !important;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
}

#new_post_categoryList #content li a .cat-name {
  font-weight: 500;
  font-size: 15px;
  line-height: 25px;
  float: left;
  display: flex;
  align-items: center;
}

#new_post_categoryList #content li a .cat-name .icon-arow_right {
  font-size: 1rem;
  display: flex;
  align-items: center;
  margin-right: 6px;
  padding-right: 0;
  float: left;
}

#new_post_categoryList #content li .left-caret .icon-arow_right {
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  margin-bottom: 0;
}

#new_post_categoryList #content li a:hover {
  background: #e3edf3;
}

#new_post_categoryList #content li .cat-add-img {
  margin-right: 5px !important;
  right: 2px;
  position: absolute;
  cursor: pointer;
  background: rgba(38, 135, 201, 0.1);
  margin-top: 0 !important;
  border-radius: 6px;
  min-width: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin-right: 15px;
  transition: 0.5s;
  float: right;
  padding-right: 14px;
  position: absolute;
  top: 0px;
  right: 0px;
  padding-right: 0;
}

#new_post_categoryList #content li .cat-add-img .icon-plus {
  color: #c5c5c5;
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

#new_post_categoryList #content li ul {
  overflow: hidden !important;
  height: max-content !important;
  margin-top: 0;
  float: left;
  width: 100%;
  display: block;
  padding-left: 0 !important;
  border: 0;
  box-shadow: none;
  display: none;
  min-width: 100%;
  overflow: auto;
  padding: 0;
  position: relative !important;
  top: 0;
}

#new_post_categoryList #content li .sub-menu li {
  background: #f7f9fd;
  height: 29px;
  line-height: 29px;
  border-bottom: 1px solid #fff;
}

#new_post_categoryList #content li .sub-menu li a {
  color: #333333 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 35px !important;
}

#new_post_categoryList #content li .sub-menu li .sub-cat-name {
  float: left;
  display: inline-block;
  font-weight: 500;
  font-size: 15px;
  color: #333333;
}

#new_post_categoryList #content li .sub-menu li .sub-cat-add-img {
  line-height: 15px;
  background: #eeeeee;
  float: right;
  margin-right: 0px;
  border-radius: 6px;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
}

#new_post_categoryList #content li .sub-menu li .sub-cat-add-img span {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  margin-right: 6px;
  color: #c5c5c5;
  justify-content: center;
  height: 100%;
  width: 100%;
}

#article-fix .new-add-article__modal-conainer.active-tab {
  height: 100vh;
  max-height: max-content;
}

#article-fix #sharePermissionContainer #dropdownMenu4 .dropdown-menu {
  position: absolute !important;
  right: 95px;
  left: auto;
  top: 62px;
}

#article-fix.class_for_share_modal #sharePermissionContainer #dropdownMenu4 .dropdown-menu {
  top: 45px;
  left: -69px !important;
}


#create-article-form .modal-header {
  min-height: unset !important;
}

/*#article-fix .image-start-container {*/
/*  height: 45px !important;*/
/*  width: 45px !important;*/
/*}*/

#article-fix .portfolio_coment_button .shaire_coment {
  position: unset !important;
}

#article-fix .modal-footer {
  position: relative !important;
}

#article-fix #createArticlePostModal .header-new-post-21 {
  justify-content: space-between;
}

#article-fix #createArticlePostModal .post-modal-right-21 {
  display: flex;
  align-items: center;
  gap: 5px;
}

#article-fix .single__article-body .imgPostMainPre21-common {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

#post_form_modal .imgPostImLi img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  max-height: 200px;
}

#post_form_modal .imgPostImLi .imgPostText {
  display: flex;
  flex-direction: column;
  background: #f8f8f8;
  border-radius: 0px 0px 10px 10px;
  margin-top: 0px !important;
  padding: 12px !important;
}

#post_form_modal .imgPostImLi .imgPostText h2 {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  padding: 0 !important;
  padding-bottom: 3px !important;
  margin-top: 5px;
}

#post_form_modal .imgPostImLi .imgPostText h3 {
  color: #333333;
}

#post_form_modal .imgPostImLi .imgPostText h3 code {
  color: #888888 !important;
  margin-top: 20px;
}

#article-fix .attach_content-21 {
  border: none;
  padding-left: 0;
  padding-right: 0;
}

#article-fix #createArticlePostModal .modal-footer {
  border: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#article-fix #post_form_modal .emoji-icon-21 {
  position: absolute;
  bottom: 10px;
  right: 20px;
  top: unset !important;
}

#article-fix #post_form_modal .postMentionsInputBox {
  position: relative !important;
}

#article-fix .footer-left-21 {
  width: 50%;
  height: 40px;
  float: left;
  display: flex;
}

#article-fix .footer-left-21 .btn {
  color: #aaaaaa !important;
  background: #eeeeee !important;
  height: 40px;
  border: none;
  border-radius: 12px;
}

#article-fix #createArticlePostFooter .permissionDropbox21 {
  width: 40% !important;
  display: flex !important;
}

#article-fix #createArticlePostFooter .portfolio_coment_button {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#article-fix .footer-right-21 {
  width: 50%;
  float: left;
  height: 40px;
  position: relative;
}

#article-fix .footer-right-21 .post-submit {
  border-radius: 12px;
  width: 121px;
  float: right;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  padding: 10px 9px;
  color: #ffffff;
  background: #2687c9;
}

#article-fix #newPostFullBody17 .postMentionsInputBox {
  position: relative;
}

#article-fix #newPostFullBody17 .postMentionsInputBox .share-post-icon-emoji-21 {
  position: absolute;
  right: 10px;
  bottom: 0;
  display: none;
}

#article-fix .newsharepost .postMentionsInputBox>div>div>textarea {
  padding: 7px;
}

#article-fix .newsharepost .postMentionsInputBox>div>div>textarea:focus-visible {
  outline: none !important;
}

#article-fix #newPostFullBody17 #attach_content {
  position: relative;
  padding-top: 20px;
  overflow: visible;
}

#article-fix #newPostFullBody17 #attach_content .post_close {
  position: absolute;
  top: 12px !important;
  border-radius: 50%;
  right: -3px !important;
  z-index: 9999999999999999;
  height: 26px !important;
}

#article-fix #post_form_modal .portfolio_coment_button {
  position: unset !important;
  border: 1px solid #eeeeee !important;
  border-radius: 10px !important;
}

#article-fix #post_form_modal .share-modal-middle-21 {
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 0.5;
}

#article-fix #post_form_modal .back-text-share-select-audiance-21 {
  position: absolute !important;
  top: 5px !important;
  left: 17px;
  z-index: 99999;
}

#article-fix #post_form_modal .add-attachment-share-21 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  width: 100% !important;
}

#article-fix .newsharepost .flypost_content .portfolio_coment_button .category-select-area.newpostdropinfo {
  position: relative;
  width: 100%;
}

#article-fix #post_form_modal .portfolio_coment_fly_ext,
#article-fix .allpost-body-left .main {
  background-color: #ffffff;
  padding: 9px 0;
}

#infinite-scroll-article-list #article_comment_container {
  padding: 0 0 0 9px !important;
}

#infinite-scroll-article-list #editModeArticleModal .post_body_left>.post_In_Group {
  margin-bottom: 0;
}

#article-fix #post_form_modal .add-attachment-share-21>span {
  display: flex;
  gap: 5px;
}

#article-fix #post_form_modal .share-modal-middle-21 .share-linebar-21 {
  display: flex;
}

#new_post_categoryList .dropdown-category-filter input {
  text-align: center;
}

#post_form_modal #new_post_categoryList {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 7px 0;
  position: relative;
}

#article-fix #post_form_modal #new_post_categoryList .dropdown-category-filter {
  justify-content: center;
}

#article-fix #post_form_modal #new_post_categoryList .dropdownsdrp2 a {
  position: relative;
}

#article-fix #post_form_modal .back-text-share-select-audiance-21 svg {
  display: block;
}

#article-fix #post_form_modal .back-text-share-select-audiance-21 svg path {
  fill: revert-layer;
}

#article-fix #post_form_modal .articlPreviewContainer {
  display: flex;
  width: 100%;
  justify-content: center;
}

#newPostFullBody17 #post_content_text_modal_11 .__input {
  padding: 10px;
}

#article-fix .profile_info21>p {
  font-weight: bold;
  font-size: 1em;
  padding-top: 6px;
}

#article-fix .profile_info_main17.profile-21 {
  display: flex;
  gap: 6px;
}

#articleCreateModalContainer #create-article-form .post-modal-left-21 {
  width: 100%;
}

#articleCreateModalContainer #create-article-form .post-modal-left-21 .com_name_main17 {
  width: 100%;
  max-width: 100%;
}

#article-fix #articleCreateModalContainer #create-article-form .header-new-post-21 {
  margin-top: 16px;
}

#article-fix #post_form_modal .portfolio_coment_fly_ext {
  margin-top: 20px;
}

#middle_container_wrapper .newsharepost .portfolio_coment_fly_ext {
  margin-top: 0 !important;
}

#article-fix #middle_container_wrapper .main {
  padding-top: 0 !important;
}

#article-fix .article_feed_modal_3dot_ul {
  color: #555555;
}

#articlePreview .imgPostImage.linkPostImgview {
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
}

#article-fix #UserAvatar-article-footer-like .user-post-pic-holder.avater-image-2021,
#article-fix #UserAvatar-article-footer-like .user-post-pic-holder.avater-image-2021>img {
  width: 30px !important;
  height: 30px !important;
  text-align: center;
  margin-left: 2px !important;
}

#articleCreateModalContainer #create-article-form {
  padding: 0 !important;
}

#articleCreateModalContainer #create-article-form .modal-header>div:first-child,
#editModeArticleModal #create-article-form .modal-header>div:first-child {
  padding-left: 22px !important;
  padding-bottom: 10px !important;
  padding-top: 14px !important;
  padding-right: 22px;
  box-shadow: 0px 0px 30px rgb(0 0 0 / 7%) !important;
}

#article-fix .add-article__modal-header {
  height: unset !important;
}

#articleCreateModalContainer #create-article-form .modal-header>.header-new-post-21,
#editModeArticleModal #create-article-form .modal-header>.header-new-post-21 {
  padding-left: 22px !important;
  padding-bottom: 10px !important;
  padding-top: 14px !important;
  padding-right: 22px;
}

#articleCreateModalContainer #create-article-form .modal-body,
#editModeArticleModal #create-article-form .modal-body {
  padding-left: 22px !important;
  padding-bottom: 20px !important;
  padding-top: 14px !important;
  padding-right: 22px !important;
}

#articleCreateModalContainer #post_form_modal .imgPostImLi img {
  max-height: unset !important;
  aspect-ratio: unset !important;
}

#articleCreateModalContainer #createArticlePostModal {
  padding: 0 !important;
}

#articleCreateModalContainer #createArticlePostModal .modal-header .topHeaderContainer {
  padding-left: 22px !important;
  padding-bottom: 10px !important;
  padding-top: 14px !important;
  padding-right: 22px;
  box-shadow: 0px 0px 30px rgb(0 0 0 / 7%) !important;
}

#articleCreateModalContainer #createArticlePostModal .profile_info_main17 .com_name_main17 {
  width: 270px !important;
}

#articleCreateModalContainer #createArticlePostModal .modal-header .header-new-post-21 {
  padding-left: 22px !important;
  padding-bottom: 10px !important;
  padding-top: 14px !important;
  padding-right: 22px !important;
}

#articleCreateModalContainer #createArticlePostModal #newPostBodyId {
  padding-left: 22px !important;
  padding-bottom: 10px !important;
  padding-top: 14px !important;
  padding-right: 22px !important;
}

#articleCreateModalContainer #createArticlePostModal .modal-footer {
  padding-left: 22px !important;
  padding-bottom: 10px !important;
  padding-top: 0 !important;
  padding-right: 22px !important;
}

#articleCreateModalContainer #createArticlePostModal .modal-header .topHeaderContainer .backButtonContainer {
  display: flex;
}

#articleCreateModalContainer .icon-arow_left {
  background: rgba(38, 135, 201, 0.1);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  float: left;
  height: 30px;
  width: 30px;
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2687c9;
  font-size: 1.2rem;
}

#articleCreateModalContainer #createArticlePostModal #post_form_modal .portfolio_coment_fly_ext {
  margin-top: 0 !important;
  padding: 0 !important;
}

#articleCreateModalContainer #createArticlePostModal {
  row-gap: 0 !important;
}

#articleCreateModalContainer #createArticlePostModal #post_form_modal #attach_content {
  margin-bottom: 0 !important;
}

#article-fix #editModeArticleModal #create-article-form .header-new-post-21 .header-new-post-21,
#article-fix #editModeArticleModal #create-article-form .header-new-post-21 .header-new-post-21 .post-modal-left-21 {
  width: 100%;
}

#article-fix #editModeArticleModal #create-article-form .header-new-post-21 .header-new-post-21 .post-modal-left-21 .profile_info_main17 .com_name_main17 {
  width: 220px !important;
}

#article-fix #editModeArticleModal #create-article-form {
  padding: 0 !important;
}

#editModeArticleModal #create-article-form .modal-body .add-article__image-placeholder img {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

#article-fix #articleSingleHero .profile_info_main17.profile-21>.com_name_main17,
#article-fix .infinite-scroll-component .profile_info_main17.profile-21>.com_name_main17 {
  width: 270px;
}

/*#article-fix .article-details__author-status > div > span > a {*/
/*  padding: 0 !important;*/
/*  width: 81px;*/
/*}*/

.true_check>.dropdown-menu {
  display: block;
}

#article-fix .profile_info_main17 .com_name_main17 a span {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 700 !important;
}

#article-fix .profile_info_main17 .com_name_main17 .clickedUrl {
  font-weight: normal !important;
  font-size: 12px !important;
}

#article-fix .profile_info_main17 .com_name_main17 a .user_verification_badge {
  width: 15px;
}

#article-fix #createArticlePostModal .modal-header {
  min-height: unset !important;
}

#article-fix .com_profile_info17 span {
  font-size: 11px !important;
}

/*#article-fix .article-details__author-status > div > span > a {*/
/*  padding: 0 !important;*/
/*  width: 81px;*/
/*}*/

.true_check>.dropdown-menu {
  display: block;
}

/* Added from gazi September 2024 */

.custom-fadein-modal.edit_comment\&reply {
  z-index: 9999999;
}

.edit_comment_reply_to_reply .gifSearch.replyComment div .reactGiphySearchbox-componentWrapper {
  top: unset !important;
  bottom: 10px !important;
}

#article-fix .article_comment_footer_add_shahi .my_streamcontent3.main .my_streamcontent3_right_history {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  float: unset;

  margin-bottom: 10px !important;
}

.commentSlide .article_comment_footer_add_shahi .my_streamcontent3 .my_streamcontent3.main.reply_comment_area {
  margin-bottom: 16px !important;
}

.commentSlide .article_comment_footer_add_shahi .my_streamcontent2.main.after_comment.comment_reply_row textarea {
  background: #f7f7f7 !important;
}

#article-fix .article_comment_footer_add_shahi .my_streamcontent2.main {
  border-radius: 0 !important;
}

.article_comment_footer_add_shahi .my_streamcontent2.main.after_comment.comment_reply_row.replyComment_2021 .comment_new_style {
  bottom: 2px;
  /* left: calc(100% + 43px); */
  left: unset;
  right: 3px;
  display: flex !important;
  width: 40px;
}

.article_comment_footer_add_shahi .after_comment_commentbox .comment_new_style {
  bottom: 2px;
  left: calc(100% + -37px);
  display: flex !important;
  width: 40px;
}

.close-button__for-article-photo-viewer {
  width: 30px;
  height: 30px;
  display: block;
  border-radius: 50%;
  overflow: hidden;
  border: none;
}

.close-button__for-article-photo-viewer .icon-close:before {
  content: '\e920';
  width: 100%;
  height: 100%;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#article-fix .article_comment_footer_add_shahi span.icon-like {
  font-size: 1.4rem !important;
}

.article_comment_footer_add_shahi .my_streamcontent3.main .my_streamcontent3_right_history .my_streamcontent3_right_history_bottom .my_streamcontent3_bottom_left.comment_img_17 h5 {
  text-align: left;
  float: unset;
  display: flex;
  width: 100%;
}

/* End from gazi */

.article_feed_header_right {
  position: relative;
}

.article_like_active {
  display: flex;
  align-items: center;
  color: #2687c9;
}

span.more-people-likes {
  margin-left: 4px;
}

ul.dropdown-menu.article_comment_3dot_modal_ownArticle {
  margin-left: 36px;
}

ul.dropdown-menu.article_comment_3dot_modal_ownComment {
  margin-left: 45px;
}

ul.dropdown-menu.article_comment_3dot_modal_reply {
  margin-left: 36px;
}

#article-fix .more__article__slider-item__less-item {
  min-width: 233px;
}

#article-fix .infinite-scroll-component .post_body_left .post_profile_top {
  padding: 0 15px !important;
}

.like_share {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px;
  margin: 8px;
  border: 1px solid #eeeeee;
  border-radius: 7px;
}

.comment_share {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px;
  color: #333;
}

.flex {
  display: flex;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.items-center {
  align-items: center;
}

.gap-1 {
  gap: 4px;
}

.object-cover {
  object-fit: cover;
}

.bor-r {
  border-radius: 13px 13px 0px 0px;
}

.td-none {
  text-decoration: none;
}

.fs-18 {
  font-size: 18px;
}

.lh-29 {
  line-height: 29px;
}

.fs-13 {
  font-size: 13px;
}

.article_link_colo {
  color: #555555;
}

.post_body_left .portfolio_body_right4 .commentsandshare p {
  text-align: right;
  width: auto !important;
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
  margin-bottom: 0;
  max-width: 70%;
  float: right;
  display: flex;
  align-items: center;
}

.bottomslidebar .my_streamcontent2_like_share .ShareDrop19 .dropbtn {
  float: left;
  margin-top: 4px;
  font-size: inherit;
}

.share_modal_article {
  position: absolute;
  padding: 15px;
  gap: 6px;
  border: 1px solid #eee;
  background-color: white;
  left: -100px;
  right: -8px;
  border-radius: 10px;
}

.article_like {
  border: 1px solid #eee;
  border-radius: 10px;
}

.mt-6 {
  margin-top: 6px;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.flex {
  display: contents;
}

.justify-start {
  justify-content: flex-start;
}

.items-center {
  align-items: center;
}

.gap-1 {
  gap: 4px;
}

.mt-4 {
  margin-top: 4px;
}

.all_article_3dot_modal {
  position: absolute;
  height: 90px;
  width: 200px;
  left: -200px;
  right: 0px;
  background-color: #fff;
  border-radius: 10px
}

.add-article__image-text {
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-center {
  text-align: center;
}

.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.add-article__image-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.article_post_modal {
  padding: 10px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  margin: 10px;
  border-radius: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.bt-top {
  border-top: '1px solid #d1d1d1';
}

.mb-10 {
  margin-bottom: 10px;
}

.input_bg .search-filter-head .search-filter-box {
  padding-left: 6px;
  padding-right: 4px;
}

.border {
  border-top: 1px solid rgb(209, 209, 209);
}

#article-fix #three_dot_in_article_list .dropdown-menu {
  width: 175px;
  left: -169px !important;
  top: 10px;
  padding: 10px !important;
  border-radius: 7px;
}

.collaboration_menu li {
  padding-bottom: 3px;
}

.search_icon_position {
  position: absolute;
  right: 10px;
  top: 17px;
}

.search_ar_cls {
  font-size: 15px;
  right: 10px;
  top: 15px;
  cursor: pointer;
}

.mr-14 {
  margin-right: 14px;
}

.ml-14 {
  margin-left: 14px;
}

#block-user-button a .user-block-fpost {
  background-color: red;
}

.collaboration-Serarch-filter .search-filter-head {
  margin-bottom: 3px !important;
}

.article_cat {
  padding-top: 16px;
}

.gap-3 {
  gap: 12px;
}

.flex-row {
  flex-direction: row;
}

.gap-5 {
  gap: 20px;
}

#article-fix .collaboration-details__footer .ShareDrop19-content {
  top: -154px;
  left: -23px;
}

.article__card {
  border: 1px solid #cbcbcb;
  border-radius: 10px;
  overflow: hidden;
}